import React from 'react';
import { FlintSingleInputDateRangeField as FlintSingleInputDateRangeFieldElement } from '@getufy/flint-ui/date-range-picker/flint-single-input-date-range-field';
/**
 * A single-input field for entering a date range (start → end).
Renders as "MM/DD/YYYY – MM/DD/YYYY" with six independently editable segments.
 */
export interface FlintSingleInputDateRangeFieldProps extends React.HTMLAttributes<FlintSingleInputDateRangeFieldElement> {
    /**
     * Controlled range value [startISO, endISO].
     * Type: `DateRange`
     */
    value?: FlintSingleInputDateRangeFieldElement['value'];
    /** Field label text. */
    label?: string;
    /** Form field name used for hidden inputs. */
    name?: string;
    /** Minimum allowed date (ISO YYYY-MM-DD). */
    min?: string;
    /** Maximum allowed date (ISO YYYY-MM-DD). */
    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: DateRange } } when both dates are complete
     * DOM event: `flint-date-range-picker-change`
     */
    onFlintDateRangePickerChange?: (event: CustomEvent) => void;
    /**
     * fired when all segments are cleared
     * DOM event: `flint-date-range-picker-clear`
     */
    onFlintDateRangePickerClear?: (event: CustomEvent) => void;
}
export declare const FlintSingleInputDateRangeField: React.ForwardRefExoticComponent<FlintSingleInputDateRangeFieldProps & React.RefAttributes<FlintSingleInputDateRangeFieldElement>>;