With react-hooks-form v7
import dependencies:
import { Controller, useForm } from 'react-hook-form'
import DatePicker from 'react-datepicker'
add control to the useForm() hook:
const { control, register, handleSubmit, ... } = useForm()
Add the Controller and DatePicker component:
<Controller
control={control}
name="date-input"
render={({ field }) => (
<DatePicker
placeholderText="Select date"
onChange={(date) => field.onChange(date)}
selected={field.value}
/>
)}
/>