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

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

@@ -0,0 +1,1495 @@
+import { 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: "boolean";
+        };
+        activeState: {
+            control: "boolean";
+        };
+        disabledState: {
+            control: "boolean";
+        };
+        quickFilterHeadline: {
+            control: "text";
+        };
+        inputLabel: {
+            control: "text";
+        };
+        maxRange: {
+            control: "number";
+        };
+        cancel: {
+            control: "text";
+        };
+        submit: {
+            control: "text";
+        };
+        actionArea: {
+            control: "boolean";
+        };
+        leftSidebar: {
+            control: "boolean";
+        };
+        multiCalendars: {
+            control: "boolean";
+        };
+        definesRange: {
+            control: "boolean";
+        };
+        enableTimePicker: {
+            control: "boolean";
+        };
+        roundedEdges: {
+            control: "boolean";
+        };
+        autoApply: {
+            control: "boolean";
+        };
+        autoPosition: {
+            control: "boolean";
+        };
+        closeOnAutoApply: {
+            control: "boolean";
+        };
+        placeholderText: {
+            control: "text";
+        };
+        enableQuickfilterToggle: {
+            control: "boolean";
+        };
+        selectedDate: {
+            control: "select";
+            options: (string[] | undefined)[];
+        };
+        quickFilterRanges: {
+            table: {
+                disable: true;
+            };
+        };
+        locale: {
+            table: {
+                disable: true;
+            };
+        };
+        autoRange: {
+            control: "select";
+            options: number[];
+        };
+        iconLeft: {
+            control: "select";
+            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;