form-input-fields
Version:
A customizable form field components built with TypeScript
45 lines • 1.48 kB
TypeScript
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