datepicker-yup

datepicker-yup.tsx

// define schema
export const companySchema = object({
  yearEndDate: date().nullable().typeError('Invalid Date'),
});

export type Company = Asserts<typeof companySchema>;
  
//deconstruct `control` and `errors`
const { reset, control, handleSubmit, errors } = useForm<Company>({
    resolver: yupResolver(companySchema)
  });
  
//assign `error` and `helperText`
 <EpicDatePicker
                control={control}
                name={'yearEndDate'}
                label={'Year End Date'}
                error={!!errors.yearEndDate}
                helperText={errors.yearEndDate?.message}
              />