@dpa-id-components/dpa-shared-components 21.0.0 → 21.0.1

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

@@ -1,933 +0,0 @@
-import { Locale } from 'date-fns';
-import { UiIconName } from '../UiIcon/UiIcon.vue';
-type DateType = Date | [Date, Date] | string | {
-    month: number;
-    year: number;
-};
-export interface PresetRange {
-    label: string;
-    range: [Date, Date] | {
-        year: number;
-        month: number;
-    };
-    isSelected?: boolean;
-    name?: string;
-    style?: Record<string, string>;
-    slot?: string;
-}
-type __VLS_Props = {
-    definesRange?: boolean;
-    multiCalendars?: boolean;
-    enableTimePicker?: boolean;
-    autoApply?: boolean;
-    closeOnAutoApply?: boolean;
-    roundedEdges?: boolean;
-    locale?: Locale;
-    placeholderText?: string;
-    quickFilterRanges?: PresetRange[];
-    quickFilterHeadline?: string;
-    selectedDate?: DateType;
-    autoPosition?: boolean;
-    leftSidebar?: boolean;
-    actionArea?: boolean;
-    actionAreaExtraContent?: string;
-    cancel?: string;
-    submit?: string;
-    firstAvailableDate?: number;
-    minDate?: Date | string;
-    maxDate?: Date;
-    autoRange?: string | number | undefined;
-    maxRange?: number | string | undefined;
-    activeState?: boolean;
-    disabledState?: boolean;
-    monthPicker?: boolean;
-    customFormatCallback?: (date: Date | [Date, Date]) => string;
-    inputLabel?: string;
-    iconLeft?: UiIconName | null;
-    inline?: boolean;
-    utc?: boolean;
-    teleport?: boolean | string;
-    closeOnScroll?: boolean;
-    enableQuickfilterToggle?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        actionArea?(_: {}): any;
-    };
-    refs: {
-        datePicker: ({
-            $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiCalendarsConfig>) | undefined;
-                readonly modelValue?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue;
-                readonly modelType?: string | undefined;
-                readonly dark?: boolean | undefined;
-                readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>) | undefined;
-                readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).AriaLabelsConfig> | undefined;
-                readonly hideNavigation?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-                readonly hideOffsetDates?: boolean | undefined;
-                readonly noToday?: boolean | undefined;
-                readonly allowedDates?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue[] | undefined;
-                readonly markers?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker[] | undefined;
-                readonly presetDates?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[] | undefined;
-                readonly flow?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).FlowConfig> | undefined;
-                readonly preventMinMaxNavigation?: boolean | undefined;
-                readonly reverseYears?: boolean | undefined;
-                readonly weekPicker?: boolean | undefined;
-                readonly filters?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).FilterConfig> | undefined;
-                readonly arrowNavigation?: boolean | undefined;
-                readonly highlight?: (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).HighlightFn | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).HighlightConfig>) | undefined;
-                readonly teleport?: (string | boolean | HTMLElement) | undefined;
-                readonly centered?: boolean | undefined;
-                readonly locale?: Locale | undefined;
-                readonly weekStart?: (string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart) | undefined;
-                readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).FormatsConfig> | null) | undefined;
-                readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>) | undefined;
-                readonly minDate?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-                readonly maxDate?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-                readonly minTime?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel | undefined;
-                readonly maxTime?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel | undefined;
-                readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InputAttributesConfig> | undefined;
-                readonly timeConfig?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeConfig> | undefined;
-                readonly placeholder?: string | undefined;
-                readonly timePicker?: boolean | undefined;
-                readonly range?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).TextInputConfig>) | undefined;
-                readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode) | undefined;
-                readonly actionRow?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ActionRowConfig> | undefined;
-                readonly focusStartDate?: boolean | undefined;
-                readonly disabledTimes?: (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTimesFn | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel[] | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel[][]) | undefined;
-                readonly calendar?: ((month: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined;
-                readonly config?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Config> | undefined;
-                readonly quarterPicker?: boolean | undefined;
-                readonly yearFirst?: boolean | undefined;
-                readonly loading?: boolean | undefined;
-                readonly ui?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig> | undefined;
-                readonly floating?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined | undefined;
-                readonly "onText-submit"?: (() => any) | undefined | undefined;
-                readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined | undefined;
-                readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined | undefined;
-                readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-                }) => any) | undefined | undefined;
-            } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
-            $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                'date-picker': ({
-                    $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{}> & Omit<{} & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps, never>;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: any;
-                    $slots: Readonly<{
-                        [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
-                    }>;
-                    $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-                    $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: string, ...args: any[]) => void;
-                    $el: any;
-                    $options: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-                        parseModel: (value?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue) => void;
-                        switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-                        toggleMenu: () => void;
-                        handleFlow: (skipStep?: number) => void;
-                        getDpWrapMenuRef: () => any;
-                        dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-                        dpWrapMenuRef: () => any;
-                        inputRef: () => any;
-                    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-                    parseModel: (value?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue) => void;
-                    switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-                    toggleMenu: () => void;
-                    handleFlow: (skipStep?: number) => void;
-                    getDpWrapMenuRef: () => any;
-                    dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-                    dpWrapMenuRef: () => any;
-                    inputRef: () => any;
-                }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
-                    $slots: any;
-                }) | null;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
-            }>;
-            $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-            $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "blur") => void) & ((event: "focus") => void) & ((event: "invalid", event: Event) => void) & ((event: "open") => void) & ((event: "update:model-value", value: any) => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InputParsedDate) => void) & ((event: "closed") => 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', { with: { "resolution-mode": "import" } }).Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Hour12) => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: {
-                open: boolean;
-                overlay: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PickerSection;
-            }) => void);
-            $el: any;
-            $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined;
-                "onText-submit"?: (() => any) | undefined;
-                "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-                "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-                "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-                parseModel: () => void;
-                switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-                handleFlow: () => void;
-                toggleMenu: () => void;
-                dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-                dpWrapMenuRef: () => any;
-                inputRef: () => any;
-            }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any;
-                "text-submit": () => any;
-                "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any;
-                "tooltip-close": (marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any;
-                "am-pm-change": (value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-                }) => any;
-            }, string, {
-                timePicker: boolean;
-                dark: boolean;
-                transitions: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>;
-                hideNavigation: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker[];
-                presetDates: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[];
-                preventMinMaxNavigation: boolean;
-                reverseYears: boolean;
-                weekPicker: boolean;
-                arrowNavigation: boolean;
-                centered: boolean;
-                locale: Locale;
-                weekStart: string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart;
-                monthPicker: boolean;
-                yearPicker: boolean;
-                modelAuto: boolean;
-                multiDates: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>;
-                range: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RangeConfig>;
-                inline: boolean | {
-                    input?: boolean;
-                };
-                sixWeeks: boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode;
-                focusStartDate: boolean;
-                quarterPicker: boolean;
-                yearFirst: boolean;
-                loading: boolean;
-                ui: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig>;
-            }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
-        } & Readonly<{
-            timePicker: boolean;
-            dark: boolean;
-            transitions: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>;
-            hideNavigation: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker[];
-            presetDates: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[];
-            preventMinMaxNavigation: boolean;
-            reverseYears: boolean;
-            weekPicker: boolean;
-            arrowNavigation: boolean;
-            centered: boolean;
-            locale: Locale;
-            weekStart: string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart;
-            monthPicker: boolean;
-            yearPicker: boolean;
-            modelAuto: boolean;
-            multiDates: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>;
-            range: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RangeConfig>;
-            inline: boolean | {
-                input?: boolean;
-            };
-            sixWeeks: boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode;
-            focusStartDate: boolean;
-            quarterPicker: boolean;
-            yearFirst: boolean;
-            loading: boolean;
-            ui: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig>;
-        }> & Omit<Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined;
-            "onText-submit"?: (() => any) | undefined;
-            "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-            "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-            "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-            }) => any) | undefined;
-        }>, "inputRef" | "range" | "openMenu" | "autoApply" | "locale" | "monthPicker" | "inline" | "dark" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "disableYearSelect" | "yearRange" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "centered" | "weekStart" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "loading" | "ui" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef"> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{
-            openMenu: () => void;
-            closeMenu: () => void;
-            selectDate: () => void;
-            clearValue: () => void;
-            formatInputValue: () => void;
-            updateInternalModelValue: (value: Date | Date[]) => void;
-            setMonthYear: (value: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-            parseModel: () => void;
-            switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-            handleFlow: () => void;
-            toggleMenu: () => void;
-            dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-            dpWrapMenuRef: () => any;
-            inputRef: () => any;
-        }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
-            $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RootSlots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RootSlots;
-        }) | null;
-        'menu-arrow': HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
-    close: () => any;
-    reset: () => any;
-    "date-changed": (args_0: DateType) => any;
-    open: () => any;
-    "quickfilter-changed": (args_0: PresetRange) => any;
-}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onReset?: (() => any) | undefined;
-    "onDate-changed"?: ((args_0: DateType) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    "onQuickfilter-changed"?: ((args_0: PresetRange) => any) | undefined;
-}>, {
-    cancel: string;
-    submit: string;
-    iconLeft: UiIconName | null;
-    definesRange: boolean;
-    multiCalendars: boolean;
-    enableTimePicker: boolean;
-    autoApply: boolean;
-    closeOnAutoApply: boolean;
-    roundedEdges: boolean;
-    locale: Locale;
-    placeholderText: string;
-    quickFilterRanges: PresetRange[];
-    quickFilterHeadline: string;
-    selectedDate: DateType;
-    autoPosition: boolean;
-    leftSidebar: boolean;
-    actionArea: boolean;
-    actionAreaExtraContent: string;
-    firstAvailableDate: number;
-    minDate: Date | string;
-    maxDate: Date;
-    autoRange: string | number;
-    maxRange: string | number;
-    activeState: boolean;
-    disabledState: boolean;
-    monthPicker: boolean;
-    customFormatCallback: (date: Date | [Date, Date]) => string;
-    inputLabel: string;
-    inline: boolean;
-    utc: boolean;
-    teleport: boolean | string;
-    closeOnScroll: boolean;
-    enableQuickfilterToggle: boolean;
-}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
-    datePicker: ({
-        $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiCalendarsConfig>) | undefined;
-            readonly modelValue?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue;
-            readonly modelType?: string | undefined;
-            readonly dark?: boolean | undefined;
-            readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>) | undefined;
-            readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).AriaLabelsConfig> | undefined;
-            readonly hideNavigation?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-            readonly hideOffsetDates?: boolean | undefined;
-            readonly noToday?: boolean | undefined;
-            readonly allowedDates?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue[] | undefined;
-            readonly markers?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker[] | undefined;
-            readonly presetDates?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[] | undefined;
-            readonly flow?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).FlowConfig> | undefined;
-            readonly preventMinMaxNavigation?: boolean | undefined;
-            readonly reverseYears?: boolean | undefined;
-            readonly weekPicker?: boolean | undefined;
-            readonly filters?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).FilterConfig> | undefined;
-            readonly arrowNavigation?: boolean | undefined;
-            readonly highlight?: (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).HighlightFn | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).HighlightConfig>) | undefined;
-            readonly teleport?: (string | boolean | HTMLElement) | undefined;
-            readonly centered?: boolean | undefined;
-            readonly locale?: Locale | undefined;
-            readonly weekStart?: (string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart) | undefined;
-            readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).FormatsConfig> | null) | undefined;
-            readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>) | undefined;
-            readonly minDate?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-            readonly maxDate?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DateValue | undefined;
-            readonly minTime?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel | undefined;
-            readonly maxTime?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel | undefined;
-            readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InputAttributesConfig> | undefined;
-            readonly timeConfig?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeConfig> | undefined;
-            readonly placeholder?: string | undefined;
-            readonly timePicker?: boolean | undefined;
-            readonly range?: (boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).TextInputConfig>) | undefined;
-            readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode) | undefined;
-            readonly actionRow?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ActionRowConfig> | undefined;
-            readonly focusStartDate?: boolean | undefined;
-            readonly disabledTimes?: (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTimesFn | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel[] | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeModel[][]) | undefined;
-            readonly calendar?: ((month: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined;
-            readonly config?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Config> | undefined;
-            readonly quarterPicker?: boolean | undefined;
-            readonly yearFirst?: boolean | undefined;
-            readonly loading?: boolean | undefined;
-            readonly ui?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig> | undefined;
-            readonly floating?: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined | undefined;
-            readonly "onText-submit"?: (() => any) | undefined | undefined;
-            readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined | undefined;
-            readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined | undefined;
-            readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-            }) => any) | undefined | undefined;
-        } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
-        $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            'date-picker': ({
-                $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{}> & Omit<{} & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps, never>;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: any;
-                $slots: Readonly<{
-                    [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
-                }>;
-                $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-                $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-                    parseModel: (value?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue) => void;
-                    switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-                    toggleMenu: () => void;
-                    handleFlow: (skipStep?: number) => void;
-                    getDpWrapMenuRef: () => any;
-                    dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-                    dpWrapMenuRef: () => any;
-                    inputRef: () => any;
-                }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-                parseModel: (value?: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue) => void;
-                switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-                toggleMenu: () => void;
-                handleFlow: (skipStep?: number) => void;
-                getDpWrapMenuRef: () => any;
-                dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-                dpWrapMenuRef: () => any;
-                inputRef: () => any;
-            }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
-                $slots: any;
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
-        }>;
-        $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-        $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "blur") => void) & ((event: "focus") => void) & ((event: "invalid", event: Event) => void) & ((event: "open") => void) & ((event: "update:model-value", value: any) => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InputParsedDate) => void) & ((event: "closed") => 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', { with: { "resolution-mode": "import" } }).Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Hour12) => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: {
-            open: boolean;
-            overlay: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PickerSection;
-        }) => void);
-        $el: any;
-        $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined;
-            "onText-submit"?: (() => any) | undefined;
-            "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-            "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-            "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-            parseModel: () => void;
-            switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-            handleFlow: () => void;
-            toggleMenu: () => void;
-            dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-            dpWrapMenuRef: () => any;
-            inputRef: () => any;
-        }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any;
-            "text-submit": () => any;
-            "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any;
-            "tooltip-close": (marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any;
-            "am-pm-change": (value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-            }) => any;
-        }, string, {
-            timePicker: boolean;
-            dark: boolean;
-            transitions: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>;
-            hideNavigation: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker[];
-            presetDates: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[];
-            preventMinMaxNavigation: boolean;
-            reverseYears: boolean;
-            weekPicker: boolean;
-            arrowNavigation: boolean;
-            centered: boolean;
-            locale: Locale;
-            weekStart: string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart;
-            monthPicker: boolean;
-            yearPicker: boolean;
-            modelAuto: boolean;
-            multiDates: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>;
-            range: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RangeConfig>;
-            inline: boolean | {
-                input?: boolean;
-            };
-            sixWeeks: boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode;
-            focusStartDate: boolean;
-            quarterPicker: boolean;
-            yearFirst: boolean;
-            loading: boolean;
-            ui: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig>;
-        }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
-    } & Readonly<{
-        timePicker: boolean;
-        dark: boolean;
-        transitions: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TransitionsConfig>;
-        hideNavigation: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker[];
-        presetDates: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PresetDate[];
-        preventMinMaxNavigation: boolean;
-        reverseYears: boolean;
-        weekPicker: boolean;
-        arrowNavigation: boolean;
-        centered: boolean;
-        locale: Locale;
-        weekStart: string | number | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekStart;
-        monthPicker: boolean;
-        yearPicker: boolean;
-        modelAuto: boolean;
-        multiDates: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MultiDatesConfig>;
-        range: boolean | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RangeConfig>;
-        inline: boolean | {
-            input?: boolean;
-        };
-        sixWeeks: boolean | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).SixWeekMode;
-        focusStartDate: boolean;
-        quarterPicker: boolean;
-        yearFirst: boolean;
-        loading: boolean;
-        ui: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIConfig>;
-    }> & Omit<Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).InternalModelValue) => any) | undefined;
-        "onText-submit"?: (() => any) | undefined;
-        "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-        "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Marker) => any) | undefined;
-        "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).PickerSection;
-        }) => any) | undefined;
-    }>, "inputRef" | "range" | "openMenu" | "autoApply" | "locale" | "monthPicker" | "inline" | "dark" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "disableYearSelect" | "yearRange" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "centered" | "weekStart" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "loading" | "ui" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef"> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{
-        openMenu: () => void;
-        closeMenu: () => void;
-        selectDate: () => void;
-        clearValue: () => void;
-        formatInputValue: () => void;
-        updateInternalModelValue: (value: Date | Date[]) => void;
-        setMonthYear: (value: Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MonthModel>, instance?: number) => void;
-        parseModel: () => void;
-        switchView: (view: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).MenuView, instance?: number) => void;
-        handleFlow: () => void;
-        toggleMenu: () => void;
-        dpMenuRef: () => Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<any>>;
-        dpWrapMenuRef: () => any;
-        inputRef: () => any;
-    }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
-        $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RootSlots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).RootSlots;
-    }) | null;
-    'menu-arrow': HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};