UNPKG

mui-rhf-integration

Version:

React Hook Form integration for MUI with strict TypeScript handling based on form context.

13 lines (12 loc) 1.07 kB
import { TextFieldProps } from '@mui/material'; import { PickerValidDate, TimePickerProps } from '@mui/x-date-pickers'; import { ReactNode } from 'react'; import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form'; export type RhfTimePickerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<TimePickerProps<PickerValidDate>, "error" | "onChange" | "value" | "renderInput"> & { control: Control<TFieldValues>; name: TName; rules?: Omit<RegisterOptions<NoInfer<TFieldValues>, NoInfer<TName>>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">; textFieldProps?: Omit<TextFieldProps, "label" | "error" | "onChange" | "onBlur" | "value" | "inputRef">; }; declare const RhfTimePicker: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, rules, textFieldProps, ...datePickerProps }: RhfTimePickerProps<TFieldValues, TName>) => ReactNode; export default RhfTimePicker;