Theo's Typesafe Cult•15mo ago

Custom onChange function to react-date-picker

I'm trying to use shad's custom date range picker and add it to a form. but i can't seem to pass a custom onChange function to react-date-picker...

3 Replies

Coded_58OP•15mo ago

Gabriel•14mo ago

Hi @Coded_58 , Calendar has a onSelect prop that you can use. It takes in a function with Date | undefined and you can use it to trigger whaterver else EG:

<Calendar
  mode="single"
  selected={from.toDate()}
  onSelect={(date) => {
      alert(date?.toISOString())
    );
  }}
/>

<Calendar
  mode="single"
  selected={from.toDate()}
  onSelect={(date) => {
      alert(date?.toISOString())
    );
  }}
/>

Coded_58OP•14mo ago

thanks man...

Gaming

Programming

Custom onChange function to react-date-picker