import React from 'react';
import { FlintDatePicker as FlintDatePickerElement } from '@getufy/flint-ui/date-picker/flint-date-picker';
export interface FlintDatePickerChangeDetail {
    value: string;
}
/**
 * A date picker with a text field and a calendar popover/modal.
 */
export interface FlintDatePickerProps extends Omit<React.HTMLAttributes<FlintDatePickerElement>, 'defaultValue'> {
    /** Selected date as ISO string (YYYY-MM-DD). */
    value?: string;
    /** Label shown above the field. */
    label?: string;
    /** Placeholder shown in the empty field. */
    placeholder?: string;
    /** Form field name attribute. */
    name?: string;
    /**
     * Variant: 'desktop' | 'mobile' | 'static' | 'auto'.
     * Allowed values: 'desktop' | 'mobile' | 'static' | 'auto'
     */
    variant?: 'desktop' | 'mobile' | 'static' | 'auto';
    /** Minimum selectable date (ISO). */
    min?: string;
    /** Maximum selectable date (ISO). */
    max?: string;
    /** Disables the picker. */
    disabled?: boolean;
    /** Makes the field read-only (auto-opens a picker when clicked). */
    readonly?: boolean;
    /** Shows error styling. */
    error?: boolean;
    /** Helper/error text below the field. */
    helperText?: string;
    /** Error message displayed below the field when in error state. */
    errorMessage?: string;
    /** Marks the date picker as required for form validation. */
    required?: boolean;
    /** Initial value for uncontrolled usage (ISO string). */
    defaultValue?: string;
    /** When true, the calendar popover uses `position: fixed` instead of `position: absolute` */
    hoist?: boolean;
    /**
     * Fired when the date changes. detail: `{ value: string }`
     * DOM event: `flint-date-picker-change`
     */
    onFlintDatePickerChange?: (event: CustomEvent<FlintDatePickerChangeDetail>) => void;
}
export declare const FlintDatePicker: React.ForwardRefExoticComponent<FlintDatePickerProps & React.RefAttributes<FlintDatePickerElement>>;