diff --git a/src/utils/DateInput.js b/src/utils/DateInput.js index e7f32b07..9df330df 100644 --- a/src/utils/DateInput.js +++ b/src/utils/DateInput.js @@ -3,35 +3,40 @@ import { isNil } from 'ramda'; import DatePicker from 'react-datepicker'; import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import calendarIcon from '@fortawesome/fontawesome-free-regular/faCalendarAlt'; +import * as PropTypes from 'prop-types'; import './DateInput.scss'; -export default class DateInput extends React.Component { - constructor(props) { - super(props); - this.inputRef = props.ref || React.createRef(); - } +const propTypes = { + className: PropTypes.string, + isClearable: PropTypes.bool, + selected: PropTypes.oneOfType([ PropTypes.string, PropTypes.object ]), + ref: PropTypes.object, +}; - render() { - const { className, isClearable, selected } = this.props; - const showCalendarIcon = !isClearable || isNil(selected); +const DateInput = (props) => { + const { className, isClearable, selected, ref = React.createRef() } = props; + const showCalendarIcon = !isClearable || isNil(selected); - return ( -