@dpa-id-components/dpa-shared-components 8.10.0 → 8.10.3

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

@@ -2,296 +2,289 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            cancel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            submit: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            definesRange: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            multiCalendars: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableTimePicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnAutoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            roundedEdges: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            locale: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placeholderText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('../../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] | {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                cancel?: string | undefined;
+                submit?: string | undefined;
+                iconLeft?: string | null | undefined;
+                definesRange?: boolean | undefined;
+                multiCalendars?: boolean | undefined;
+                enableTimePicker?: boolean | undefined;
+                autoApply?: boolean | undefined;
+                closeOnAutoApply?: boolean | undefined;
+                roundedEdges?: boolean | undefined;
+                locale?: string | undefined;
+                placeholderText?: string | undefined;
+                quickFilterRanges?: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null | undefined;
+                quickFilterHeadline?: string | undefined;
+                selectedDate?: 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;
-            };
-        }>> & {
-            onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "date-changed": (date: Date | [Date, Date]) => void;
-            close: () => void;
-            open: () => 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;
+                } | undefined;
+                autoPosition?: boolean | undefined;
+                leftSidebar?: boolean | undefined;
+                actionArea?: boolean | undefined;
+                actionAreaExtraContent?: string | undefined;
+                firstAvailableDate?: number | undefined;
+                minDate?: Date | undefined;
+                maxDate?: Date | undefined;
+                autoRange?: number | null | undefined;
+                maxRange?: string | number | null | undefined;
+                activeState?: boolean | undefined;
+                disabledState?: boolean | undefined;
+                monthPicker?: boolean | undefined;
+                inputLabel?: string | undefined;
+                utc?: boolean | undefined;
+                teleport?: string | boolean | null | undefined;
+                class?: unknown;
+                style?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly customFormatCallback?: any;
+                onClose?: (() => any) | undefined;
+                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+                onOpen?: (() => any) | undefined;
             };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
-                default: null;
+            $attrs: {
+                [x: string]: unknown;
             };
-            quickFilterHeadline: {
-                type: import("vue").PropType<string>;
-                default: string;
+            $refs: {
+                [x: string]: unknown;
             };
-            selectedDate: {
-                type: import("vue").PropType<string | Date | [Date, Date] | {
+            $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: "date-changed", date: Date | [Date, Date]) => void) & ((event: "open") => 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;
+                };
+            }>> & {
+                onClose?: (() => any) | undefined;
+                "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+                onOpen?: (() => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "date-changed": (date: Date | [Date, Date]) => void;
+                close: () => void;
+                open: () => 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] | {
                     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;
-            };
-        }>> & {
-            onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => 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('../../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;
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+                };
+                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<{
             cancel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -410,43 +403,15 @@ declare const meta: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            teleport: {
+                type: import("vue").PropType<string | boolean | null>;
+                default: null;
+            };
         }>> & {
             onClose?: (() => any) | undefined;
-            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-            onOpen?: (() => 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('../../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;
-        }>;
+            "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -569,6 +534,10 @@ declare const meta: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        teleport: {
+            type: import("vue").PropType<string | boolean | null>;
+            default: null;
+        };
     }>> & {
         onClose?: (() => any) | undefined;
         "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
@@ -609,6 +578,7 @@ declare const meta: {
         monthPicker: boolean;
         inputLabel: string;
         utc: boolean;
+        teleport: string | boolean | null;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             actionArea?(_: {}): any;
@@ -720,296 +690,289 @@ declare const meta: {
     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('../../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] | {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        cancel?: string | undefined;
+                        submit?: string | undefined;
+                        iconLeft?: string | null | undefined;
+                        definesRange?: boolean | undefined;
+                        multiCalendars?: boolean | undefined;
+                        enableTimePicker?: boolean | undefined;
+                        autoApply?: boolean | undefined;
+                        closeOnAutoApply?: boolean | undefined;
+                        roundedEdges?: boolean | undefined;
+                        locale?: string | undefined;
+                        placeholderText?: string | undefined;
+                        quickFilterRanges?: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null | undefined;
+                        quickFilterHeadline?: string | undefined;
+                        selectedDate?: 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;
-                    };
-                }>> & {
-                    onClose?: (() => any) | undefined;
-                    "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                    onOpen?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    "date-changed": (date: Date | [Date, Date]) => void;
-                    close: () => void;
-                    open: () => 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('../../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] | {
+                        } | undefined;
+                        autoPosition?: boolean | undefined;
+                        leftSidebar?: boolean | undefined;
+                        actionArea?: boolean | undefined;
+                        actionAreaExtraContent?: string | undefined;
+                        firstAvailableDate?: number | undefined;
+                        minDate?: Date | undefined;
+                        maxDate?: Date | undefined;
+                        autoRange?: number | null | undefined;
+                        maxRange?: string | number | null | undefined;
+                        activeState?: boolean | undefined;
+                        disabledState?: boolean | undefined;
+                        monthPicker?: boolean | undefined;
+                        inputLabel?: string | undefined;
+                        utc?: boolean | undefined;
+                        teleport?: string | boolean | null | undefined;
+                        class?: unknown;
+                        style?: unknown;
+                        key?: string | number | symbol | undefined;
+                        ref?: import("vue").VNodeRef | undefined;
+                        ref_for?: boolean | undefined;
+                        ref_key?: string | undefined;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[] | undefined;
+                        readonly customFormatCallback?: any;
+                        onClose?: (() => any) | undefined;
+                        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+                        onOpen?: (() => any) | undefined;
+                    };
+                    $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: "date-changed", date: Date | [Date, Date]) => void) & ((event: "open") => 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;
+                        };
+                    }>> & {
+                        onClose?: (() => any) | undefined;
+                        "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
+                        onOpen?: (() => any) | undefined;
+                    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        "date-changed": (date: Date | [Date, Date]) => void;
+                        close: () => void;
+                        open: () => 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] | {
                             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;
-                    };
-                }>> & {
-                    onClose?: (() => any) | undefined;
-                    "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
-                    onOpen?: (() => 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('../../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;
-                }, true, {}, {}, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
+                        };
+                        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<{
                     cancel: {
                         type: import("vue").PropType<string>;
                         default: string;
@@ -1128,43 +1091,15 @@ declare const meta: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    teleport: {
+                        type: import("vue").PropType<string | boolean | null>;
+                        default: null;
+                    };
                 }>> & {
                     onClose?: (() => any) | undefined;
                     "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
                     onOpen?: (() => 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('../../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;
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -1287,6 +1222,10 @@ declare const meta: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                teleport: {
+                    type: import("vue").PropType<string | boolean | null>;
+                    default: null;
+                };
             }>> & {
                 onClose?: (() => any) | undefined;
                 "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
@@ -1327,6 +1266,7 @@ declare const meta: {
                 monthPicker: boolean;
                 inputLabel: string;
                 utc: boolean;
+                teleport: string | boolean | null;
             }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     actionArea?(_: {}): any;