import { type CalendarDot, type CalendarMode } from '../Calendar/Calendar.svelte';
export type DatePickerPlacement = 'auto' | 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
interface DatePickerProps {
    mode?: CalendarMode;
    /** 1 month, or 2 side-by-side (booking style). */
    months?: 1 | 2;
    value?: string;
    values?: string[];
    start?: string;
    end?: string;
    min?: string;
    max?: string;
    disabledDates?: string[];
    enabledDates?: string[];
    dots?: CalendarDot[];
    open?: boolean;
    disabled?: boolean;
    label?: string;
    placeholder?: string;
    startLabel?: string;
    endLabel?: string;
    startPlaceholder?: string;
    endPlaceholder?: string;
    /** `field` = one trigger; `split` = check-in / check-out fields. */
    variant?: 'field' | 'split';
    /** Close popover after a complete selection. */
    closeOnSelect?: boolean;
    /**
     * Panel placement. `auto` flips vertical and chooses horizontal
     * alignment from available viewport space.
     */
    placement?: DatePickerPlacement;
    /** BCP 47 locale for displayed dates. Defaults to the components i18n locale. */
    locale?: string;
    class?: string;
    onchange?: (detail: {
        mode: CalendarMode;
        value: string;
        values: string[];
        start: string;
        end: string;
    }) => void;
}
declare const DatePicker: import("svelte").Component<DatePickerProps, {}, "value" | "values" | "start" | "end" | "open">;
type DatePicker = ReturnType<typeof DatePicker>;
export default DatePicker;