@dpa-id-components/dpa-shared-components 8.11.6 → 8.11.7

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

@@ -2,413 +2,311 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                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('../../components/UiDatePicker/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;
-            }> & Omit<{
-                readonly cancel: string;
-                readonly submit: string;
-                readonly iconLeft: string | null;
-                readonly definesRange: boolean;
-                readonly multiCalendars: boolean;
-                readonly enableTimePicker: boolean;
-                readonly autoApply: boolean;
-                readonly closeOnAutoApply: boolean;
-                readonly roundedEdges: boolean;
-                readonly locale: string;
-                readonly placeholderText: string;
-                readonly quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
-                readonly quickFilterHeadline: string;
-                readonly selectedDate: string | Date | [Date, Date] | {
+        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;
-                };
-                readonly autoPosition: boolean;
-                readonly leftSidebar: boolean;
-                readonly actionArea: boolean;
-                readonly actionAreaExtraContent: string;
-                readonly firstAvailableDate: number;
-                readonly minDate: Date;
-                readonly maxDate: Date;
-                readonly autoRange: number | null;
-                readonly maxRange: string | number | null;
-                readonly activeState: boolean;
-                readonly disabledState: boolean;
-                readonly monthPicker: boolean;
-                readonly inputLabel: string;
-                readonly utc: boolean;
-                readonly teleport: string | boolean | null;
-                readonly customFormatCallback?: any;
-                onReset?: (() => any) | undefined;
-                onClose?: (() => any) | undefined;
-                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-            } & 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('../../components/UiDatePicker/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;
-                };
-            }>> & {
-                onReset?: (() => any) | undefined;
-                onClose?: (() => any) | undefined;
-                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-            }, "cancel" | "submit" | "iconLeft" | "definesRange" | "multiCalendars" | "enableTimePicker" | "autoApply" | "closeOnAutoApply" | "roundedEdges" | "locale" | "placeholderText" | "quickFilterRanges" | "quickFilterHeadline" | "selectedDate" | "autoPosition" | "leftSidebar" | "actionArea" | "actionAreaExtraContent" | "firstAvailableDate" | "minDate" | "maxDate" | "autoRange" | "maxRange" | "activeState" | "disabledState" | "monthPicker" | "inputLabel" | "utc" | "teleport">;
-            $attrs: {
-                [x: string]: unknown;
+                }>;
+                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;
+            };
+        }>> & {
+            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;
             };
-            $refs: {
-                [x: string]: unknown;
+            quickFilterRanges: {
+                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
+                default: null;
             };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "close") => void) & ((event: "reset") => void) & ((event: "date-changed", date: Date | [Date, Date]) => void) & ((event: "open") => void) & ((event: "datepickerQuickfilterClick", trackingName: string) => void);
-            $el: any;
-            $options: 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('../../components/UiDatePicker/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;
-                };
-            }>> & {
-                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('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
-                quickFilterHeadline: string;
-                selectedDate: string | Date | [Date, Date] | {
+            quickFilterHeadline: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selectedDate: {
+                type: import("vue").PropType<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;
-            }, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
+                }>;
+                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;
+            };
+        }>> & {
+            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;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
             cancel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -454,7 +352,7 @@ declare const meta: {
                 default: string;
             };
             quickFilterRanges: {
-                type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
                 default: null;
             };
             quickFilterHeadline: {
@@ -537,7 +435,40 @@ declare const meta: {
             "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
             onOpen?: (() => any) | undefined;
             onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }, {}, {}, {}, {}, {
+            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;
+        }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -587,7 +518,7 @@ declare const meta: {
             default: string;
         };
         quickFilterRanges: {
-            type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+            type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
             default: null;
         };
         quickFilterHeadline: {
@@ -688,7 +619,7 @@ declare const meta: {
         roundedEdges: boolean;
         locale: string;
         placeholderText: string;
-        quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
+        quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
         quickFilterHeadline: string;
         selectedDate: string | Date | [Date, Date] | {
             month: number;
@@ -820,413 +751,311 @@ declare const meta: {
     render: (args: any) => {
         components: {
             UiDatePicker: {
-                new (...args: any[]): {
-                    $: import("vue").ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{
-                        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('../../components/UiDatePicker/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;
-                    }> & Omit<{
-                        readonly cancel: string;
-                        readonly submit: string;
-                        readonly iconLeft: string | null;
-                        readonly definesRange: boolean;
-                        readonly multiCalendars: boolean;
-                        readonly enableTimePicker: boolean;
-                        readonly autoApply: boolean;
-                        readonly closeOnAutoApply: boolean;
-                        readonly roundedEdges: boolean;
-                        readonly locale: string;
-                        readonly placeholderText: string;
-                        readonly quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
-                        readonly quickFilterHeadline: string;
-                        readonly selectedDate: string | Date | [Date, Date] | {
+                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;
-                        };
-                        readonly autoPosition: boolean;
-                        readonly leftSidebar: boolean;
-                        readonly actionArea: boolean;
-                        readonly actionAreaExtraContent: string;
-                        readonly firstAvailableDate: number;
-                        readonly minDate: Date;
-                        readonly maxDate: Date;
-                        readonly autoRange: number | null;
-                        readonly maxRange: string | number | null;
-                        readonly activeState: boolean;
-                        readonly disabledState: boolean;
-                        readonly monthPicker: boolean;
-                        readonly inputLabel: string;
-                        readonly utc: boolean;
-                        readonly teleport: string | boolean | null;
-                        readonly customFormatCallback?: any;
-                        onReset?: (() => any) | undefined;
-                        onClose?: (() => any) | undefined;
-                        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                        onOpen?: (() => any) | undefined;
-                        onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                    } & 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('../../components/UiDatePicker/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;
-                        };
-                    }>> & {
-                        onReset?: (() => any) | undefined;
-                        onClose?: (() => any) | undefined;
-                        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                        onOpen?: (() => any) | undefined;
-                        onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                    }, "cancel" | "submit" | "iconLeft" | "definesRange" | "multiCalendars" | "enableTimePicker" | "autoApply" | "closeOnAutoApply" | "roundedEdges" | "locale" | "placeholderText" | "quickFilterRanges" | "quickFilterHeadline" | "selectedDate" | "autoPosition" | "leftSidebar" | "actionArea" | "actionAreaExtraContent" | "firstAvailableDate" | "minDate" | "maxDate" | "autoRange" | "maxRange" | "activeState" | "disabledState" | "monthPicker" | "inputLabel" | "utc" | "teleport">;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import("vue").Slot<any> | undefined;
-                    }>;
-                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-                    $emit: ((event: "close") => void) & ((event: "reset") => void) & ((event: "date-changed", date: Date | [Date, Date]) => void) & ((event: "open") => void) & ((event: "datepickerQuickfilterClick", trackingName: string) => void);
-                    $el: any;
-                    $options: 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('../../components/UiDatePicker/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;
-                        };
-                    }>> & {
-                        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('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
-                        quickFilterHeadline: string;
-                        selectedDate: string | Date | [Date, Date] | {
+                        }>;
+                        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;
+                    };
+                }>> & {
+                    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;
-                        };
-                        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;
-                    }, {}, string, {}> & {
-                        beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                        created?: ((() => void) | (() => void)[]) | undefined;
-                        beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                        mounted?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                        updated?: ((() => void) | (() => void)[]) | undefined;
-                        activated?: ((() => void) | (() => void)[]) | undefined;
-                        deactivated?: ((() => void) | (() => void)[]) | undefined;
-                        beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                        beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                        destroyed?: ((() => void) | (() => void)[]) | undefined;
-                        unmounted?: ((() => void) | (() => void)[]) | undefined;
-                        renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                        renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                        errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import("vue").nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-                } & Readonly<import("vue").ExtractPropTypes<{
+                        }>;
+                        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;
+                    };
+                }>> & {
+                    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;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
                     cancel: {
                         type: import("vue").PropType<string>;
                         default: string;
@@ -1272,7 +1101,7 @@ declare const meta: {
                         default: string;
                     };
                     quickFilterRanges: {
-                        type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
                         default: null;
                     };
                     quickFilterHeadline: {
@@ -1355,7 +1184,40 @@ declare const meta: {
                     "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
                     onOpen?: (() => any) | undefined;
                     onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                }, {}, {}, {}, {}, {
+                    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;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -1405,7 +1267,7 @@ declare const meta: {
                     default: string;
                 };
                 quickFilterRanges: {
-                    type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
+                    type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
                     default: null;
                 };
                 quickFilterHeadline: {
@@ -1506,7 +1368,7 @@ declare const meta: {
                 roundedEdges: boolean;
                 locale: string;
                 placeholderText: string;
-                quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
+                quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
                 quickFilterHeadline: string;
                 selectedDate: string | Date | [Date, Date] | {
                     month: number;