@kadconsulting/dry
Version:
KAD Reusable Component Library
23 lines • 1.46 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DateInputPicker } from '../DateInputPicker';
import { TimePicker } from '../TimePicker';
import { convertToDenverTime } from '../../utils/dateUtils';
import './DateTimePicker.scss';
const DateTimePicker = ({ value, onChange, minDate, maxDate, militaryTime = false, onlyDate = false, onlyTime = false, label, }) => {
const handleDateChange = (date) => {
if (date) {
const newDateTime = new Date(value || new Date());
newDateTime.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());
onChange(convertToDenverTime(newDateTime));
}
else {
onChange(null);
}
};
const handleTimeChange = (time) => {
onChange(time);
};
return (_jsxs("div", { className: 'datetime-picker', children: [label && _jsx("label", { className: 'datetime-picker__label', children: label }), _jsxs("div", { className: 'datetime-picker__inputs', children: [!onlyTime && (_jsx("div", { className: 'datetime-picker__date', children: _jsx(DateInputPicker, { value: value, onChange: handleDateChange, minDate: minDate, maxDate: maxDate }) })), !onlyDate && (_jsx("div", { className: 'datetime-picker__time', children: _jsx(TimePicker, { value: value || '', onChange: handleTimeChange, militaryTime: militaryTime }) }))] })] }));
};
export default DateTimePicker;
//# sourceMappingURL=DateTimePicker.js.map