import * as react_jsx_runtime from 'react/jsx-runtime';
import { DateRange } from 'react-day-picker';

declare const DATE_PICKER_ICON_CLASS = "fa-light fa-calendar";
interface DatePickerFieldProps {
    value: Date | undefined;
    onChange: (d: Date | undefined) => void;
    id?: string;
    disabled?: boolean;
    /** Passed to the trigger `Button` (e.g. `h-8 text-sm` in compact drawers). */
    triggerClassName?: string;
    fromYear?: number;
    toYear?: number;
    popoverAlign?: "start" | "center" | "end";
    popoverClassName?: string;
}
/**
 * Calendar + popover trigger — same pattern as New Placement schedule dates (WCAG: button exposes label, not raw text input).
 */
declare function DatePickerField({ value, onChange, id, disabled, triggerClassName, fromYear, toYear, popoverAlign, popoverClassName, }: DatePickerFieldProps): react_jsx_runtime.JSX.Element;
declare function formatDateRangeForDisplay(range: DateRange | undefined): string;
interface DateRangePickerFieldProps {
    value: DateRange | undefined;
    onChange: (range: DateRange | undefined) => void;
    id?: string;
    disabled?: boolean;
    placeholder?: string;
    /** Passed to the trigger `Button` (e.g. `h-8 text-sm` in compact drawers). */
    triggerClassName?: string;
    fromYear?: number;
    toYear?: number;
    popoverAlign?: "start" | "center" | "end";
    popoverClassName?: string;
    /** Default 2 — matches shadcn range picker; use 1 in narrow surfaces. */
    numberOfMonths?: number;
}
/**
 * Range calendar + popover trigger — shadcn DatePickerWithRange pattern (Field wrapper lives at call site).
 */
declare function DateRangePickerField({ value, onChange, id, disabled, placeholder, triggerClassName, fromYear, toYear, popoverAlign, popoverClassName, numberOfMonths, }: DateRangePickerFieldProps): react_jsx_runtime.JSX.Element;
interface DateTextInputFieldProps {
    value: string;
    onValueChange: (value: string) => void;
    "aria-label": string;
    id?: string;
    placeholder?: string;
    className?: string;
    inputClassName?: string;
    autoFocus?: boolean;
    disabled?: boolean;
    fromYear?: number;
    toYear?: number;
    iconButtonVariant?: "ghost" | "outline";
    popoverAlign?: "start" | "center" | "end";
    popoverClassName?: string;
}
declare function DateTextInputField({ value, onValueChange, "aria-label": ariaLabel, id, placeholder, className, inputClassName, autoFocus, disabled, fromYear, toYear, iconButtonVariant, popoverAlign, popoverClassName, }: DateTextInputFieldProps): react_jsx_runtime.JSX.Element;

export { DATE_PICKER_ICON_CLASS, DatePickerField, type DatePickerFieldProps, DateRangePickerField, type DateRangePickerFieldProps, DateTextInputField, type DateTextInputFieldProps, formatDateRangeForDisplay };