onesine / react-tailwindcss-datepicker

Modern date range picker component for React using Tailwind 3 and dayjs. Alternative to Litepie Datepicker.
https://react-tailwindcss-datepicker.vercel.app/
MIT License
505 stars 147 forks source link

DatePicker won't reset on reset button press within an html form #246

Open mmcossu opened 3 months ago

mmcossu commented 3 months ago

put the DatePicker in a form with a reset button and assign an inputName:

export function PickerExample() {
  return (
    <form>
      <DatePicker inputName={'_in'} value={null} onChange={_ => {}}/>
      <button type=reset">Reset</button>
    </form>
  )
}

Select a date, then press the reset button... Normally a reset event should trigger a form elements collection to adopt the reset mechanism, by emptying themselves. Although the DatePicker component includes a element, this won't be cleared.

It should either expose a .Reset() function to be invoked via the useRef() hook, or it should be fixed to use the form events as intended.