UNPKG

form-input-fields

Version:

A customizable form field components built with TypeScript

45 lines 1.48 kB
import { TextFieldProps } from '@mui/material'; import { FieldProps } from 'formik'; import { Dayjs } from 'dayjs'; export interface FormDateTextFieldProps { /** * Date format string for display * Uses dayjs format tokens (e.g., 'YYYY-MM-DD', 'DD/MM/YYYY') * Default: FORM_DATE_FORMAT.long */ format?: string; /** * Whether the field is required * @default false */ required?: boolean; /** * Whether the field is disabled * @default false */ disabled?: boolean; /** * Custom class name for the root element */ className?: string; /** * Helper text to display below the field */ helperText?: string; /** * Error state of the field */ error?: boolean; /** * Custom onChange handler */ onChange?: (value: Dayjs | null) => void; /** * Custom onBlur handler */ onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void; } type FormDateTextFieldComponentProps = FormDateTextFieldProps & FieldProps & Omit<TextFieldProps, 'value' | 'onChange' | 'onBlur' | 'name' | 'defaultValue' | 'onError' | 'onFocus' | 'InputProps' | 'slots' | 'slotProps'>; export declare const FormDateTextField: ({ field, form, format, disabled, required, className, helperText, error, onChange, onBlur, ...props }: FormDateTextFieldComponentProps) => import("react/jsx-runtime").JSX.Element; export {}; //# sourceMappingURL=FormDateTextField.d.ts.map