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
549 stars 167 forks source link

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

Open mmcossu opened 7 months ago

mmcossu commented 7 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.

AmitJain628 commented 2 months ago

I have faced similar issue. I have fixed it by adding Key in the DatePicker component

mmcossu commented 4 days ago

AmitJain628 what value to the key? any value that can differ in time? like a Date.now() to force a re render of the component on reset?