how to use react-hook-form "register' with mui DatePicker

Im using {...register("fieldname")} with Textfields and Select fields in react hook form(Yup resolver),and it is working properly.But when I use it on DatePicker it is showing this error.
How can I use {...register("fieldname")} with DatePicker(MUI)?

<KeyboardDatePicker
     variant="dialog"
     format="DD/MM/yyyy"
     value={selectedDate}
     onChange={(event)=> handleDateChange(event._d)} 
     id="date"
     name='date'
     error={Boolean(errors.date)}
     helperText={errors.date?.message}
     {...register("date")} />