Is it way to push ref to input component?

[olegKusov]

I'm using React Hook Form, there i need to push ref to my input component. Is it way to handle this ref in DayPickerInput component prop?

[marcus-kindred]

My response on #998 might help you, although it is in TypeScript

[inkas]

@olegKusov This might help you

useEffect(() => {
  // custom register react-day-picker
  register({ name: 'date' }, { required: true });
  setValue('date', new Date());

  // unregister input after the component unmounts
  return () => unregister('date');
}, [register, unregister, setValue]);

const handleDayPickerDateChange = (date) => {
  setValue('date', date);
};

<DayPickerInput
  component={React.forwardRef((props, ref) => {
    return <TextInput ref={ref} {...props} />
  })}
  onDayChange={handleDayPickerDateChange}
/>