import { type SaasflareComponentProps } from "../../providers";
/** Inclusive date range, identical shape to react-day-picker's `DateRange`. */
export interface DateRange {
    from: Date | undefined;
    to?: Date | undefined;
}
/** Props for the DateRangePicker component. */
export interface DateRangePickerProps extends SaasflareComponentProps {
    /** Controlled value. Pass `null` for a controlled-but-empty picker. */
    value?: DateRange | null;
    /** Uncontrolled default value. */
    defaultValue?: DateRange;
    /** Called when the user picks a new range (`undefined` on deselect — writing it back to state keeps the picker controlled and clears it). */
    onChange?: (range: DateRange | undefined) => void;
    /** Placeholder shown in the trigger when no range is set. */
    placeholder?: string;
    /** Number of months shown side-by-side. Default: `2`. */
    numberOfMonths?: number;
    /** Earliest pickable date. */
    minDate?: Date;
    /** Latest pickable date. */
    maxDate?: Date;
    /** Disable the trigger. */
    disabled?: boolean;
    /** Format function for the trigger label. Default: locale-aware `toLocaleDateString`. */
    formatRange?: (range: DateRange) => string;
    /** Additional class names on the trigger. */
    className?: string;
}
/**
 * Date-range input + popover calendar. Composes Button + Popover + Calendar.
 *
 * @component
 * @layer core
 */
export declare function DateRangePicker({ value, defaultValue, onChange, placeholder, numberOfMonths, minDate, maxDate, disabled, formatRange, className, surface, radius, animated, iconWeight, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;