import 'rich-datetime-picker/dist/rich-datetime-picker.css';
import { RichDatetimePicker } from 'rich-datetime-picker';

/** if you want to override style via cssModule */
import css from './RichDatetimePicker.module.scss';
import classNames from 'classnames/bind';

const cx = classNames.bind(css);


const now = new Date();
const [startDate, setStartDate] = React.useState<Date | null>(subMinutes(now, 5));
const [endDate, setEndDate] = React.useState<Date | null>(now);

const handleChange = (params: DateRange) => {
  setStartDate(params[0]);
  setEndDate(params[1]);
};

return (
   <RichDatetimePicker
    /** if you want to override style via cssModule */
    className={cx('datePickerContainer')}
    triggerClassName={cx('datePickerTrigger')}
    startDate={startDate}
    endDate={endDate}
    onChange={handleChange}
  />;
)