@dpa-id-components/dpa-shared-components 9.2.0 → 9.4.0

package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts

@@ -1,1494 +0,0 @@
-import type { StoryObj } from "@storybook/vue3";
-declare const meta: {
-    title: string;
-    component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            cancel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            submit: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            definesRange: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            multiCalendars: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableTimePicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnAutoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            roundedEdges: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            locale: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placeholderText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                default: null;
-            };
-            quickFilterHeadline: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectedDate: {
-                type: import("vue").PropType<string | Date | [Date, Date] | {
-                    month: number;
-                    year: number;
-                }>;
-                default: string;
-            };
-            autoPosition: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            leftSidebar: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionArea: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionAreaExtraContent: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            firstAvailableDate: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            minDate: {
-                type: import("vue").PropType<Date>;
-                default: Date;
-            };
-            maxDate: {
-                type: import("vue").PropType<Date>;
-                default: null;
-            };
-            autoRange: {
-                type: import("vue").PropType<number | null>;
-                default: null;
-            };
-            maxRange: {
-                type: import("vue").PropType<string | number | null>;
-                default: null;
-            };
-            activeState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabledState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            monthPicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            customFormatCallback: {
-                type: import("vue").PropType<any>;
-            };
-            inputLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            utc: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean | null>;
-                default: null;
-            };
-            closeOnScroll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableQuickfilterToggle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onReset?: (() => any) | undefined;
-            onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "date-changed": (date: Date | [Date, Date]) => void;
-            close: () => void;
-            open: () => void;
-            reset: () => void;
-            datepickerQuickfilterClick: (trackingName: string) => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            cancel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            submit: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            definesRange: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            multiCalendars: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableTimePicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnAutoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            roundedEdges: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            locale: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placeholderText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                default: null;
-            };
-            quickFilterHeadline: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectedDate: {
-                type: import("vue").PropType<string | Date | [Date, Date] | {
-                    month: number;
-                    year: number;
-                }>;
-                default: string;
-            };
-            autoPosition: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            leftSidebar: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionArea: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionAreaExtraContent: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            firstAvailableDate: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            minDate: {
-                type: import("vue").PropType<Date>;
-                default: Date;
-            };
-            maxDate: {
-                type: import("vue").PropType<Date>;
-                default: null;
-            };
-            autoRange: {
-                type: import("vue").PropType<number | null>;
-                default: null;
-            };
-            maxRange: {
-                type: import("vue").PropType<string | number | null>;
-                default: null;
-            };
-            activeState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabledState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            monthPicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            customFormatCallback: {
-                type: import("vue").PropType<any>;
-            };
-            inputLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            utc: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean | null>;
-                default: null;
-            };
-            closeOnScroll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableQuickfilterToggle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onReset?: (() => any) | undefined;
-            onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-        }, {
-            cancel: string;
-            submit: string;
-            iconLeft: string | null;
-            definesRange: boolean;
-            multiCalendars: boolean;
-            enableTimePicker: boolean;
-            autoApply: boolean;
-            closeOnAutoApply: boolean;
-            roundedEdges: boolean;
-            locale: string;
-            placeholderText: string;
-            quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-            quickFilterHeadline: string;
-            selectedDate: string | Date | [Date, Date] | {
-                month: number;
-                year: number;
-            };
-            autoPosition: boolean;
-            leftSidebar: boolean;
-            actionArea: boolean;
-            actionAreaExtraContent: string;
-            firstAvailableDate: number;
-            minDate: Date;
-            maxDate: Date;
-            autoRange: number | null;
-            maxRange: string | number | null;
-            activeState: boolean;
-            disabledState: boolean;
-            monthPicker: boolean;
-            inputLabel: string;
-            utc: boolean;
-            teleport: string | boolean | null;
-            closeOnScroll: boolean;
-            enableQuickfilterToggle: boolean;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            cancel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            submit: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            definesRange: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            multiCalendars: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableTimePicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnAutoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            roundedEdges: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            locale: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placeholderText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                default: null;
-            };
-            quickFilterHeadline: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectedDate: {
-                type: import("vue").PropType<string | Date | [Date, Date] | {
-                    month: number;
-                    year: number;
-                }>;
-                default: string;
-            };
-            autoPosition: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            leftSidebar: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionArea: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            actionAreaExtraContent: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            firstAvailableDate: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            minDate: {
-                type: import("vue").PropType<Date>;
-                default: Date;
-            };
-            maxDate: {
-                type: import("vue").PropType<Date>;
-                default: null;
-            };
-            autoRange: {
-                type: import("vue").PropType<number | null>;
-                default: null;
-            };
-            maxRange: {
-                type: import("vue").PropType<string | number | null>;
-                default: null;
-            };
-            activeState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabledState: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            monthPicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            customFormatCallback: {
-                type: import("vue").PropType<any>;
-            };
-            inputLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            utc: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | boolean | null>;
-                default: null;
-            };
-            closeOnScroll: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableQuickfilterToggle: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onReset?: (() => any) | undefined;
-            onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-        }, {}, {}, {}, {}, {
-            cancel: string;
-            submit: string;
-            iconLeft: string | null;
-            definesRange: boolean;
-            multiCalendars: boolean;
-            enableTimePicker: boolean;
-            autoApply: boolean;
-            closeOnAutoApply: boolean;
-            roundedEdges: boolean;
-            locale: string;
-            placeholderText: string;
-            quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-            quickFilterHeadline: string;
-            selectedDate: string | Date | [Date, Date] | {
-                month: number;
-                year: number;
-            };
-            autoPosition: boolean;
-            leftSidebar: boolean;
-            actionArea: boolean;
-            actionAreaExtraContent: string;
-            firstAvailableDate: number;
-            minDate: Date;
-            maxDate: Date;
-            autoRange: number | null;
-            maxRange: string | number | null;
-            activeState: boolean;
-            disabledState: boolean;
-            monthPicker: boolean;
-            inputLabel: string;
-            utc: boolean;
-            teleport: string | boolean | null;
-            closeOnScroll: boolean;
-            enableQuickfilterToggle: boolean;
-        }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        cancel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        submit: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        iconLeft: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-        definesRange: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        multiCalendars: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        enableTimePicker: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        autoApply: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnAutoApply: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        roundedEdges: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        locale: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        placeholderText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        quickFilterRanges: {
-            type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-            default: null;
-        };
-        quickFilterHeadline: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        selectedDate: {
-            type: import("vue").PropType<string | Date | [Date, Date] | {
-                month: number;
-                year: number;
-            }>;
-            default: string;
-        };
-        autoPosition: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        leftSidebar: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        actionArea: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        actionAreaExtraContent: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        firstAvailableDate: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        minDate: {
-            type: import("vue").PropType<Date>;
-            default: Date;
-        };
-        maxDate: {
-            type: import("vue").PropType<Date>;
-            default: null;
-        };
-        autoRange: {
-            type: import("vue").PropType<number | null>;
-            default: null;
-        };
-        maxRange: {
-            type: import("vue").PropType<string | number | null>;
-            default: null;
-        };
-        activeState: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        disabledState: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        monthPicker: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        customFormatCallback: {
-            type: import("vue").PropType<any>;
-        };
-        inputLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        utc: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        teleport: {
-            type: import("vue").PropType<string | boolean | null>;
-            default: null;
-        };
-        closeOnScroll: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        enableQuickfilterToggle: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & {
-        onReset?: (() => any) | undefined;
-        onClose?: (() => any) | undefined;
-        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-        onOpen?: (() => any) | undefined;
-        onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "date-changed": (date: Date | [Date, Date]) => void;
-        close: () => void;
-        open: () => void;
-        reset: () => void;
-        datepickerQuickfilterClick: (trackingName: string) => void;
-    }, string, {
-        cancel: string;
-        submit: string;
-        iconLeft: string | null;
-        definesRange: boolean;
-        multiCalendars: boolean;
-        enableTimePicker: boolean;
-        autoApply: boolean;
-        closeOnAutoApply: boolean;
-        roundedEdges: boolean;
-        locale: string;
-        placeholderText: string;
-        quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-        quickFilterHeadline: string;
-        selectedDate: string | Date | [Date, Date] | {
-            month: number;
-            year: number;
-        };
-        autoPosition: boolean;
-        leftSidebar: boolean;
-        actionArea: boolean;
-        actionAreaExtraContent: string;
-        firstAvailableDate: number;
-        minDate: Date;
-        maxDate: Date;
-        autoRange: number | null;
-        maxRange: string | number | null;
-        activeState: boolean;
-        disabledState: boolean;
-        monthPicker: boolean;
-        inputLabel: string;
-        utc: boolean;
-        teleport: string | boolean | null;
-        closeOnScroll: boolean;
-        enableQuickfilterToggle: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            actionArea?(_: {}): any;
-        };
-    });
-    argTypes: {
-        monthPicker: {
-            control: string;
-        };
-        activeState: {
-            control: string;
-        };
-        disabledState: {
-            control: string;
-        };
-        quickFilterHeadline: {
-            control: string;
-        };
-        inputLabel: {
-            control: string;
-        };
-        maxRange: {
-            control: string;
-        };
-        cancel: {
-            control: string;
-        };
-        submit: {
-            control: string;
-        };
-        actionArea: {
-            control: string;
-        };
-        leftSidebar: {
-            control: string;
-        };
-        multiCalendars: {
-            control: string;
-        };
-        definesRange: {
-            control: string;
-        };
-        enableTimePicker: {
-            control: string;
-        };
-        roundedEdges: {
-            control: string;
-        };
-        autoApply: {
-            control: string;
-        };
-        autoPosition: {
-            control: string;
-        };
-        closeOnAutoApply: {
-            control: string;
-        };
-        placeholderText: {
-            control: string;
-        };
-        enableQuickfilterToggle: {
-            control: string;
-        };
-        selectedDate: {
-            control: string;
-            options: (string[] | undefined)[];
-        };
-        quickFilterRanges: {
-            table: {
-                disable: boolean;
-            };
-        };
-        locale: {
-            table: {
-                disable: boolean;
-            };
-        };
-        autoRange: {
-            control: string;
-            options: number[];
-        };
-        iconLeft: {
-            control: string;
-            options: string[];
-        };
-    };
-    args: {
-        monthPicker: false;
-        activeState: false;
-        quickFilterHeadline: string;
-        cancel: string;
-        submit: string;
-        inputLabel: string;
-        minDate: Date;
-        maxDate: undefined;
-        maxRange: null;
-        actionArea: false;
-        leftSidebar: false;
-        multiCalendars: false;
-        definesRange: false;
-        closeOnAutoApply: false;
-        enableTimePicker: false;
-        roundedEdges: true;
-        autoApply: true;
-        autoPosition: true;
-        placeholderText: string;
-        selectedDate: string;
-        autoRange: null;
-        customFormatCallback: () => null;
-        iconLeft: null;
-        enableQuickfilterToggle: false;
-    };
-    render: (args: any) => {
-        components: {
-            UiDatePicker: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    cancel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    submit: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconLeft: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    definesRange: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    multiCalendars: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableTimePicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    autoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    closeOnAutoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    roundedEdges: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    locale: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    placeholderText: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    quickFilterRanges: {
-                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                        default: null;
-                    };
-                    quickFilterHeadline: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    selectedDate: {
-                        type: import("vue").PropType<string | Date | [Date, Date] | {
-                            month: number;
-                            year: number;
-                        }>;
-                        default: string;
-                    };
-                    autoPosition: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    leftSidebar: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionArea: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionAreaExtraContent: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    firstAvailableDate: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                    minDate: {
-                        type: import("vue").PropType<Date>;
-                        default: Date;
-                    };
-                    maxDate: {
-                        type: import("vue").PropType<Date>;
-                        default: null;
-                    };
-                    autoRange: {
-                        type: import("vue").PropType<number | null>;
-                        default: null;
-                    };
-                    maxRange: {
-                        type: import("vue").PropType<string | number | null>;
-                        default: null;
-                    };
-                    activeState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    disabledState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    monthPicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    customFormatCallback: {
-                        type: import("vue").PropType<any>;
-                    };
-                    inputLabel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    utc: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean | null>;
-                        default: null;
-                    };
-                    closeOnScroll: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableQuickfilterToggle: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onReset?: (() => any) | undefined;
-                    onClose?: (() => any) | undefined;
-                    "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                    onOpen?: (() => any) | undefined;
-                    onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    "date-changed": (date: Date | [Date, Date]) => void;
-                    close: () => void;
-                    open: () => void;
-                    reset: () => void;
-                    datepickerQuickfilterClick: (trackingName: string) => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    cancel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    submit: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconLeft: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    definesRange: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    multiCalendars: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableTimePicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    autoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    closeOnAutoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    roundedEdges: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    locale: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    placeholderText: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    quickFilterRanges: {
-                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                        default: null;
-                    };
-                    quickFilterHeadline: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    selectedDate: {
-                        type: import("vue").PropType<string | Date | [Date, Date] | {
-                            month: number;
-                            year: number;
-                        }>;
-                        default: string;
-                    };
-                    autoPosition: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    leftSidebar: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionArea: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionAreaExtraContent: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    firstAvailableDate: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                    minDate: {
-                        type: import("vue").PropType<Date>;
-                        default: Date;
-                    };
-                    maxDate: {
-                        type: import("vue").PropType<Date>;
-                        default: null;
-                    };
-                    autoRange: {
-                        type: import("vue").PropType<number | null>;
-                        default: null;
-                    };
-                    maxRange: {
-                        type: import("vue").PropType<string | number | null>;
-                        default: null;
-                    };
-                    activeState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    disabledState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    monthPicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    customFormatCallback: {
-                        type: import("vue").PropType<any>;
-                    };
-                    inputLabel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    utc: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean | null>;
-                        default: null;
-                    };
-                    closeOnScroll: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableQuickfilterToggle: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onReset?: (() => any) | undefined;
-                    onClose?: (() => any) | undefined;
-                    "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                    onOpen?: (() => any) | undefined;
-                    onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                }, {
-                    cancel: string;
-                    submit: string;
-                    iconLeft: string | null;
-                    definesRange: boolean;
-                    multiCalendars: boolean;
-                    enableTimePicker: boolean;
-                    autoApply: boolean;
-                    closeOnAutoApply: boolean;
-                    roundedEdges: boolean;
-                    locale: string;
-                    placeholderText: string;
-                    quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-                    quickFilterHeadline: string;
-                    selectedDate: string | Date | [Date, Date] | {
-                        month: number;
-                        year: number;
-                    };
-                    autoPosition: boolean;
-                    leftSidebar: boolean;
-                    actionArea: boolean;
-                    actionAreaExtraContent: string;
-                    firstAvailableDate: number;
-                    minDate: Date;
-                    maxDate: Date;
-                    autoRange: number | null;
-                    maxRange: string | number | null;
-                    activeState: boolean;
-                    disabledState: boolean;
-                    monthPicker: boolean;
-                    inputLabel: string;
-                    utc: boolean;
-                    teleport: string | boolean | null;
-                    closeOnScroll: boolean;
-                    enableQuickfilterToggle: boolean;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    cancel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    submit: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconLeft: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    definesRange: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    multiCalendars: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableTimePicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    autoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    closeOnAutoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    roundedEdges: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    locale: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    placeholderText: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    quickFilterRanges: {
-                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                        default: null;
-                    };
-                    quickFilterHeadline: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    selectedDate: {
-                        type: import("vue").PropType<string | Date | [Date, Date] | {
-                            month: number;
-                            year: number;
-                        }>;
-                        default: string;
-                    };
-                    autoPosition: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    leftSidebar: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionArea: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    actionAreaExtraContent: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    firstAvailableDate: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                    minDate: {
-                        type: import("vue").PropType<Date>;
-                        default: Date;
-                    };
-                    maxDate: {
-                        type: import("vue").PropType<Date>;
-                        default: null;
-                    };
-                    autoRange: {
-                        type: import("vue").PropType<number | null>;
-                        default: null;
-                    };
-                    maxRange: {
-                        type: import("vue").PropType<string | number | null>;
-                        default: null;
-                    };
-                    activeState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    disabledState: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    monthPicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    customFormatCallback: {
-                        type: import("vue").PropType<any>;
-                    };
-                    inputLabel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    utc: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    teleport: {
-                        type: import("vue").PropType<string | boolean | null>;
-                        default: null;
-                    };
-                    closeOnScroll: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableQuickfilterToggle: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onReset?: (() => any) | undefined;
-                    onClose?: (() => any) | undefined;
-                    "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                    onOpen?: (() => any) | undefined;
-                    onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    cancel: string;
-                    submit: string;
-                    iconLeft: string | null;
-                    definesRange: boolean;
-                    multiCalendars: boolean;
-                    enableTimePicker: boolean;
-                    autoApply: boolean;
-                    closeOnAutoApply: boolean;
-                    roundedEdges: boolean;
-                    locale: string;
-                    placeholderText: string;
-                    quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-                    quickFilterHeadline: string;
-                    selectedDate: string | Date | [Date, Date] | {
-                        month: number;
-                        year: number;
-                    };
-                    autoPosition: boolean;
-                    leftSidebar: boolean;
-                    actionArea: boolean;
-                    actionAreaExtraContent: string;
-                    firstAvailableDate: number;
-                    minDate: Date;
-                    maxDate: Date;
-                    autoRange: number | null;
-                    maxRange: string | number | null;
-                    activeState: boolean;
-                    disabledState: boolean;
-                    monthPicker: boolean;
-                    inputLabel: string;
-                    utc: boolean;
-                    teleport: string | boolean | null;
-                    closeOnScroll: boolean;
-                    enableQuickfilterToggle: boolean;
-                }>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                cancel: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                submit: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                iconLeft: {
-                    type: import("vue").PropType<string | null>;
-                    default: null;
-                };
-                definesRange: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                multiCalendars: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                enableTimePicker: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                autoApply: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                closeOnAutoApply: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                roundedEdges: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                locale: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                placeholderText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                quickFilterRanges: {
-                    type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                    default: null;
-                };
-                quickFilterHeadline: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                selectedDate: {
-                    type: import("vue").PropType<string | Date | [Date, Date] | {
-                        month: number;
-                        year: number;
-                    }>;
-                    default: string;
-                };
-                autoPosition: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                leftSidebar: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                actionArea: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                actionAreaExtraContent: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                firstAvailableDate: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                minDate: {
-                    type: import("vue").PropType<Date>;
-                    default: Date;
-                };
-                maxDate: {
-                    type: import("vue").PropType<Date>;
-                    default: null;
-                };
-                autoRange: {
-                    type: import("vue").PropType<number | null>;
-                    default: null;
-                };
-                maxRange: {
-                    type: import("vue").PropType<string | number | null>;
-                    default: null;
-                };
-                activeState: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                disabledState: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                monthPicker: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                customFormatCallback: {
-                    type: import("vue").PropType<any>;
-                };
-                inputLabel: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                utc: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                teleport: {
-                    type: import("vue").PropType<string | boolean | null>;
-                    default: null;
-                };
-                closeOnScroll: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                enableQuickfilterToggle: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                onReset?: (() => any) | undefined;
-                onClose?: (() => any) | undefined;
-                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "date-changed": (date: Date | [Date, Date]) => void;
-                close: () => void;
-                open: () => void;
-                reset: () => void;
-                datepickerQuickfilterClick: (trackingName: string) => void;
-            }, string, {
-                cancel: string;
-                submit: string;
-                iconLeft: string | null;
-                definesRange: boolean;
-                multiCalendars: boolean;
-                enableTimePicker: boolean;
-                autoApply: boolean;
-                closeOnAutoApply: boolean;
-                roundedEdges: boolean;
-                locale: string;
-                placeholderText: string;
-                quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
-                quickFilterHeadline: string;
-                selectedDate: string | Date | [Date, Date] | {
-                    month: number;
-                    year: number;
-                };
-                autoPosition: boolean;
-                leftSidebar: boolean;
-                actionArea: boolean;
-                actionAreaExtraContent: string;
-                firstAvailableDate: number;
-                minDate: Date;
-                maxDate: Date;
-                autoRange: number | null;
-                maxRange: string | number | null;
-                activeState: boolean;
-                disabledState: boolean;
-                monthPicker: boolean;
-                inputLabel: string;
-                utc: boolean;
-                teleport: string | boolean | null;
-                closeOnScroll: boolean;
-                enableQuickfilterToggle: boolean;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    actionArea?(_: {}): any;
-                };
-            });
-        };
-        setup(this: void): {
-            args: any;
-        };
-        template: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const AsPredefinedRangepicker: Story;
-export declare const AsRangepickerWithMenu: Story;
-export declare const MonthPicker: Story;
-export declare const WithCustomDateFormat: Story;
-export declare const WithCustomDateFormatAndInput: Story;
-export declare const WithActionArea: Story;
-export declare const AsInputBox: Story;
-export declare const WithExtraFooterContent: Story;