UNPKG

@nish1896/rhf-mui-components

Version:

A suite of 20+ reusable Material UI components for React Hook Form to minimize your time and effort in creating and styling forms

19 lines (18 loc) 1.17 kB
import { type ReactNode, type ChangeEvent } from 'react'; import { type FieldValues, type Path, type Control, type RegisterOptions } from 'react-hook-form'; import type { FormLabelProps, FormHelperTextProps, TextFieldProps } from '../../types'; type TextFieldInputProps = Omit<TextFieldProps, 'type'>; export type RHFNumberInputProps<T extends FieldValues> = { fieldName: Path<T>; control: Control<T>; registerOptions?: RegisterOptions<T, Path<T>>; onValueChange?: (value: number | null, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void; showLabelAboveFormField?: boolean; showMarkers?: boolean; formLabelProps?: FormLabelProps; errorMessage?: ReactNode; hideErrorMessage?: boolean; formHelperTextProps?: FormHelperTextProps; } & TextFieldInputProps; declare const RHFNumberInput: <T extends FieldValues>({ fieldName, control, registerOptions, onValueChange, label, showLabelAboveFormField, showMarkers, formLabelProps, required, helperText, errorMessage, hideErrorMessage, formHelperTextProps, sx, ...rest }: RHFNumberInputProps<T>) => import("react/jsx-runtime").JSX.Element; export default RHFNumberInput;