UNPKG

@ladg/rhfmui

Version:

The integration of MUI components with React hook form.

21 lines 1.26 kB
import { JSX } from 'react'; import { RegisterOptions, UseFormReturn } from 'react-hook-form'; import { DateRange, DateRangePickerProps, DateRangeValidationError, PickerChangeHandlerContext } from '@mui/x-date-pickers-pro'; type RHFMuiDateRangePickerProps = DateRangePickerProps<any, false> & React.RefAttributes<HTMLDivElement> & { rhfinstance: UseFormReturn<any>; rhf_rules?: Omit<RegisterOptions<any, any>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>; name: string; label: string; required?: boolean; disabled?: boolean; fullWidth?: boolean; placeholder?: string; size?: 'medium' | 'small'; permanentMessage?: string | (() => JSX.Element); onChangeExtraHandler?: ((value: DateRange<any>, context: PickerChangeHandlerContext<DateRangeValidationError>) => void) | undefined; }; /**IMP NOTE:RHFMuiDateRangePicker must be wraped by LocalizationProvider. PLease user LocalizationProvider with your choice od dateAdapter as expalined here https://mui.com/x/react-date-pickers/getting-started/ */ /**For dateRange value is array e.g. [fromDate, toDate] */ export declare const RHFMuiDateRangePicker: React.FC<RHFMuiDateRangePickerProps>; export {}; //# sourceMappingURL=RHFMuiDateRangePicker.d.ts.map