import type { DateRange as ReactDayPickerDateRange } from "react-day-picker";
export type DateRange = ReactDayPickerDateRange;
export interface FilterDateRangeProps {
    /** Label for the date range filter */
    label: string;
    /** Currently selected date range */
    value?: DateRange;
    /** Callback fired when date range changes */
    onChange: (range: DateRange | undefined) => void;
    /** Placeholder text when no date is selected */
    placeholder?: string;
    /** Whether the filter section starts expanded (vertical variant only, default: true) */
    defaultOpen?: boolean;
}
/**
 * FilterDateRange - A date range filter component for the FilterToolbar.
 *
 * On mobile (horizontal variant), renders as part of the filters popover.
 * On desktop (horizontal variant), renders as a button with a calendar dropdown.
 * On compact variant, renders as part of the filters popover (all screen sizes).
 * On vertical variant, renders as collapsible section with date range picker.
 *
 * @example
 * ```tsx
 * const [dateRange, setDateRange] = useState<DateRange | undefined>();
 *
 * <FilterGroup>
 *   <FilterDateRange
 *     label="Date Range"
 *     value={dateRange}
 *     onChange={setDateRange}
 *   />
 * </FilterGroup>
 * ```
 */
export declare const FilterDateRange: import("react").ForwardRefExoticComponent<FilterDateRangeProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=filter-date-range.d.ts.map