finform-react-builder/dist/components/FinForm/inputs/FinDateField.d.ts

A powerful, flexible React form builder with dynamic field rendering, custom validation, multi-step forms, Material-UI integration, image component support, toggle/radio buttons, switches, autocomplete, and advanced button positioning

import { default as React } from 'react';
export declare const DEFAULT_DATE_FORMAT = "DD-MM-YYYY";
/** Map dayjs format tokens to a human placeholder (DD/MM/YYYY, etc.). */
export declare function dateFormatToPlaceholder(format: string): string;
export type FinDateFieldProps = {
    value?: string | null;
    onChange?: (value: string) => void;
    onBlur?: () => void;
    name?: string;
    /** Dayjs format for typed input + display (e.g. DD-MM-YYYY). */
    dateFormat?: string;
    minDate?: string;
    maxDate?: string;
    label?: React.ReactNode;
    labelPosition?: 'inner' | 'top' | 'none';
    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
    disabled?: boolean;
    error?: boolean;
    helperText?: React.ReactNode;
    fullWidth?: boolean;
    size?: 'small' | 'medium';
    placeholder?: string;
    sx?: any;
    inputTestId?: string;
    labelTestId?: string;
    errorTestId?: string;
    /** @deprecated Use minDate / maxDate props. Kept for FieldRenderer backward compat. */
    inputProps?: {
        min?: string;
        max?: string;
        [key: string]: unknown;
    };
    id?: string;
    required?: boolean;
};
export declare const FinDateField: React.FC<FinDateFieldProps>;