import React from 'react';
import { FlintDateRangeCalendar as FlintDateRangeCalendarElement } from '@getufy/flint-ui/date-range-picker/flint-date-range-calendar';
/**
 * A dual-month calendar for range selection.
Shows two months side-by-side (or stacked on narrow screens).
 */
export interface FlintDateRangeCalendarProps extends React.HTMLAttributes<FlintDateRangeCalendarElement> {
    /**
     * Current selected range [startISO, endISO].
     * Type: `DateRange`
     */
    value?: FlintDateRangeCalendarElement['value'];
    /** Minimum selectable date (ISO YYYY-MM-DD). */
    min?: string;
    /** Maximum selectable date (ISO YYYY-MM-DD). */
    max?: string;
    /** Disables the calendar and prevents date selection. */
    disabled?: boolean;
    /** BCP 47 locale for month/day names (e.g. "en-US", "fr"). Uses browser default when unset. */
    locale?: string;
    /**
     * { detail: { value: DateRange } } on each click
     * DOM event: `flint-date-range-picker-select`
     */
    onFlintDateRangePickerSelect?: (event: CustomEvent) => void;
}
export declare const FlintDateRangeCalendar: React.ForwardRefExoticComponent<FlintDateRangeCalendarProps & React.RefAttributes<FlintDateRangeCalendarElement>>;