/// <reference types="react" />
import { BADGE } from '@geometricpanda/storybook-addon-badges';
/**
 * Date range picker with default 2 months side by side.
 *
 *  ```js
 *  import { DateRangePicker } from "@galaxy-ds/core";
 * ```
 *
 *```js
 * interface Range {
 *  startDate?: Date | undefined;
 *  endDate?: Date | undefined;
 *  color?: string | undefined;
 *  key?: string | undefined;
 *  autoFocus?: boolean | undefined;
 *  disabled?: boolean | undefined;
 *  showDateDisplay?: boolean | undefined;
 * }
 * ```
 */
declare const meta: {
    component: (props: import("./DateRangePicker.types").DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
    title: string;
    parameters: {
        badges: BADGE[];
        layout: string;
    };
};
export default meta;
export declare const Default: {
    args: {
        hasBorder: true;
        months: number;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
    render: (args: {
        hasBorder?: boolean | undefined;
        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
        moveRangeOnFirstSelection?: boolean | undefined;
        retainEndDateOnFirstSelection?: boolean | undefined;
        className?: string | undefined;
        color?: string | undefined;
        direction?: "horizontal" | "vertical" | undefined;
        scroll?: import("react-date-range").ScrollOptions | undefined;
        date?: Date | undefined;
        locale?: Locale | undefined;
        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
        calendarFocus?: "backwards" | "forwards" | undefined;
        classNames?: import("react-date-range").ClassNames | undefined;
        dateDisplayFormat?: string | undefined;
        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
        dayDisplayFormat?: string | undefined;
        disabledDates?: Date[] | undefined;
        disabledDay?: ((date: Date) => boolean) | undefined;
        displayMode?: "date" | "dateRange" | undefined;
        dragSelectionEnabled?: boolean | undefined;
        editableDateInputs?: boolean | undefined;
        endDatePlaceholder?: string | undefined;
        fixedHeight?: boolean | undefined;
        focusedRange?: import("react-date-range").RangeFocus | undefined;
        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
        maxDate?: Date | undefined;
        minDate?: Date | undefined;
        monthDisplayFormat?: string | undefined;
        months?: number | undefined;
        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
        onShownDateChange?: ((date: Date) => void) | undefined;
        preventSnapRefocus?: boolean | undefined;
        preview?: import("react-date-range").Preview | undefined;
        rangeColors?: string[] | undefined;
        ranges?: import("react-date-range").Range[] | undefined;
        showDateDisplay?: boolean | undefined;
        showMonthAndYearPickers?: boolean | undefined;
        showMonthArrow?: boolean | undefined;
        showPreview?: boolean | undefined;
        shownDate?: Date | undefined;
        startDatePlaceholder?: string | undefined;
        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
        weekdayDisplayFormat?: string | undefined;
        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
        footerContent?: import("react").ReactNode;
        headerContent?: import("react").ReactNode;
        inputRanges?: import("react-date-range").InputRange[] | undefined;
        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
        staticRanges?: import("react-date-range").StaticRange[] | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};
/**
 * Show just a single month with `months={1}`.
 */
export declare const SingleMonth: {
    args: {
        hasBorder: true;
        months: number;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
    render: (args: {
        hasBorder?: boolean | undefined;
        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
        moveRangeOnFirstSelection?: boolean | undefined;
        retainEndDateOnFirstSelection?: boolean | undefined;
        className?: string | undefined;
        color?: string | undefined;
        direction?: "horizontal" | "vertical" | undefined;
        scroll?: import("react-date-range").ScrollOptions | undefined;
        date?: Date | undefined;
        locale?: Locale | undefined;
        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
        calendarFocus?: "backwards" | "forwards" | undefined;
        classNames?: import("react-date-range").ClassNames | undefined;
        dateDisplayFormat?: string | undefined;
        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
        dayDisplayFormat?: string | undefined;
        disabledDates?: Date[] | undefined;
        disabledDay?: ((date: Date) => boolean) | undefined;
        displayMode?: "date" | "dateRange" | undefined;
        dragSelectionEnabled?: boolean | undefined;
        editableDateInputs?: boolean | undefined;
        endDatePlaceholder?: string | undefined;
        fixedHeight?: boolean | undefined;
        focusedRange?: import("react-date-range").RangeFocus | undefined;
        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
        maxDate?: Date | undefined;
        minDate?: Date | undefined;
        monthDisplayFormat?: string | undefined;
        months?: number | undefined;
        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
        onShownDateChange?: ((date: Date) => void) | undefined;
        preventSnapRefocus?: boolean | undefined;
        preview?: import("react-date-range").Preview | undefined;
        rangeColors?: string[] | undefined;
        ranges?: import("react-date-range").Range[] | undefined;
        showDateDisplay?: boolean | undefined;
        showMonthAndYearPickers?: boolean | undefined;
        showMonthArrow?: boolean | undefined;
        showPreview?: boolean | undefined;
        shownDate?: Date | undefined;
        startDatePlaceholder?: string | undefined;
        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
        weekdayDisplayFormat?: string | undefined;
        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
        footerContent?: import("react").ReactNode;
        headerContent?: import("react").ReactNode;
        inputRanges?: import("react-date-range").InputRange[] | undefined;
        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
        staticRanges?: import("react-date-range").StaticRange[] | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};
export declare const NoBorder: {
    args: {
        hasBorder: false;
        months: number;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
    render: (args: {
        hasBorder?: boolean | undefined;
        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
        moveRangeOnFirstSelection?: boolean | undefined;
        retainEndDateOnFirstSelection?: boolean | undefined;
        className?: string | undefined;
        color?: string | undefined;
        direction?: "horizontal" | "vertical" | undefined;
        scroll?: import("react-date-range").ScrollOptions | undefined;
        date?: Date | undefined;
        locale?: Locale | undefined;
        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
        calendarFocus?: "backwards" | "forwards" | undefined;
        classNames?: import("react-date-range").ClassNames | undefined;
        dateDisplayFormat?: string | undefined;
        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
        dayDisplayFormat?: string | undefined;
        disabledDates?: Date[] | undefined;
        disabledDay?: ((date: Date) => boolean) | undefined;
        displayMode?: "date" | "dateRange" | undefined;
        dragSelectionEnabled?: boolean | undefined;
        editableDateInputs?: boolean | undefined;
        endDatePlaceholder?: string | undefined;
        fixedHeight?: boolean | undefined;
        focusedRange?: import("react-date-range").RangeFocus | undefined;
        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
        maxDate?: Date | undefined;
        minDate?: Date | undefined;
        monthDisplayFormat?: string | undefined;
        months?: number | undefined;
        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
        onShownDateChange?: ((date: Date) => void) | undefined;
        preventSnapRefocus?: boolean | undefined;
        preview?: import("react-date-range").Preview | undefined;
        rangeColors?: string[] | undefined;
        ranges?: import("react-date-range").Range[] | undefined;
        showDateDisplay?: boolean | undefined;
        showMonthAndYearPickers?: boolean | undefined;
        showMonthArrow?: boolean | undefined;
        showPreview?: boolean | undefined;
        shownDate?: Date | undefined;
        startDatePlaceholder?: string | undefined;
        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
        weekdayDisplayFormat?: string | undefined;
        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
        footerContent?: import("react").ReactNode;
        headerContent?: import("react").ReactNode;
        inputRanges?: import("react-date-range").InputRange[] | undefined;
        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
        staticRanges?: import("react-date-range").StaticRange[] | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};
export declare const Popover: {
    args: {
        months: number;
        hasBorder: boolean;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
    render: (args: {
        months: number;
        hasBorder: boolean;
    }) => import("react/jsx-runtime").JSX.Element;
};