Calender does not work with React-hook-form

[chrishj59]

Calendar does work with react-hook-form.
The default value date is not shown in the Calendar component, and the validation rule does not prevent form submit if blank.

Component usage:
`

<Controller
name="birthDate"
control={control}
rules={{
required: 'Birthday is required.',
}}
render={({ field, fieldState }) => (
<>
<label
htmlFor={field.name}
className={classNames({
'p-error': errors.birthDate,
})}>
Date of Birth

<Calendar
id={field.name}
maxDate={maxDate}
dateFormat="dd/M/yy"
className={classNames({
'p-invalid': fieldState.error,
})}
onChange={(e) => field.onChange(e.target.value)}
/>
{/* Mobile */}

									{getFormErrorMessage(field.name)}
								</>
							)}
						/>
					</div>`

Default values from console log:
defaultValues { "title": "", "displayName": "", "firstName": "", "lastName": "", "mobPhone": "", "street": "", "street2": "", "town": "", "county": "", "postCode": "", "birthDate": "2006-09-01T08:13:25.453Z" }

Useform'
const { control, register, formState: { errors }, handleSubmit, reset, setValue, getValues, } = useForm<USER_CONTACT_TYPE>({ defaultValues });

Should this work with react-hook-form like InputText does?

[chrishj59]

User error

[chrishj59]

By setting a default date I can ensure the date has a value and can get round the validation rule of a required entry.