/**
 * DatePicker Component
 *
 * A date picker component that combines a button trigger with a calendar popover.
 * Supports single date, multiple dates, and date range selection modes.
 * Built on top of react-day-picker with shadcn/ui styling.
 *
 * @example
 * ```tsx
 * // Single date selection
 * <DatePicker
 *   mode="single"
 *   date={date}
 *   onDateChange={setDate}
 *   placeholder="Pick a date"
 * />
 *
 * // Multiple dates selection
 * <DatePicker
 *   mode="multiple"
 *   dates={dates}
 *   onDatesChange={setDates}
 *   placeholder="Pick multiple dates"
 * />
 *
 * // Date range selection
 * <DatePicker
 *   mode="range"
 *   range={range}
 *   onRangeChange={setRange}
 *   placeholder="Pick a date range"
 * />
 * ```
 */
interface DatePickerProps {
    mode?: "single" | "multiple" | "range";
    placeholder?: string;
    className?: string;
    disabled?: boolean;
    fromDate?: Date;
    toDate?: Date;
    maxDates?: number;
    date?: Date;
    onDateChange?: (date: Date | undefined) => void;
    dates?: Date[];
    onDatesChange?: (dates: Date[] | undefined) => void;
    range?: {
        from: Date | undefined;
        to?: Date | undefined;
    };
    onRangeChange?: (range: {
        from: Date | undefined;
        to?: Date | undefined;
    } | undefined) => void;
}
declare function DatePicker({ mode, placeholder, className, disabled, fromDate, toDate, maxDates, date, onDateChange, dates, onDatesChange, range, onRangeChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
declare namespace DatePicker {
    var displayName: string;
}
export { DatePicker };
export type { DatePickerProps };
//# sourceMappingURL=date-picker.d.ts.map