diff --git a/src/utils/DateInput.js b/src/utils/DateInput.js index 382ae753..52905c62 100644 --- a/src/utils/DateInput.js +++ b/src/utils/DateInput.js @@ -12,6 +12,7 @@ const propTypes = { isClearable: PropTypes.bool, selected: PropTypes.oneOfType([ PropTypes.string, PropTypes.object ]), ref: PropTypes.object, + disabled: PropTypes.bool, }; const DateInput = (props) => { diff --git a/src/utils/DateInput.scss b/src/utils/DateInput.scss index 5f2e23ff..cbcbe996 100644 --- a/src/utils/DateInput.scss +++ b/src/utils/DateInput.scss @@ -7,6 +7,8 @@ .date-input-container__input { padding-right: 35px !important; +} +.date-input-container__input:not(:disabled) { background-color: #fff !important; } diff --git a/src/utils/DateRangeRow.js b/src/utils/DateRangeRow.js index 376ee671..ca547e4a 100644 --- a/src/utils/DateRangeRow.js +++ b/src/utils/DateRangeRow.js @@ -9,9 +9,10 @@ const propTypes = { endDate: dateType, onStartDateChange: PropTypes.func.isRequired, onEndDateChange: PropTypes.func.isRequired, + disabled: PropTypes.bool, }; -const DateRangeRow = ({ startDate, endDate, onStartDateChange, onEndDateChange }) => ( +const DateRangeRow = ({ startDate, endDate, onStartDateChange, onEndDateChange, disabled = false }) => (