@dpa-id-components/dpa-shared-components 22.0.0-next.0 → 22.0.0-next.2

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

@@ -1,6 +1,5 @@
 import { ActionRowSlotProps } from '@vuepic/vue-datepicker';
 import { Locale } from 'date-fns';
-import { ShallowRef } from 'vue';
 import { UiIconName } from '../UiIcon/UiIcon.vue';
 export interface PresetRange {
     label: string;
@@ -14,6 +13,13 @@ export type DateType = Date | [Date, Date] | string | {
     month: number;
     year: number;
 };
+type __VLS_Slots = {
+    "action-row"?: (props: ActionRowSlotProps) => any;
+    "action-extra"?: (props: {
+        selectCurrentDate: () => void;
+        reset: () => void;
+    }) => any;
+};
 type __VLS_Props = {
     autoApply?: boolean;
     locale?: Locale;
@@ -39,864 +45,29 @@ type __VLS_Props = {
     quickFilterRanges?: PresetRange[];
     actionExtraContent?: string;
 };
-type __VLS_PublicProps = {
+type __VLS_ModelProps = {
     modelValue?: DateType;
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        "action-row"?: (props: ActionRowSlotProps) => any;
-        "action-extra"?: (props: {
-            selectCurrentDate: () => void;
-            reset: () => void;
-        }) => any;
-    }> & {
-        "action-row"?: (props: ActionRowSlotProps) => any;
-        "action-extra"?: (props: {
-            selectCurrentDate: () => void;
-            reset: () => void;
-        }) => any;
-    };
-    refs: {
-        datePicker: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker').MultiCalendarsConfig>) | undefined;
-                readonly modelValue?: import('@vuepic/vue-datepicker').ModelValue;
-                readonly modelType?: string | undefined;
-                readonly dark?: boolean | undefined;
-                readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>) | undefined;
-                readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker').AriaLabelsConfig> | undefined;
-                readonly hideNavigation?: import('@vuepic/vue-datepicker').PickerSection[] | undefined;
-                readonly timezone?: string | undefined;
-                readonly vertical?: boolean | undefined;
-                readonly hideMonthYearSelect?: boolean | undefined;
-                readonly disableYearSelect?: boolean | undefined;
-                readonly yearRange?: [number, number] | undefined;
-                readonly autoApply?: boolean | undefined;
-                readonly disabledDates?: Date[] | string[] | ((date: Date) => boolean) | undefined;
-                readonly startDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-                readonly hideOffsetDates?: boolean | undefined;
-                readonly noToday?: boolean | undefined;
-                readonly allowedDates?: import('@vuepic/vue-datepicker').DateValue[] | undefined;
-                readonly markers?: import('@vuepic/vue-datepicker').Marker[] | undefined;
-                readonly presetDates?: import('@vuepic/vue-datepicker').PresetDate[] | undefined;
-                readonly flow?: Partial<import('@vuepic/vue-datepicker').FlowConfig> | undefined;
-                readonly preventMinMaxNavigation?: boolean | undefined;
-                readonly reverseYears?: boolean | undefined;
-                readonly weekPicker?: boolean | undefined;
-                readonly filters?: Partial<import('@vuepic/vue-datepicker').FilterConfig> | undefined;
-                readonly arrowNavigation?: boolean | undefined;
-                readonly highlight?: (import('@vuepic/vue-datepicker').HighlightFn | Partial<import('@vuepic/vue-datepicker').HighlightConfig>) | undefined;
-                readonly teleport?: (string | boolean | HTMLElement) | undefined;
-                readonly centered?: boolean | undefined;
-                readonly locale?: Locale | undefined;
-                readonly weekStart?: (string | number | import('@vuepic/vue-datepicker').WeekStart) | undefined;
-                readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker').WeekNumbersConfig) | undefined;
-                readonly dayNames?: (() => string[]) | string[] | undefined;
-                readonly monthPicker?: boolean | undefined;
-                readonly yearPicker?: boolean | undefined;
-                readonly modelAuto?: boolean | undefined;
-                readonly formats?: (Partial<import('@vuepic/vue-datepicker').FormatsConfig> | null) | undefined;
-                readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>) | undefined;
-                readonly minDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-                readonly maxDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-                readonly minTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
-                readonly maxTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
-                readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker').InputAttributesConfig> | undefined;
-                readonly timeConfig?: Partial<import('@vuepic/vue-datepicker').TimeConfig> | undefined;
-                readonly placeholder?: string | undefined;
-                readonly timePicker?: boolean | undefined;
-                readonly range?: (boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>) | undefined;
-                readonly menuId?: string | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly readonly?: boolean | undefined;
-                readonly inline?: boolean | {
-                    input?: boolean;
-                } | undefined;
-                readonly textInput?: (boolean | Partial<import('@vuepic/vue-datepicker').TextInputConfig>) | undefined;
-                readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker').SixWeekMode) | undefined;
-                readonly actionRow?: Partial<import('@vuepic/vue-datepicker').ActionRowConfig> | undefined;
-                readonly focusStartDate?: boolean | undefined;
-                readonly disabledTimes?: (import('@vuepic/vue-datepicker').DisabledTimesFn | import('@vuepic/vue-datepicker').TimeModel[] | import('@vuepic/vue-datepicker').TimeModel[][]) | undefined;
-                readonly calendar?: ((month: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined;
-                readonly config?: Partial<import('@vuepic/vue-datepicker').Config> | undefined;
-                readonly quarterPicker?: boolean | undefined;
-                readonly yearFirst?: boolean | undefined;
-                readonly loading?: boolean | undefined;
-                readonly ui?: Partial<import('@vuepic/vue-datepicker').UIConfig> | undefined;
-                readonly floating?: Partial<import('@vuepic/vue-datepicker').FloatingConfig> | undefined;
-                readonly onBlur?: (() => any) | undefined | undefined;
-                readonly onFocus?: (() => any) | undefined | undefined;
-                readonly onInvalid?: ((event: Event) => any) | undefined | undefined;
-                readonly onOpen?: (() => any) | undefined | undefined;
-                readonly "onUpdate:model-value"?: ((value: any) => any) | undefined | undefined;
-                readonly "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined | undefined;
-                readonly "onText-submit"?: (() => any) | undefined | undefined;
-                readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined | undefined;
-                readonly onClosed?: (() => any) | undefined | undefined;
-                readonly onCleared?: (() => any) | undefined | undefined;
-                readonly "onFlow-step"?: ((step: number) => any) | undefined | undefined;
-                readonly "onUpdate-month-year"?: ((value: {
-                    instance: number;
-                    month: number;
-                    year: number;
-                }) => any) | undefined | undefined;
-                readonly "onInvalid-select"?: (() => any) | undefined | undefined;
-                readonly "onInvalid-fixed-range"?: ((date: Date) => any) | undefined | undefined;
-                readonly "onInvalid-date"?: ((date: Date) => any) | undefined | undefined;
-                readonly "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
-                readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
-                readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined | undefined;
-                readonly "onRange-start"?: ((date: Date) => any) | undefined | undefined;
-                readonly "onRange-end"?: ((date: Date) => any) | undefined | undefined;
-                readonly "onDate-click"?: ((date: Date) => any) | undefined | undefined;
-                readonly "onOverlay-toggle"?: ((toggle: {
-                    open: boolean;
-                    overlay: import('@vuepic/vue-datepicker').PickerSection;
-                }) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                'date-picker': ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: any;
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-                        closeMenu: (fromClickAway?: boolean) => void;
-                        selectDate: () => void;
-                        clearValue: () => void;
-                        openMenu: () => void;
-                        onScroll: () => void;
-                        formatInputValue: () => void;
-                        updateInternalModelValue: (value: Date | Date[]) => void;
-                        setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-                        parseModel: (value?: import('@vuepic/vue-datepicker').ModelValue) => void;
-                        switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-                        toggleMenu: () => void;
-                        handleFlow: (skipStep?: number) => void;
-                        getDpWrapMenuRef: () => any;
-                        dpMenuRef: () => Readonly<ShallowRef<any>>;
-                        dpWrapMenuRef: () => any;
-                        inputRef: () => any;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
-                    closeMenu: (fromClickAway?: boolean) => void;
-                    selectDate: () => void;
-                    clearValue: () => void;
-                    openMenu: () => void;
-                    onScroll: () => void;
-                    formatInputValue: () => void;
-                    updateInternalModelValue: (value: Date | Date[]) => void;
-                    setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-                    parseModel: (value?: import('@vuepic/vue-datepicker').ModelValue) => void;
-                    switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-                    toggleMenu: () => void;
-                    handleFlow: (skipStep?: number) => void;
-                    getDpWrapMenuRef: () => any;
-                    dpMenuRef: () => Readonly<ShallowRef<any>>;
-                    dpWrapMenuRef: () => any;
-                    inputRef: () => any;
-                }> & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: any;
-                }) | null;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "closed") => void) & ((event: "open") => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "blur") => void) & ((event: "focus") => void) & ((event: "invalid", event: Event) => void) & ((event: "update:model-value", value: any) => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker').InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => void) & ((event: "cleared") => void) & ((event: "flow-step", step: number) => void) & ((event: "update-month-year", value: {
-                instance: number;
-                month: number;
-                year: number;
-            }) => void) & ((event: "invalid-select") => void) & ((event: "invalid-fixed-range", date: Date) => void) & ((event: "invalid-date", date: Date) => void) & ((event: "tooltip-open", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker').Hour12) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker').PickerSection;
-            }) => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
-                onBlur?: (() => any) | undefined;
-                onFocus?: (() => any) | undefined;
-                onInvalid?: ((event: Event) => any) | undefined;
-                onOpen?: (() => any) | undefined;
-                "onUpdate:model-value"?: ((value: any) => any) | undefined;
-                "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
-                "onText-submit"?: (() => any) | undefined;
-                "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
-                onClosed?: (() => any) | undefined;
-                onCleared?: (() => any) | undefined;
-                "onFlow-step"?: ((step: number) => any) | undefined;
-                "onUpdate-month-year"?: ((value: {
-                    instance: number;
-                    month: number;
-                    year: number;
-                }) => any) | undefined;
-                "onInvalid-select"?: (() => any) | undefined;
-                "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
-                "onInvalid-date"?: ((date: Date) => any) | undefined;
-                "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-                "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-                "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
-                "onRange-start"?: ((date: Date) => any) | undefined;
-                "onRange-end"?: ((date: Date) => any) | undefined;
-                "onDate-click"?: ((date: Date) => any) | undefined;
-                "onOverlay-toggle"?: ((toggle: {
-                    open: boolean;
-                    overlay: import('@vuepic/vue-datepicker').PickerSection;
-                }) => any) | undefined;
-            }>, {
-                openMenu: () => void;
-                closeMenu: () => void;
-                selectDate: () => void;
-                clearValue: () => void;
-                formatInputValue: () => void;
-                updateInternalModelValue: (value: Date | Date[]) => void;
-                setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-                parseModel: () => void;
-                switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-                handleFlow: () => void;
-                toggleMenu: () => void;
-                dpMenuRef: () => Readonly<ShallowRef<any>>;
-                dpWrapMenuRef: () => any;
-                inputRef: () => any;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                blur: () => any;
-                focus: () => any;
-                invalid: (event: Event) => any;
-                open: () => any;
-                "update:model-value": (value: any) => any;
-                "internal-model-change": (value: import('@vuepic/vue-datepicker').InternalModelValue) => any;
-                "text-submit": () => any;
-                "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any;
-                closed: () => any;
-                cleared: () => any;
-                "flow-step": (step: number) => any;
-                "update-month-year": (value: {
-                    instance: number;
-                    month: number;
-                    year: number;
-                }) => any;
-                "invalid-select": () => any;
-                "invalid-fixed-range": (date: Date) => any;
-                "invalid-date": (date: Date) => any;
-                "tooltip-open": (marker: import('@vuepic/vue-datepicker').Marker) => any;
-                "tooltip-close": (marker: import('@vuepic/vue-datepicker').Marker) => any;
-                "am-pm-change": (value: import('@vuepic/vue-datepicker').Hour12) => any;
-                "range-start": (date: Date) => any;
-                "range-end": (date: Date) => any;
-                "date-click": (date: Date) => any;
-                "overlay-toggle": (toggle: {
-                    open: boolean;
-                    overlay: import('@vuepic/vue-datepicker').PickerSection;
-                }) => any;
-            }, string, {
-                timePicker: boolean;
-                dark: boolean;
-                transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
-                hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
-                vertical: boolean;
-                hideMonthYearSelect: boolean;
-                disableYearSelect: boolean;
-                yearRange: [number, number];
-                autoApply: boolean;
-                disabledDates: Date[] | string[] | ((date: Date) => boolean);
-                hideOffsetDates: boolean;
-                noToday: boolean;
-                markers: import('@vuepic/vue-datepicker').Marker[];
-                presetDates: import('@vuepic/vue-datepicker').PresetDate[];
-                preventMinMaxNavigation: boolean;
-                reverseYears: boolean;
-                weekPicker: boolean;
-                arrowNavigation: boolean;
-                centered: boolean;
-                locale: Locale;
-                weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
-                monthPicker: boolean;
-                yearPicker: boolean;
-                modelAuto: boolean;
-                multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
-                range: boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>;
-                inline: boolean | {
-                    input?: boolean;
-                };
-                sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
-                focusStartDate: boolean;
-                quarterPicker: boolean;
-                yearFirst: boolean;
-                loading: boolean;
-                ui: Partial<import('@vuepic/vue-datepicker').UIConfig>;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            timePicker: boolean;
-            dark: boolean;
-            transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
-            hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
-            vertical: boolean;
-            hideMonthYearSelect: boolean;
-            disableYearSelect: boolean;
-            yearRange: [number, number];
-            autoApply: boolean;
-            disabledDates: Date[] | string[] | ((date: Date) => boolean);
-            hideOffsetDates: boolean;
-            noToday: boolean;
-            markers: import('@vuepic/vue-datepicker').Marker[];
-            presetDates: import('@vuepic/vue-datepicker').PresetDate[];
-            preventMinMaxNavigation: boolean;
-            reverseYears: boolean;
-            weekPicker: boolean;
-            arrowNavigation: boolean;
-            centered: boolean;
-            locale: Locale;
-            weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
-            monthPicker: boolean;
-            yearPicker: boolean;
-            modelAuto: boolean;
-            multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
-            range: boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>;
-            inline: boolean | {
-                input?: boolean;
-            };
-            sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
-            focusStartDate: boolean;
-            quarterPicker: boolean;
-            yearFirst: boolean;
-            loading: boolean;
-            ui: Partial<import('@vuepic/vue-datepicker').UIConfig>;
-        }> & Omit<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            onInvalid?: ((event: Event) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: any) => any) | undefined;
-            "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
-            "onText-submit"?: (() => any) | undefined;
-            "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
-            onClosed?: (() => any) | undefined;
-            onCleared?: (() => any) | undefined;
-            "onFlow-step"?: ((step: number) => any) | undefined;
-            "onUpdate-month-year"?: ((value: {
-                instance: number;
-                month: number;
-                year: number;
-            }) => any) | undefined;
-            "onInvalid-select"?: (() => any) | undefined;
-            "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
-            "onInvalid-date"?: ((date: Date) => any) | undefined;
-            "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-            "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-            "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
-            "onRange-start"?: ((date: Date) => any) | undefined;
-            "onRange-end"?: ((date: Date) => any) | undefined;
-            "onDate-click"?: ((date: Date) => any) | undefined;
-            "onOverlay-toggle"?: ((toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker').PickerSection;
-            }) => any) | undefined;
-        }>, "range" | "openMenu" | "dark" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "disableYearSelect" | "yearRange" | "autoApply" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "centered" | "locale" | "weekStart" | "monthPicker" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "inline" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "loading" | "ui" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & {
-            openMenu: () => void;
-            closeMenu: () => void;
-            selectDate: () => void;
-            clearValue: () => void;
-            formatInputValue: () => void;
-            updateInternalModelValue: (value: Date | Date[]) => void;
-            setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-            parseModel: () => void;
-            switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-            handleFlow: () => void;
-            toggleMenu: () => void;
-            dpMenuRef: () => Readonly<ShallowRef<any>>;
-            dpWrapMenuRef: () => any;
-            inputRef: () => any;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('@vuepic/vue-datepicker').RootSlots> & import('@vuepic/vue-datepicker').RootSlots;
-        }) | null;
-        menuArrow: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: DateType) => any;
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateType | undefined) => any;
     closed: () => any;
     open: () => any;
     "range-start": (args_0: Date) => any;
     "range-end": (args_0: Date) => any;
     "quick-filter-changed": (args_0: PresetRange) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateType) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateType | undefined) => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onRange-start"?: ((args_0: Date) => any) | undefined;
     "onRange-end"?: ((args_0: Date) => any) | undefined;
     "onQuick-filter-changed"?: ((args_0: PresetRange) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    datePicker: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker').MultiCalendarsConfig>) | undefined;
-            readonly modelValue?: import('@vuepic/vue-datepicker').ModelValue;
-            readonly modelType?: string | undefined;
-            readonly dark?: boolean | undefined;
-            readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>) | undefined;
-            readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker').AriaLabelsConfig> | undefined;
-            readonly hideNavigation?: import('@vuepic/vue-datepicker').PickerSection[] | undefined;
-            readonly timezone?: string | undefined;
-            readonly vertical?: boolean | undefined;
-            readonly hideMonthYearSelect?: boolean | undefined;
-            readonly disableYearSelect?: boolean | undefined;
-            readonly yearRange?: [number, number] | undefined;
-            readonly autoApply?: boolean | undefined;
-            readonly disabledDates?: Date[] | string[] | ((date: Date) => boolean) | undefined;
-            readonly startDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-            readonly hideOffsetDates?: boolean | undefined;
-            readonly noToday?: boolean | undefined;
-            readonly allowedDates?: import('@vuepic/vue-datepicker').DateValue[] | undefined;
-            readonly markers?: import('@vuepic/vue-datepicker').Marker[] | undefined;
-            readonly presetDates?: import('@vuepic/vue-datepicker').PresetDate[] | undefined;
-            readonly flow?: Partial<import('@vuepic/vue-datepicker').FlowConfig> | undefined;
-            readonly preventMinMaxNavigation?: boolean | undefined;
-            readonly reverseYears?: boolean | undefined;
-            readonly weekPicker?: boolean | undefined;
-            readonly filters?: Partial<import('@vuepic/vue-datepicker').FilterConfig> | undefined;
-            readonly arrowNavigation?: boolean | undefined;
-            readonly highlight?: (import('@vuepic/vue-datepicker').HighlightFn | Partial<import('@vuepic/vue-datepicker').HighlightConfig>) | undefined;
-            readonly teleport?: (string | boolean | HTMLElement) | undefined;
-            readonly centered?: boolean | undefined;
-            readonly locale?: Locale | undefined;
-            readonly weekStart?: (string | number | import('@vuepic/vue-datepicker').WeekStart) | undefined;
-            readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker').WeekNumbersConfig) | undefined;
-            readonly dayNames?: (() => string[]) | string[] | undefined;
-            readonly monthPicker?: boolean | undefined;
-            readonly yearPicker?: boolean | undefined;
-            readonly modelAuto?: boolean | undefined;
-            readonly formats?: (Partial<import('@vuepic/vue-datepicker').FormatsConfig> | null) | undefined;
-            readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>) | undefined;
-            readonly minDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-            readonly maxDate?: import('@vuepic/vue-datepicker').DateValue | undefined;
-            readonly minTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
-            readonly maxTime?: import('@vuepic/vue-datepicker').TimeModel | undefined;
-            readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker').InputAttributesConfig> | undefined;
-            readonly timeConfig?: Partial<import('@vuepic/vue-datepicker').TimeConfig> | undefined;
-            readonly placeholder?: string | undefined;
-            readonly timePicker?: boolean | undefined;
-            readonly range?: (boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>) | undefined;
-            readonly menuId?: string | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly readonly?: boolean | undefined;
-            readonly inline?: boolean | {
-                input?: boolean;
-            } | undefined;
-            readonly textInput?: (boolean | Partial<import('@vuepic/vue-datepicker').TextInputConfig>) | undefined;
-            readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker').SixWeekMode) | undefined;
-            readonly actionRow?: Partial<import('@vuepic/vue-datepicker').ActionRowConfig> | undefined;
-            readonly focusStartDate?: boolean | undefined;
-            readonly disabledTimes?: (import('@vuepic/vue-datepicker').DisabledTimesFn | import('@vuepic/vue-datepicker').TimeModel[] | import('@vuepic/vue-datepicker').TimeModel[][]) | undefined;
-            readonly calendar?: ((month: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined;
-            readonly config?: Partial<import('@vuepic/vue-datepicker').Config> | undefined;
-            readonly quarterPicker?: boolean | undefined;
-            readonly yearFirst?: boolean | undefined;
-            readonly loading?: boolean | undefined;
-            readonly ui?: Partial<import('@vuepic/vue-datepicker').UIConfig> | undefined;
-            readonly floating?: Partial<import('@vuepic/vue-datepicker').FloatingConfig> | undefined;
-            readonly onBlur?: (() => any) | undefined | undefined;
-            readonly onFocus?: (() => any) | undefined | undefined;
-            readonly onInvalid?: ((event: Event) => any) | undefined | undefined;
-            readonly onOpen?: (() => any) | undefined | undefined;
-            readonly "onUpdate:model-value"?: ((value: any) => any) | undefined | undefined;
-            readonly "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined | undefined;
-            readonly "onText-submit"?: (() => any) | undefined | undefined;
-            readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined | undefined;
-            readonly onClosed?: (() => any) | undefined | undefined;
-            readonly onCleared?: (() => any) | undefined | undefined;
-            readonly "onFlow-step"?: ((step: number) => any) | undefined | undefined;
-            readonly "onUpdate-month-year"?: ((value: {
-                instance: number;
-                month: number;
-                year: number;
-            }) => any) | undefined | undefined;
-            readonly "onInvalid-select"?: (() => any) | undefined | undefined;
-            readonly "onInvalid-fixed-range"?: ((date: Date) => any) | undefined | undefined;
-            readonly "onInvalid-date"?: ((date: Date) => any) | undefined | undefined;
-            readonly "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
-            readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined;
-            readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined | undefined;
-            readonly "onRange-start"?: ((date: Date) => any) | undefined | undefined;
-            readonly "onRange-end"?: ((date: Date) => any) | undefined | undefined;
-            readonly "onDate-click"?: ((date: Date) => any) | undefined | undefined;
-            readonly "onOverlay-toggle"?: ((toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker').PickerSection;
-            }) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            'date-picker': ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: any;
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-                    closeMenu: (fromClickAway?: boolean) => void;
-                    selectDate: () => void;
-                    clearValue: () => void;
-                    openMenu: () => void;
-                    onScroll: () => void;
-                    formatInputValue: () => void;
-                    updateInternalModelValue: (value: Date | Date[]) => void;
-                    setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-                    parseModel: (value?: import('@vuepic/vue-datepicker').ModelValue) => void;
-                    switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-                    toggleMenu: () => void;
-                    handleFlow: (skipStep?: number) => void;
-                    getDpWrapMenuRef: () => any;
-                    dpMenuRef: () => Readonly<ShallowRef<any>>;
-                    dpWrapMenuRef: () => any;
-                    inputRef: () => any;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{
-                closeMenu: (fromClickAway?: boolean) => void;
-                selectDate: () => void;
-                clearValue: () => void;
-                openMenu: () => void;
-                onScroll: () => void;
-                formatInputValue: () => void;
-                updateInternalModelValue: (value: Date | Date[]) => void;
-                setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-                parseModel: (value?: import('@vuepic/vue-datepicker').ModelValue) => void;
-                switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-                toggleMenu: () => void;
-                handleFlow: (skipStep?: number) => void;
-                getDpWrapMenuRef: () => any;
-                dpMenuRef: () => Readonly<ShallowRef<any>>;
-                dpWrapMenuRef: () => any;
-                inputRef: () => any;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: any;
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "closed") => void) & ((event: "open") => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "blur") => void) & ((event: "focus") => void) & ((event: "invalid", event: Event) => void) & ((event: "update:model-value", value: any) => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker').InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => void) & ((event: "cleared") => void) & ((event: "flow-step", step: number) => void) & ((event: "update-month-year", value: {
-            instance: number;
-            month: number;
-            year: number;
-        }) => void) & ((event: "invalid-select") => void) & ((event: "invalid-fixed-range", date: Date) => void) & ((event: "invalid-date", date: Date) => void) & ((event: "tooltip-open", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker').Hour12) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: {
-            open: boolean;
-            overlay: import('@vuepic/vue-datepicker').PickerSection;
-        }) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
-            onBlur?: (() => any) | undefined;
-            onFocus?: (() => any) | undefined;
-            onInvalid?: ((event: Event) => any) | undefined;
-            onOpen?: (() => any) | undefined;
-            "onUpdate:model-value"?: ((value: any) => any) | undefined;
-            "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
-            "onText-submit"?: (() => any) | undefined;
-            "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
-            onClosed?: (() => any) | undefined;
-            onCleared?: (() => any) | undefined;
-            "onFlow-step"?: ((step: number) => any) | undefined;
-            "onUpdate-month-year"?: ((value: {
-                instance: number;
-                month: number;
-                year: number;
-            }) => any) | undefined;
-            "onInvalid-select"?: (() => any) | undefined;
-            "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
-            "onInvalid-date"?: ((date: Date) => any) | undefined;
-            "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-            "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-            "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
-            "onRange-start"?: ((date: Date) => any) | undefined;
-            "onRange-end"?: ((date: Date) => any) | undefined;
-            "onDate-click"?: ((date: Date) => any) | undefined;
-            "onOverlay-toggle"?: ((toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker').PickerSection;
-            }) => any) | undefined;
-        }>, {
-            openMenu: () => void;
-            closeMenu: () => void;
-            selectDate: () => void;
-            clearValue: () => void;
-            formatInputValue: () => void;
-            updateInternalModelValue: (value: Date | Date[]) => void;
-            setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-            parseModel: () => void;
-            switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-            handleFlow: () => void;
-            toggleMenu: () => void;
-            dpMenuRef: () => Readonly<ShallowRef<any>>;
-            dpWrapMenuRef: () => any;
-            inputRef: () => any;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            blur: () => any;
-            focus: () => any;
-            invalid: (event: Event) => any;
-            open: () => any;
-            "update:model-value": (value: any) => any;
-            "internal-model-change": (value: import('@vuepic/vue-datepicker').InternalModelValue) => any;
-            "text-submit": () => any;
-            "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any;
-            closed: () => any;
-            cleared: () => any;
-            "flow-step": (step: number) => any;
-            "update-month-year": (value: {
-                instance: number;
-                month: number;
-                year: number;
-            }) => any;
-            "invalid-select": () => any;
-            "invalid-fixed-range": (date: Date) => any;
-            "invalid-date": (date: Date) => any;
-            "tooltip-open": (marker: import('@vuepic/vue-datepicker').Marker) => any;
-            "tooltip-close": (marker: import('@vuepic/vue-datepicker').Marker) => any;
-            "am-pm-change": (value: import('@vuepic/vue-datepicker').Hour12) => any;
-            "range-start": (date: Date) => any;
-            "range-end": (date: Date) => any;
-            "date-click": (date: Date) => any;
-            "overlay-toggle": (toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker').PickerSection;
-            }) => any;
-        }, string, {
-            timePicker: boolean;
-            dark: boolean;
-            transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
-            hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
-            vertical: boolean;
-            hideMonthYearSelect: boolean;
-            disableYearSelect: boolean;
-            yearRange: [number, number];
-            autoApply: boolean;
-            disabledDates: Date[] | string[] | ((date: Date) => boolean);
-            hideOffsetDates: boolean;
-            noToday: boolean;
-            markers: import('@vuepic/vue-datepicker').Marker[];
-            presetDates: import('@vuepic/vue-datepicker').PresetDate[];
-            preventMinMaxNavigation: boolean;
-            reverseYears: boolean;
-            weekPicker: boolean;
-            arrowNavigation: boolean;
-            centered: boolean;
-            locale: Locale;
-            weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
-            monthPicker: boolean;
-            yearPicker: boolean;
-            modelAuto: boolean;
-            multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
-            range: boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>;
-            inline: boolean | {
-                input?: boolean;
-            };
-            sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
-            focusStartDate: boolean;
-            quarterPicker: boolean;
-            yearFirst: boolean;
-            loading: boolean;
-            ui: Partial<import('@vuepic/vue-datepicker').UIConfig>;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        timePicker: boolean;
-        dark: boolean;
-        transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>;
-        hideNavigation: import('@vuepic/vue-datepicker').PickerSection[];
-        vertical: boolean;
-        hideMonthYearSelect: boolean;
-        disableYearSelect: boolean;
-        yearRange: [number, number];
-        autoApply: boolean;
-        disabledDates: Date[] | string[] | ((date: Date) => boolean);
-        hideOffsetDates: boolean;
-        noToday: boolean;
-        markers: import('@vuepic/vue-datepicker').Marker[];
-        presetDates: import('@vuepic/vue-datepicker').PresetDate[];
-        preventMinMaxNavigation: boolean;
-        reverseYears: boolean;
-        weekPicker: boolean;
-        arrowNavigation: boolean;
-        centered: boolean;
-        locale: Locale;
-        weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart;
-        monthPicker: boolean;
-        yearPicker: boolean;
-        modelAuto: boolean;
-        multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>;
-        range: boolean | Partial<import('@vuepic/vue-datepicker').RangeConfig>;
-        inline: boolean | {
-            input?: boolean;
-        };
-        sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode;
-        focusStartDate: boolean;
-        quarterPicker: boolean;
-        yearFirst: boolean;
-        loading: boolean;
-        ui: Partial<import('@vuepic/vue-datepicker').UIConfig>;
-    }> & Omit<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onInvalid?: ((event: Event) => any) | undefined;
-        onOpen?: (() => any) | undefined;
-        "onUpdate:model-value"?: ((value: any) => any) | undefined;
-        "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined;
-        "onText-submit"?: (() => any) | undefined;
-        "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined;
-        onClosed?: (() => any) | undefined;
-        onCleared?: (() => any) | undefined;
-        "onFlow-step"?: ((step: number) => any) | undefined;
-        "onUpdate-month-year"?: ((value: {
-            instance: number;
-            month: number;
-            year: number;
-        }) => any) | undefined;
-        "onInvalid-select"?: (() => any) | undefined;
-        "onInvalid-fixed-range"?: ((date: Date) => any) | undefined;
-        "onInvalid-date"?: ((date: Date) => any) | undefined;
-        "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-        "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined;
-        "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined;
-        "onRange-start"?: ((date: Date) => any) | undefined;
-        "onRange-end"?: ((date: Date) => any) | undefined;
-        "onDate-click"?: ((date: Date) => any) | undefined;
-        "onOverlay-toggle"?: ((toggle: {
-            open: boolean;
-            overlay: import('@vuepic/vue-datepicker').PickerSection;
-        }) => any) | undefined;
-    }>, "range" | "openMenu" | "dark" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "disableYearSelect" | "yearRange" | "autoApply" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "centered" | "locale" | "weekStart" | "monthPicker" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "inline" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "loading" | "ui" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & {
-        openMenu: () => void;
-        closeMenu: () => void;
-        selectDate: () => void;
-        clearValue: () => void;
-        formatInputValue: () => void;
-        updateInternalModelValue: (value: Date | Date[]) => void;
-        setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance?: number) => void;
-        parseModel: () => void;
-        switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance?: number) => void;
-        handleFlow: () => void;
-        toggleMenu: () => void;
-        dpMenuRef: () => Readonly<ShallowRef<any>>;
-        dpWrapMenuRef: () => any;
-        inputRef: () => any;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('@vuepic/vue-datepicker').RootSlots> & import('@vuepic/vue-datepicker').RootSlots;
-    }) | null;
-    menuArrow: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };