@nish1896/rhf-mui-components
Version:
A suite of 20+ production-ready react-hook-form components built with material-ui. Fully typed, tree-shakable, and optimized for enterprise-grade forms.
42 lines (41 loc) • 1.56 kB
TypeScript
import { FormHelperTextProps, FormLabelProps } from "../../types/mui.js";
import { ReactNode } from "react";
import * as react_jsx_runtime0 from "react/jsx-runtime";
import { Control, FieldValues, Path, RegisterOptions } from "react-hook-form";
import { DateTimePickerProps, DateTimeValidationError, PickerChangeHandlerContext, PickerValidDate } from "@mui/x-date-pickers";
//#region src/mui-pickers/date-time/index.d.ts
type DateTimePickerInputProps = Omit<DateTimePickerProps<PickerValidDate>, 'name' | 'value' | 'defaultValue'>;
type RHFDateTimePickerProps<T extends FieldValues> = {
fieldName: Path<T>;
control: Control<T>;
registerOptions?: RegisterOptions<T, Path<T>>;
required?: boolean;
onValueChange?: (newValue: PickerValidDate, context: PickerChangeHandlerContext<DateTimeValidationError>) => void;
showLabelAboveFormField?: boolean;
formLabelProps?: FormLabelProps;
helperText?: ReactNode;
errorMessage?: ReactNode;
hideErrorMessage?: boolean;
formHelperTextProps?: FormHelperTextProps;
} & DateTimePickerInputProps;
declare const RHFDateTimePicker: <T extends FieldValues>({
fieldName,
control,
registerOptions,
required,
onValueChange,
disabled: muiDisabled,
label,
showLabelAboveFormField,
formLabelProps,
helperText,
errorMessage,
hideErrorMessage,
formHelperTextProps,
onChange: muiOnChange,
onAccept: muiOnAccept,
slotProps: muiSlotProps,
...rest
}: RHFDateTimePickerProps<T>) => react_jsx_runtime0.JSX.Element;
//#endregion
export { RHFDateTimePickerProps, RHFDateTimePicker as default };