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

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

@@ -2,308 +2,413 @@ import type { StoryObj } from "@storybook/vue3";
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            cancel: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            submit: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            iconLeft: {
-                type: import("vue").PropType<string | null>;
-                default: null;
-            };
-            definesRange: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            multiCalendars: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            enableTimePicker: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            autoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnAutoApply: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            roundedEdges: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            locale: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placeholderText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            quickFilterRanges: {
-                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                default: null;
-            };
-            quickFilterHeadline: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            selectedDate: {
-                type: import("vue").PropType<string | Date | [Date, Date] | {
+        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;
-                }>;
-                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;
-            onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "date-changed": (date: Date | [Date, Date]) => void;
-            close: () => void;
-            open: () => 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;
+                };
+                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] | {
+                    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;
             };
-            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: "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] | {
                     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;
-            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<{
+                };
+                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;
@@ -349,7 +454,7 @@ declare const meta: {
                 default: string;
             };
             quickFilterRanges: {
-                type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
+                type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
                 default: null;
             };
             quickFilterHeadline: {
@@ -427,44 +532,12 @@ declare const meta: {
                 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;
-        }>;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -514,7 +587,7 @@ declare const meta: {
             default: string;
         };
         quickFilterRanges: {
-            type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
+            type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
             default: null;
         };
         quickFilterHeadline: {
@@ -592,6 +665,7 @@ declare const meta: {
             default: null;
         };
     }>> & {
+        onReset?: (() => any) | undefined;
         onClose?: (() => any) | undefined;
         "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
         onOpen?: (() => any) | undefined;
@@ -600,6 +674,7 @@ declare const meta: {
         "date-changed": (date: Date | [Date, Date]) => void;
         close: () => void;
         open: () => void;
+        reset: () => void;
         datepickerQuickfilterClick: (trackingName: string) => void;
     }, string, {
         cancel: string;
@@ -613,7 +688,7 @@ declare const meta: {
         roundedEdges: boolean;
         locale: string;
         placeholderText: string;
-        quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
+        quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
         quickFilterHeadline: string;
         selectedDate: string | Date | [Date, Date] | {
             month: number;
@@ -694,359 +769,464 @@ declare const meta: {
         placeholderText: {
             control: string;
         };
-        selectedDate: {
-            control: string;
-            options: (string[] | undefined)[];
-        };
-        quickFilterRanges: {
-            table: {
-                disable: boolean;
-            };
-        };
-        locale: {
-            table: {
-                disable: boolean;
-            };
-        };
-        autoRange: {
-            control: string;
-            options: number[];
-        };
-        iconLeft: {
-            control: string;
-            options: string[];
-        };
-    };
-    args: {
-        monthPicker: false;
-        activeState: false;
-        quickFilterHeadline: string;
-        cancel: string;
-        submit: string;
-        inputLabel: string;
-        minDate: Date;
-        maxDate: undefined;
-        maxRange: null;
-        actionArea: false;
-        leftSidebar: false;
-        multiCalendars: false;
-        definesRange: false;
-        closeOnAutoApply: false;
-        enableTimePicker: false;
-        roundedEdges: true;
-        autoApply: true;
-        autoPosition: true;
-        placeholderText: string;
-        selectedDate: string;
-        autoRange: null;
-        customFormatCallback: () => null;
-        iconLeft: null;
-    };
-    render: (args: any) => {
-        components: {
-            UiDatePicker: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    cancel: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    submit: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    iconLeft: {
-                        type: import("vue").PropType<string | null>;
-                        default: null;
-                    };
-                    definesRange: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    multiCalendars: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    enableTimePicker: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    autoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    closeOnAutoApply: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    roundedEdges: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    locale: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    placeholderText: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    quickFilterRanges: {
-                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
-                        default: null;
-                    };
-                    quickFilterHeadline: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    selectedDate: {
-                        type: import("vue").PropType<string | Date | [Date, Date] | {
+        selectedDate: {
+            control: string;
+            options: (string[] | undefined)[];
+        };
+        quickFilterRanges: {
+            table: {
+                disable: boolean;
+            };
+        };
+        locale: {
+            table: {
+                disable: boolean;
+            };
+        };
+        autoRange: {
+            control: string;
+            options: number[];
+        };
+        iconLeft: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        monthPicker: false;
+        activeState: false;
+        quickFilterHeadline: string;
+        cancel: string;
+        submit: string;
+        inputLabel: string;
+        minDate: Date;
+        maxDate: undefined;
+        maxRange: null;
+        actionArea: false;
+        leftSidebar: false;
+        multiCalendars: false;
+        definesRange: false;
+        closeOnAutoApply: false;
+        enableTimePicker: false;
+        roundedEdges: true;
+        autoApply: true;
+        autoPosition: true;
+        placeholderText: string;
+        selectedDate: string;
+        autoRange: null;
+        customFormatCallback: () => null;
+        iconLeft: null;
+    };
+    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;
-                        }>;
-                        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;
-                    onDatepickerQuickfilterClick?: ((trackingName: string) => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    "date-changed": (date: Date | [Date, Date]) => void;
-                    close: () => void;
-                    open: () => 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] | {
+                        };
+                        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] | {
                             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;
-                    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<{
+                        };
+                        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] | {
+                            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<{
                     cancel: {
                         type: import("vue").PropType<string>;
                         default: string;
@@ -1092,7 +1272,7 @@ declare const meta: {
                         default: string;
                     };
                     quickFilterRanges: {
-                        type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
+                        type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
                         default: null;
                     };
                     quickFilterHeadline: {
@@ -1170,44 +1350,12 @@ declare const meta: {
                         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;
-                }>;
+                } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
@@ -1257,7 +1405,7 @@ declare const meta: {
                     default: string;
                 };
                 quickFilterRanges: {
-                    type: import("vue").PropType<import('./UiDatePicker.vue').PresetRange[] | null>;
+                    type: import("vue").PropType<import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null>;
                     default: null;
                 };
                 quickFilterHeadline: {
@@ -1335,6 +1483,7 @@ declare const meta: {
                     default: null;
                 };
             }>> & {
+                onReset?: (() => any) | undefined;
                 onClose?: (() => any) | undefined;
                 "onDate-changed"?: ((date: Date | [Date, Date]) => any) | undefined;
                 onOpen?: (() => any) | undefined;
@@ -1343,6 +1492,7 @@ declare const meta: {
                 "date-changed": (date: Date | [Date, Date]) => void;
                 close: () => void;
                 open: () => void;
+                reset: () => void;
                 datepickerQuickfilterClick: (trackingName: string) => void;
             }, string, {
                 cancel: string;
@@ -1356,7 +1506,7 @@ declare const meta: {
                 roundedEdges: boolean;
                 locale: string;
                 placeholderText: string;
-                quickFilterRanges: import('./UiDatePicker.vue').PresetRange[] | null;
+                quickFilterRanges: import('../../components/UiDatePicker/UiDatePicker.vue').PresetRange[] | null;
                 quickFilterHeadline: string;
                 selectedDate: string | Date | [Date, Date] | {
                     month: number;