import React from 'react';
import { FlintDateField as FlintDateFieldElement } from '@getufy/flint-ui/date-field/flint-date-field';
export interface FlintDateFieldChangeDetail {
    value: string;
}
/**
 * A segmented keyboard-driven date input.
Each section (month, day, year) is independently editable via keyboard.
 */
export interface FlintDateFieldProps extends React.HTMLAttributes<FlintDateFieldElement> {
    /** Controlled date value (ISO YYYY-MM-DD). Set to '' for uncontrolled. */
    value?: string;
    /** Field label. */
    label?: string;
    /** Form field name. Reflected so the browser picks it up for form data collection. */
    name?: string;
    /** Minimum allowed date (ISO). */
    min?: string;
    /** Maximum allowed date (ISO). */
    max?: string;
    /** Disables the field and prevents interaction. */
    disabled?: boolean;
    /** Makes the field read-only (visible but not editable). */
    readonly?: boolean;
    /** Displays the field in an error state. */
    error?: boolean;
    /** Helper text shown below the field. */
    helperText?: string;
    /** Error message displayed below the field when in error state. */
    errorMessage?: string;
    /**
     * { detail: { value: string } } ISO date when all three segments are filled
     * DOM event: `flint-date-field-change`
     */
    onFlintDateFieldChange?: (event: CustomEvent<FlintDateFieldChangeDetail>) => void;
    /**
     * Fired when all segments are cleared
     * DOM event: `flint-date-field-clear`
     */
    onFlintDateFieldClear?: (event: CustomEvent) => void;
}
export declare const FlintDateField: React.ForwardRefExoticComponent<FlintDateFieldProps & React.RefAttributes<FlintDateFieldElement>>;