npm - @dpa-id-components/dpa-shared-components - Versions diffs - 19.4.2 → 20.0.0 - Mend

@dpa-id-components/dpa-shared-components 19.4.2 → 20.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

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

@@ -1,4 +1,4 @@
-import { RangeConfig } from '@vuepic/vue-datepicker';
+import { Locale } from 'date-fns';
 import { UiIconName } from '../UiIcon/UiIcon.vue';
 type DateType = Date | [Date, Date] | string | {
     month: number;
@@ -22,7 +22,7 @@ type __VLS_Props = {
     autoApply?: boolean;
     closeOnAutoApply?: boolean;
     roundedEdges?: boolean;
-    locale?: string;
+    locale?: Locale;
     placeholderText?: string;
     quickFilterRanges?: PresetRange[];
     quickFilterHeadline?: string;
@@ -41,7 +41,7 @@ type __VLS_Props = {
     activeState?: boolean;
     disabledState?: boolean;
     monthPicker?: boolean;
-    customFormatCallback?: any;
+    customFormatCallback?: (date: Date | [Date, Date]) => string;
     inputLabel?: string;
     iconLeft?: UiIconName | null;
     inline?: boolean;
@@ -56,1021 +56,312 @@ declare function __VLS_template(): {
         actionArea?(_: {}): any;
     };
     refs: {
-        datePickerRef: ({
-            $: import('vue').ComponentInternalInstance;
+        datePicker: ({
+            $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                [x: number]: string;
-            } | {}> & Omit<({
-                readonly [x: number]: string;
-                readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
-                readonly [Symbol.unscopables]?: {
-                    [x: number]: boolean | undefined;
-                    length?: boolean | undefined;
-                    toString?: boolean | undefined;
-                    toLocaleString?: boolean | undefined;
-                    pop?: boolean | undefined;
-                    push?: boolean | undefined;
-                    concat?: boolean | undefined;
-                    join?: boolean | undefined;
-                    reverse?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    slice?: boolean | undefined;
-                    sort?: boolean | undefined;
-                    splice?: boolean | undefined;
-                    unshift?: boolean | undefined;
-                    indexOf?: boolean | undefined;
-                    lastIndexOf?: boolean | undefined;
-                    every?: boolean | undefined;
-                    some?: boolean | undefined;
-                    forEach?: boolean | undefined;
-                    map?: boolean | undefined;
-                    filter?: boolean | undefined;
-                    reduce?: boolean | undefined;
-                    reduceRight?: boolean | undefined;
-                    find?: boolean | undefined;
-                    findIndex?: boolean | undefined;
-                    fill?: boolean | undefined;
-                    copyWithin?: boolean | undefined;
-                    entries?: boolean | undefined;
-                    keys?: boolean | undefined;
-                    values?: boolean | undefined;
-                    includes?: boolean | undefined;
-                    flatMap?: boolean | undefined;
-                    flat?: boolean | undefined;
-                    at?: boolean | undefined;
-                    findLast?: boolean | undefined;
-                    findLastIndex?: boolean | undefined;
-                    toReversed?: boolean | undefined;
-                    toSorted?: boolean | undefined;
-                    toSpliced?: boolean | undefined;
-                    with?: boolean | undefined;
-                    [Symbol.iterator]?: boolean | undefined;
-                    readonly [Symbol.unscopables]?: boolean | undefined;
-                } | undefined;
-                readonly length?: number | undefined;
-                readonly pop?: string | undefined;
-                readonly push?: number | undefined;
-                readonly concat?: string[] | undefined;
-                readonly join?: string | undefined;
-                readonly reverse?: string[] | undefined;
-                readonly shift?: string | undefined;
-                readonly slice?: string[] | undefined;
-                readonly sort?: string[] | undefined;
-                readonly splice?: {
-                    (start: number, deleteCount?: number): string[];
-                    (start: number, deleteCount: number, ...items: string[]): string[];
-                } | undefined;
-                readonly unshift?: number | undefined;
-                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly every?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-                } | undefined;
-                readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-                readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-                readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-                readonly filter?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-                } | undefined;
-                readonly reduce?: {
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-                } | undefined;
-                readonly reduceRight?: {
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-                } | undefined;
-                readonly find?: {
-                    <S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
-                    (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-                } | undefined;
-                readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-                readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
-                readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
-                readonly entries?: ArrayIterator<[number, string]> | undefined;
-                readonly keys?: ArrayIterator<number> | undefined;
-                readonly values?: ArrayIterator<string> | undefined;
-                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-                readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
-                readonly flat?: unknown[] | undefined;
-                readonly at?: ((index: number) => string | undefined) | undefined;
-                readonly findLast?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
-                } | undefined;
-                readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
-                readonly toReversed?: string[] | undefined;
-                readonly toSorted?: string[] | undefined;
-                readonly toSpliced?: {
-                    (start: number, deleteCount: number, ...items: string[]): string[];
-                    (start: number, deleteCount?: number): string[];
-                } | undefined;
-                readonly with?: ((index: number, value: string) => string[]) | undefined;
-                readonly toString?: string | undefined;
-                readonly toLocaleString?: string | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            } | {
-                readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly filters?: import('vue').Prop<{
-                    months?: number[];
-                    years?: number[];
-                    times?: {
-                        hours?: number[];
-                        minutes?: number[];
-                        seconds?: number[];
-                    };
-                } | undefined, {
-                    months?: number[];
-                    years?: number[];
-                    times?: {
-                        hours?: number[];
-                        minutes?: number[];
-                        seconds?: number[];
-                    };
-                } | undefined> | null | undefined;
-                readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined> | null | undefined;
-                readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
-                readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                    static: boolean;
-                    solo: boolean;
-                    count: number | string;
-                }> | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                    static: boolean;
-                    solo: boolean;
-                    count: number | string;
-                }> | undefined> | null | undefined;
-                readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly autoPosition?: import('vue').Prop<boolean | "top" | "bottom" | undefined, boolean | "top" | "bottom" | undefined> | null | undefined;
-                readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly inline?: import('vue').Prop<boolean | {
+            $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, boolean | {
-                    input?: boolean;
-                } | undefined> | null | undefined;
-                readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
-                readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
-                readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined> | null | undefined;
-                readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly position?: import('vue').Prop<"left" | "center" | "right" | undefined, "left" | "center" | "right" | undefined> | null | undefined;
-                readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                    type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                    hideOnOffsetDates?: boolean;
-                } | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                    type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                    hideOnOffsetDates?: boolean;
-                } | undefined> | null | undefined;
-                readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-                readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-                readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
-                readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-                readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-                readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
-                readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
-                readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly textInput?: import('vue').Prop<boolean | {
-                    enterSubmit?: boolean;
-                    tabSubmit?: boolean;
-                    openMenu?: "open" | "toggle" | boolean;
-                    rangeSeparator?: string;
-                    selectOnFocus?: boolean;
-                    format?: string | string[] | ((value: string) => Date | null);
-                    escClose?: boolean;
-                } | undefined, boolean | {
-                    enterSubmit?: boolean;
-                    tabSubmit?: boolean;
-                    openMenu?: "open" | "toggle" | boolean;
-                    rangeSeparator?: string;
-                    selectOnFocus?: boolean;
-                    format?: string | string[] | ((value: string) => Date | null);
-                    escClose?: boolean;
-                } | undefined> | null | undefined;
-                readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-                readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined> | null | undefined;
-                readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
-                readonly disabledWeekDays?: import('vue').Prop<string[] | number[] | undefined, string[] | number[] | undefined> | null | undefined;
-                readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
-                readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
-                readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined> | null | undefined;
-                readonly transitions?: import('vue').Prop<boolean | {
-                    menuAppearTop?: string;
-                    menuAppearBottom?: string;
-                    open?: string;
-                    close?: string;
-                    next?: string;
-                    previous?: string;
-                    vNext?: string;
-                    vPrevious?: string;
-                } | undefined, boolean | {
-                    menuAppearTop?: string;
-                    menuAppearBottom?: string;
-                    open?: string;
-                    close?: string;
-                    next?: string;
-                    previous?: string;
-                    vNext?: string;
-                    vPrevious?: string;
-                } | undefined> | null | undefined;
-                readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
-                readonly multiDates?: import('vue').Prop<boolean | {
-                    limit?: number | string;
-                    dragSelect?: boolean;
-                } | undefined, boolean | {
-                    limit?: number | string;
-                    dragSelect?: boolean;
-                } | undefined> | null | undefined;
-                readonly presetDates?: import('vue').Prop<{
-                    label: string;
-                    value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                    style?: Record<string, string>;
-                    slot?: string;
-                    noTz?: boolean;
-                    testId?: string;
-                }[] | undefined, {
-                    label: string;
-                    value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                    style?: Record<string, string>;
-                    slot?: string;
-                    noTz?: boolean;
-                    testId?: string;
-                }[] | undefined> | null | undefined;
-                readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-                readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ariaLabels?: import('vue').Prop<{
-                    toggleOverlay?: string;
-                    menu?: string;
-                    input?: string;
-                    calendarWrap?: string;
-                    calendarDays?: string;
-                    openTimePicker?: string;
-                    closeTimePicker?: string;
-                    incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    amPmButton?: string;
-                    openYearsOverlay?: string;
-                    openMonthsOverlay?: string;
-                    nextMonth?: string;
-                    prevMonth?: string;
-                    nextYear?: string;
-                    prevYear?: string;
-                    day?: ({ value }: {
-                        value: Date;
-                    }) => string;
-                    weekDay?: (day: number) => string;
-                    clearInput?: string;
-                    calendarIcon?: string;
-                    timePicker?: string;
-                    monthPicker?: (overlay: boolean) => string;
-                    yearPicker?: (overlay: boolean) => string;
-                    timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                } | undefined, {
-                    toggleOverlay?: string;
-                    menu?: string;
-                    input?: string;
-                    calendarWrap?: string;
-                    calendarDays?: string;
-                    openTimePicker?: string;
-                    closeTimePicker?: string;
-                    incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    amPmButton?: string;
-                    openYearsOverlay?: string;
-                    openMonthsOverlay?: string;
-                    nextMonth?: string;
-                    prevMonth?: string;
-                    nextYear?: string;
-                    prevYear?: string;
-                    day?: ({ value }: {
-                        value: Date;
-                    }) => string;
-                    weekDay?: (day: number) => string;
-                    clearInput?: string;
-                    calendarIcon?: string;
-                    timePicker?: string;
-                    monthPicker?: (overlay: boolean) => string;
-                    yearPicker?: (overlay: boolean) => string;
-                    timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                } | undefined> | null | undefined;
-                readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
-                readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
-                    month: number;
-                    year: number;
-                }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                    quarter: number;
-                    year: number;
-                }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
+                } | 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;
-                }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                    quarter: number;
-                    year: number;
-                }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined> | null | undefined;
-                readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined> | null | undefined;
-                readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-                readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
-                readonly timezone?: import('vue').Prop<string | {
-                    timezone?: string;
-                    exactMatch?: boolean;
-                    dateInTz?: string;
-                    emitTimezone?: string;
-                    convertModel?: boolean;
-                } | undefined, string | {
-                    timezone?: string;
-                    exactMatch?: boolean;
-                    dateInTz?: string;
-                    emitTimezone?: string;
-                    convertModel?: boolean;
-                } | undefined> | null | undefined;
-                readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined> | null | undefined;
-                readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined> | null | undefined;
-                readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
-                readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined> | null | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            }) & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps, never>;
+                }) => 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: {
                 [x: string]: unknown;
             };
             $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').Slot<any> | undefined;
+                [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
+            $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents, ...args: any[]) => void;
+            $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').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents[], string, {
-                [x: number]: 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: 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<{
-            [x: number]: string;
-        }> & Omit<{} & (Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }), never> & import('vue').ShallowUnwrapRef<{}> & {
-            [x: string]: never;
-        } & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots;
-        }) | ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                [x: number]: string;
-            } | {}> & Omit<({
-                readonly [x: number]: string;
-                readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
-                readonly [Symbol.unscopables]?: {
-                    [x: number]: boolean | undefined;
-                    length?: boolean | undefined;
-                    toString?: boolean | undefined;
-                    toLocaleString?: boolean | undefined;
-                    pop?: boolean | undefined;
-                    push?: boolean | undefined;
-                    concat?: boolean | undefined;
-                    join?: boolean | undefined;
-                    reverse?: boolean | undefined;
-                    shift?: boolean | undefined;
-                    slice?: boolean | undefined;
-                    sort?: boolean | undefined;
-                    splice?: boolean | undefined;
-                    unshift?: boolean | undefined;
-                    indexOf?: boolean | undefined;
-                    lastIndexOf?: boolean | undefined;
-                    every?: boolean | undefined;
-                    some?: boolean | undefined;
-                    forEach?: boolean | undefined;
-                    map?: boolean | undefined;
-                    filter?: boolean | undefined;
-                    reduce?: boolean | undefined;
-                    reduceRight?: boolean | undefined;
-                    find?: boolean | undefined;
-                    findIndex?: boolean | undefined;
-                    fill?: boolean | undefined;
-                    copyWithin?: boolean | undefined;
-                    entries?: boolean | undefined;
-                    keys?: boolean | undefined;
-                    values?: boolean | undefined;
-                    includes?: boolean | undefined;
-                    flatMap?: boolean | undefined;
-                    flat?: boolean | undefined;
-                    at?: boolean | undefined;
-                    findLast?: boolean | undefined;
-                    findLastIndex?: boolean | undefined;
-                    toReversed?: boolean | undefined;
-                    toSorted?: boolean | undefined;
-                    toSpliced?: boolean | undefined;
-                    with?: boolean | undefined;
-                    [Symbol.iterator]?: boolean | undefined;
-                    readonly [Symbol.unscopables]?: boolean | undefined;
-                } | undefined;
-                readonly length?: number | undefined;
-                readonly pop?: string | undefined;
-                readonly push?: number | undefined;
-                readonly concat?: string[] | undefined;
-                readonly join?: string | undefined;
-                readonly reverse?: string[] | undefined;
-                readonly shift?: string | undefined;
-                readonly slice?: string[] | undefined;
-                readonly sort?: string[] | undefined;
-                readonly splice?: {
-                    (start: number, deleteCount?: number): string[];
-                    (start: number, deleteCount: number, ...items: string[]): string[];
-                } | undefined;
-                readonly unshift?: number | undefined;
-                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly every?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-                } | undefined;
-                readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-                readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-                readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-                readonly filter?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-                } | undefined;
-                readonly reduce?: {
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-                } | undefined;
-                readonly reduceRight?: {
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                    (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                    <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-                } | undefined;
-                readonly find?: {
-                    <S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
-                    (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-                } | undefined;
-                readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-                readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
-                readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
-                readonly entries?: ArrayIterator<[number, string]> | undefined;
-                readonly keys?: ArrayIterator<number> | undefined;
-                readonly values?: ArrayIterator<string> | undefined;
-                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-                readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
-                readonly flat?: unknown[] | undefined;
-                readonly at?: ((index: number) => string | undefined) | undefined;
-                readonly findLast?: {
-                    <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
-                    (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
-                } | undefined;
-                readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
-                readonly toReversed?: string[] | undefined;
-                readonly toSorted?: string[] | undefined;
-                readonly toSpliced?: {
-                    (start: number, deleteCount: number, ...items: string[]): string[];
-                    (start: number, deleteCount?: number): string[];
-                } | undefined;
-                readonly with?: ((index: number, value: string) => string[]) | undefined;
-                readonly toString?: string | undefined;
-                readonly toLocaleString?: string | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            } | {
-                readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly filters?: import('vue').Prop<{
-                    months?: number[];
-                    years?: number[];
-                    times?: {
-                        hours?: number[];
-                        minutes?: number[];
-                        seconds?: number[];
-                    };
-                } | undefined, {
-                    months?: number[];
-                    years?: number[];
-                    times?: {
-                        hours?: number[];
-                        minutes?: number[];
-                        seconds?: number[];
-                    };
-                } | undefined> | null | undefined;
-                readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined> | null | undefined;
-                readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
-                readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                    static: boolean;
-                    solo: boolean;
-                    count: number | string;
-                }> | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                    static: boolean;
-                    solo: boolean;
-                    count: number | string;
-                }> | undefined> | null | undefined;
-                readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly autoPosition?: import('vue').Prop<boolean | "top" | "bottom" | undefined, boolean | "top" | "bottom" | undefined> | null | undefined;
-                readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly inline?: import('vue').Prop<boolean | {
-                    input?: boolean;
-                } | undefined, boolean | {
-                    input?: boolean;
-                } | undefined> | null | undefined;
-                readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
-                readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
-                readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined> | null | undefined;
-                readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly position?: import('vue').Prop<"left" | "center" | "right" | undefined, "left" | "center" | "right" | undefined> | null | undefined;
-                readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                    type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                    hideOnOffsetDates?: boolean;
-                } | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                    type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                    hideOnOffsetDates?: boolean;
-                } | undefined> | null | undefined;
-                readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-                readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-                readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
-                readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-                readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-                readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
-                readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
-                readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly textInput?: import('vue').Prop<boolean | {
-                    enterSubmit?: boolean;
-                    tabSubmit?: boolean;
-                    openMenu?: "open" | "toggle" | boolean;
-                    rangeSeparator?: string;
-                    selectOnFocus?: boolean;
-                    format?: string | string[] | ((value: string) => Date | null);
-                    escClose?: boolean;
-                } | undefined, boolean | {
-                    enterSubmit?: boolean;
-                    tabSubmit?: boolean;
-                    openMenu?: "open" | "toggle" | boolean;
-                    rangeSeparator?: string;
-                    selectOnFocus?: boolean;
-                    format?: string | string[] | ((value: string) => Date | null);
-                    escClose?: boolean;
-                } | undefined> | null | undefined;
-                readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-                readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-                readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined> | null | undefined;
-                readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
-                readonly disabledWeekDays?: import('vue').Prop<string[] | number[] | undefined, string[] | number[] | undefined> | null | undefined;
-                readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
-                readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
-                readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined> | null | undefined;
-                readonly transitions?: import('vue').Prop<boolean | {
-                    menuAppearTop?: string;
-                    menuAppearBottom?: string;
-                    open?: string;
-                    close?: string;
-                    next?: string;
-                    previous?: string;
-                    vNext?: string;
-                    vPrevious?: string;
-                } | undefined, boolean | {
-                    menuAppearTop?: string;
-                    menuAppearBottom?: string;
-                    open?: string;
-                    close?: string;
-                    next?: string;
-                    previous?: string;
-                    vNext?: string;
-                    vPrevious?: string;
-                } | undefined> | null | undefined;
-                readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
-                readonly multiDates?: import('vue').Prop<boolean | {
-                    limit?: number | string;
-                    dragSelect?: boolean;
-                } | undefined, boolean | {
-                    limit?: number | string;
-                    dragSelect?: boolean;
-                } | undefined> | null | undefined;
-                readonly presetDates?: import('vue').Prop<{
-                    label: string;
-                    value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                    style?: Record<string, string>;
-                    slot?: string;
-                    noTz?: boolean;
-                    testId?: string;
-                }[] | undefined, {
-                    label: string;
-                    value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                    style?: Record<string, string>;
-                    slot?: string;
-                    noTz?: boolean;
-                    testId?: string;
-                }[] | undefined> | null | undefined;
-                readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-                readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ariaLabels?: import('vue').Prop<{
-                    toggleOverlay?: string;
-                    menu?: string;
-                    input?: string;
-                    calendarWrap?: string;
-                    calendarDays?: string;
-                    openTimePicker?: string;
-                    closeTimePicker?: string;
-                    incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    amPmButton?: string;
-                    openYearsOverlay?: string;
-                    openMonthsOverlay?: string;
-                    nextMonth?: string;
-                    prevMonth?: string;
-                    nextYear?: string;
-                    prevYear?: string;
-                    day?: ({ value }: {
-                        value: Date;
-                    }) => string;
-                    weekDay?: (day: number) => string;
-                    clearInput?: string;
-                    calendarIcon?: string;
-                    timePicker?: string;
-                    monthPicker?: (overlay: boolean) => string;
-                    yearPicker?: (overlay: boolean) => string;
-                    timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                } | undefined, {
-                    toggleOverlay?: string;
-                    menu?: string;
-                    input?: string;
-                    calendarWrap?: string;
-                    calendarDays?: string;
-                    openTimePicker?: string;
-                    closeTimePicker?: string;
-                    incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                    amPmButton?: string;
-                    openYearsOverlay?: string;
-                    openMonthsOverlay?: string;
-                    nextMonth?: string;
-                    prevMonth?: string;
-                    nextYear?: string;
-                    prevYear?: string;
-                    day?: ({ value }: {
-                        value: Date;
-                    }) => string;
-                    weekDay?: (day: number) => string;
-                    clearInput?: string;
-                    calendarIcon?: string;
-                    timePicker?: string;
-                    monthPicker?: (overlay: boolean) => string;
-                    yearPicker?: (overlay: boolean) => string;
-                    timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                } | undefined> | null | undefined;
-                readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
-                readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-                readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
+            $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;
-                }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                    quarter: number;
-                    year: number;
-                }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
+                }) => 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;
-                }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                    quarter: number;
-                    year: number;
-                }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined> | null | undefined;
-                readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-                readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined> | null | undefined;
-                readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-                readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
-                readonly timezone?: import('vue').Prop<string | {
-                    timezone?: string;
-                    exactMatch?: boolean;
-                    dateInTz?: string;
-                    emitTimezone?: string;
-                    convertModel?: boolean;
-                } | undefined, string | {
-                    timezone?: string;
-                    exactMatch?: boolean;
-                    dateInTz?: string;
-                    emitTimezone?: string;
-                    convertModel?: boolean;
-                } | undefined> | null | undefined;
-                readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined> | null | undefined;
-                readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined> | null | undefined;
-                readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
-                readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-                readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined> | null | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            }) & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps, never>;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onOpen?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-                "onText-submit"?: ((...args: any[]) => any) | undefined;
-                onClosed?: ((...args: any[]) => any) | undefined;
-                onCleared?: ((...args: any[]) => any) | undefined;
-                "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-                "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-                "onFlow-step"?: ((...args: any[]) => any) | undefined;
-                "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-                "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-                "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-                "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-                "onRange-start"?: ((...args: any[]) => any) | undefined;
-                "onRange-end"?: ((...args: any[]) => any) | undefined;
-                "onDate-update"?: ((...args: any[]) => any) | undefined;
-                "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-                "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-                "onText-input"?: ((...args: any[]) => any) | undefined;
-            }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents[], string, {
-                [x: number]: string;
-            } | {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                }) => 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)[];
@@ -1083,55 +374,109 @@ declare function __VLS_template(): {
                 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)[];
+                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').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<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }), never> & import('vue').ShallowUnwrapRef<{}> & {
-            [x: string]: never;
-        } & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots;
+            $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').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+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').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, 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;
@@ -1147,7 +492,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     autoApply: boolean;
     closeOnAutoApply: boolean;
     roundedEdges: boolean;
-    locale: string;
+    locale: Locale;
     placeholderText: string;
     quickFilterRanges: PresetRange[];
     quickFilterHeadline: string;
@@ -1164,1029 +509,320 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     activeState: boolean;
     disabledState: boolean;
     monthPicker: boolean;
-    customFormatCallback: any;
+    customFormatCallback: (date: Date | [Date, Date]) => string;
     inputLabel: string;
     inline: boolean;
     utc: boolean;
     teleport: boolean | string;
     closeOnScroll: boolean;
     enableQuickfilterToggle: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    datePickerRef: ({
-        $: import('vue').ComponentInternalInstance;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
+    datePicker: ({
+        $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            [x: number]: string;
-        } | {}> & Omit<({
-            readonly [x: number]: string;
-            readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
-            readonly [Symbol.unscopables]?: {
-                [x: number]: boolean | undefined;
-                length?: boolean | undefined;
-                toString?: boolean | undefined;
-                toLocaleString?: boolean | undefined;
-                pop?: boolean | undefined;
-                push?: boolean | undefined;
-                concat?: boolean | undefined;
-                join?: boolean | undefined;
-                reverse?: boolean | undefined;
-                shift?: boolean | undefined;
-                slice?: boolean | undefined;
-                sort?: boolean | undefined;
-                splice?: boolean | undefined;
-                unshift?: boolean | undefined;
-                indexOf?: boolean | undefined;
-                lastIndexOf?: boolean | undefined;
-                every?: boolean | undefined;
-                some?: boolean | undefined;
-                forEach?: boolean | undefined;
-                map?: boolean | undefined;
-                filter?: boolean | undefined;
-                reduce?: boolean | undefined;
-                reduceRight?: boolean | undefined;
-                find?: boolean | undefined;
-                findIndex?: boolean | undefined;
-                fill?: boolean | undefined;
-                copyWithin?: boolean | undefined;
-                entries?: boolean | undefined;
-                keys?: boolean | undefined;
-                values?: boolean | undefined;
-                includes?: boolean | undefined;
-                flatMap?: boolean | undefined;
-                flat?: boolean | undefined;
-                at?: boolean | undefined;
-                findLast?: boolean | undefined;
-                findLastIndex?: boolean | undefined;
-                toReversed?: boolean | undefined;
-                toSorted?: boolean | undefined;
-                toSpliced?: boolean | undefined;
-                with?: boolean | undefined;
-                [Symbol.iterator]?: boolean | undefined;
-                readonly [Symbol.unscopables]?: boolean | undefined;
-            } | undefined;
-            readonly length?: number | undefined;
-            readonly pop?: string | undefined;
-            readonly push?: number | undefined;
-            readonly concat?: string[] | undefined;
-            readonly join?: string | undefined;
-            readonly reverse?: string[] | undefined;
-            readonly shift?: string | undefined;
-            readonly slice?: string[] | undefined;
-            readonly sort?: string[] | undefined;
-            readonly splice?: {
-                (start: number, deleteCount?: number): string[];
-                (start: number, deleteCount: number, ...items: string[]): string[];
-            } | undefined;
-            readonly unshift?: number | undefined;
-            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly every?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-            } | undefined;
-            readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-            readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-            readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-            readonly filter?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-            } | undefined;
-            readonly reduce?: {
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-            } | undefined;
-            readonly reduceRight?: {
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-            } | undefined;
-            readonly find?: {
-                <S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
-                (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-            } | undefined;
-            readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-            readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
-            readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
-            readonly entries?: ArrayIterator<[number, string]> | undefined;
-            readonly keys?: ArrayIterator<number> | undefined;
-            readonly values?: ArrayIterator<string> | undefined;
-            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-            readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
-            readonly flat?: unknown[] | undefined;
-            readonly at?: ((index: number) => string | undefined) | undefined;
-            readonly findLast?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
-            } | undefined;
-            readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
-            readonly toReversed?: string[] | undefined;
-            readonly toSorted?: string[] | undefined;
-            readonly toSpliced?: {
-                (start: number, deleteCount: number, ...items: string[]): string[];
-                (start: number, deleteCount?: number): string[];
-            } | undefined;
-            readonly with?: ((index: number, value: string) => string[]) | undefined;
-            readonly toString?: string | undefined;
-            readonly toLocaleString?: string | undefined;
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        } | {
-            readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly filters?: import('vue').Prop<{
-                months?: number[];
-                years?: number[];
-                times?: {
-                    hours?: number[];
-                    minutes?: number[];
-                    seconds?: number[];
-                };
-            } | undefined, {
-                months?: number[];
-                years?: number[];
-                times?: {
-                    hours?: number[];
-                    minutes?: number[];
-                    seconds?: number[];
-                };
-            } | undefined> | null | undefined;
-            readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined> | null | undefined;
-            readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
-            readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                static: boolean;
-                solo: boolean;
-                count: number | string;
-            }> | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                static: boolean;
-                solo: boolean;
-                count: number | string;
-            }> | undefined> | null | undefined;
-            readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly autoPosition?: import('vue').Prop<boolean | "top" | "bottom" | undefined, boolean | "top" | "bottom" | undefined> | null | undefined;
-            readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly inline?: import('vue').Prop<boolean | {
+        $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, boolean | {
-                input?: boolean;
-            } | undefined> | null | undefined;
-            readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
-            readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
-            readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined> | null | undefined;
-            readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly position?: import('vue').Prop<"left" | "center" | "right" | undefined, "left" | "center" | "right" | undefined> | null | undefined;
-            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                hideOnOffsetDates?: boolean;
-            } | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                hideOnOffsetDates?: boolean;
-            } | undefined> | null | undefined;
-            readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-            readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-            readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
-            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-            readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-            readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
-            readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
-            readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly textInput?: import('vue').Prop<boolean | {
-                enterSubmit?: boolean;
-                tabSubmit?: boolean;
-                openMenu?: "open" | "toggle" | boolean;
-                rangeSeparator?: string;
-                selectOnFocus?: boolean;
-                format?: string | string[] | ((value: string) => Date | null);
-                escClose?: boolean;
-            } | undefined, boolean | {
-                enterSubmit?: boolean;
-                tabSubmit?: boolean;
-                openMenu?: "open" | "toggle" | boolean;
-                rangeSeparator?: string;
-                selectOnFocus?: boolean;
-                format?: string | string[] | ((value: string) => Date | null);
-                escClose?: boolean;
-            } | undefined> | null | undefined;
-            readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined> | null | undefined;
-            readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
-            readonly disabledWeekDays?: import('vue').Prop<string[] | number[] | undefined, string[] | number[] | undefined> | null | undefined;
-            readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
-            readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
-            readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined> | null | undefined;
-            readonly transitions?: import('vue').Prop<boolean | {
-                menuAppearTop?: string;
-                menuAppearBottom?: string;
-                open?: string;
-                close?: string;
-                next?: string;
-                previous?: string;
-                vNext?: string;
-                vPrevious?: string;
-            } | undefined, boolean | {
-                menuAppearTop?: string;
-                menuAppearBottom?: string;
-                open?: string;
-                close?: string;
-                next?: string;
-                previous?: string;
-                vNext?: string;
-                vPrevious?: string;
-            } | undefined> | null | undefined;
-            readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
-            readonly multiDates?: import('vue').Prop<boolean | {
-                limit?: number | string;
-                dragSelect?: boolean;
-            } | undefined, boolean | {
-                limit?: number | string;
-                dragSelect?: boolean;
-            } | undefined> | null | undefined;
-            readonly presetDates?: import('vue').Prop<{
-                label: string;
-                value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                style?: Record<string, string>;
-                slot?: string;
-                noTz?: boolean;
-                testId?: string;
-            }[] | undefined, {
-                label: string;
-                value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                style?: Record<string, string>;
-                slot?: string;
-                noTz?: boolean;
-                testId?: string;
-            }[] | undefined> | null | undefined;
-            readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-            readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ariaLabels?: import('vue').Prop<{
-                toggleOverlay?: string;
-                menu?: string;
-                input?: string;
-                calendarWrap?: string;
-                calendarDays?: string;
-                openTimePicker?: string;
-                closeTimePicker?: string;
-                incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                amPmButton?: string;
-                openYearsOverlay?: string;
-                openMonthsOverlay?: string;
-                nextMonth?: string;
-                prevMonth?: string;
-                nextYear?: string;
-                prevYear?: string;
-                day?: ({ value }: {
-                    value: Date;
-                }) => string;
-                weekDay?: (day: number) => string;
-                clearInput?: string;
-                calendarIcon?: string;
-                timePicker?: string;
-                monthPicker?: (overlay: boolean) => string;
-                yearPicker?: (overlay: boolean) => string;
-                timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-            } | undefined, {
-                toggleOverlay?: string;
-                menu?: string;
-                input?: string;
-                calendarWrap?: string;
-                calendarDays?: string;
-                openTimePicker?: string;
-                closeTimePicker?: string;
-                incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                amPmButton?: string;
-                openYearsOverlay?: string;
-                openMonthsOverlay?: string;
-                nextMonth?: string;
-                prevMonth?: string;
-                nextYear?: string;
-                prevYear?: string;
-                day?: ({ value }: {
-                    value: Date;
-                }) => string;
-                weekDay?: (day: number) => string;
-                clearInput?: string;
-                calendarIcon?: string;
-                timePicker?: string;
-                monthPicker?: (overlay: boolean) => string;
-                yearPicker?: (overlay: boolean) => string;
-                timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-            } | undefined> | null | undefined;
-            readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
-            readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
-                month: number;
-                year: number;
-            }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                quarter: number;
-                year: number;
-            }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
+            } | 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;
-            }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                quarter: number;
-                year: number;
-            }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined> | null | undefined;
-            readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined> | null | undefined;
-            readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-            readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
-            readonly timezone?: import('vue').Prop<string | {
-                timezone?: string;
-                exactMatch?: boolean;
-                dateInTz?: string;
-                emitTimezone?: string;
-                convertModel?: boolean;
-            } | undefined, string | {
-                timezone?: string;
-                exactMatch?: boolean;
-                dateInTz?: string;
-                emitTimezone?: string;
-                convertModel?: boolean;
-            } | undefined> | null | undefined;
-            readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined> | null | undefined;
-            readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined> | null | undefined;
-            readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
-            readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined> | null | undefined;
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }) & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps, never>;
+            }) => 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: {
             [x: string]: unknown;
         };
         $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').Slot<any> | undefined;
+            [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
+        $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
+        $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents, ...args: any[]) => void;
+        $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').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents[], string, {
-            [x: number]: 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: 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<{
-        [x: number]: string;
-    }> & Omit<{} & (Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
-        "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-        "onText-submit"?: ((...args: any[]) => any) | undefined;
-        onClosed?: ((...args: any[]) => any) | undefined;
-        onCleared?: ((...args: any[]) => any) | undefined;
-        "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-        "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-        "onFlow-step"?: ((...args: any[]) => any) | undefined;
-        "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-        "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-        "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-        "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-        "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-        "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-        "onRange-start"?: ((...args: any[]) => any) | undefined;
-        "onRange-end"?: ((...args: any[]) => any) | undefined;
-        "onDate-update"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-        "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-        "onText-input"?: ((...args: any[]) => any) | undefined;
-    }), never> & import('vue').ShallowUnwrapRef<{}> & {
-        [x: string]: never;
-    } & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots;
-    }) | ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            [x: number]: string;
-        } | {}> & Omit<({
-            readonly [x: number]: string;
-            readonly [Symbol.iterator]?: ArrayIterator<string> | undefined;
-            readonly [Symbol.unscopables]?: {
-                [x: number]: boolean | undefined;
-                length?: boolean | undefined;
-                toString?: boolean | undefined;
-                toLocaleString?: boolean | undefined;
-                pop?: boolean | undefined;
-                push?: boolean | undefined;
-                concat?: boolean | undefined;
-                join?: boolean | undefined;
-                reverse?: boolean | undefined;
-                shift?: boolean | undefined;
-                slice?: boolean | undefined;
-                sort?: boolean | undefined;
-                splice?: boolean | undefined;
-                unshift?: boolean | undefined;
-                indexOf?: boolean | undefined;
-                lastIndexOf?: boolean | undefined;
-                every?: boolean | undefined;
-                some?: boolean | undefined;
-                forEach?: boolean | undefined;
-                map?: boolean | undefined;
-                filter?: boolean | undefined;
-                reduce?: boolean | undefined;
-                reduceRight?: boolean | undefined;
-                find?: boolean | undefined;
-                findIndex?: boolean | undefined;
-                fill?: boolean | undefined;
-                copyWithin?: boolean | undefined;
-                entries?: boolean | undefined;
-                keys?: boolean | undefined;
-                values?: boolean | undefined;
-                includes?: boolean | undefined;
-                flatMap?: boolean | undefined;
-                flat?: boolean | undefined;
-                at?: boolean | undefined;
-                findLast?: boolean | undefined;
-                findLastIndex?: boolean | undefined;
-                toReversed?: boolean | undefined;
-                toSorted?: boolean | undefined;
-                toSpliced?: boolean | undefined;
-                with?: boolean | undefined;
-                [Symbol.iterator]?: boolean | undefined;
-                readonly [Symbol.unscopables]?: boolean | undefined;
-            } | undefined;
-            readonly length?: number | undefined;
-            readonly pop?: string | undefined;
-            readonly push?: number | undefined;
-            readonly concat?: string[] | undefined;
-            readonly join?: string | undefined;
-            readonly reverse?: string[] | undefined;
-            readonly shift?: string | undefined;
-            readonly slice?: string[] | undefined;
-            readonly sort?: string[] | undefined;
-            readonly splice?: {
-                (start: number, deleteCount?: number): string[];
-                (start: number, deleteCount: number, ...items: string[]): string[];
-            } | undefined;
-            readonly unshift?: number | undefined;
-            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly every?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
-            } | undefined;
-            readonly some?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-            readonly forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-            readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-            readonly filter?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-            } | undefined;
-            readonly reduce?: {
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-            } | undefined;
-            readonly reduceRight?: {
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-                (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-                <U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
-            } | undefined;
-            readonly find?: {
-                <S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
-                (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-            } | undefined;
-            readonly findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-            readonly fill?: ((value: string, start?: number, end?: number) => string[]) | undefined;
-            readonly copyWithin?: ((target: number, start: number, end?: number) => string[]) | undefined;
-            readonly entries?: ArrayIterator<[number, string]> | undefined;
-            readonly keys?: ArrayIterator<number> | undefined;
-            readonly values?: ArrayIterator<string> | undefined;
-            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-            readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
-            readonly flat?: unknown[] | undefined;
-            readonly at?: ((index: number) => string | undefined) | undefined;
-            readonly findLast?: {
-                <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
-                (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
-            } | undefined;
-            readonly findLastIndex?: ((predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => number) | undefined;
-            readonly toReversed?: string[] | undefined;
-            readonly toSorted?: string[] | undefined;
-            readonly toSpliced?: {
-                (start: number, deleteCount: number, ...items: string[]): string[];
-                (start: number, deleteCount?: number): string[];
-            } | undefined;
-            readonly with?: ((index: number, value: string) => string[]) | undefined;
-            readonly toString?: string | undefined;
-            readonly toLocaleString?: string | undefined;
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        } | {
-            readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly filters?: import('vue').Prop<{
-                months?: number[];
-                years?: number[];
-                times?: {
-                    hours?: number[];
-                    minutes?: number[];
-                    seconds?: number[];
-                };
-            } | undefined, {
-                months?: number[];
-                years?: number[];
-                times?: {
-                    hours?: number[];
-                    minutes?: number[];
-                    seconds?: number[];
-                };
-            } | undefined> | null | undefined;
-            readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).ModelValue | undefined> | null | undefined;
-            readonly range?: import('vue').Prop<boolean | RangeConfig | undefined, boolean | RangeConfig | undefined> | null | undefined;
-            readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                static: boolean;
-                solo: boolean;
-                count: number | string;
-            }> | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DpOptionEnabled | Partial<{
-                static: boolean;
-                solo: boolean;
-                count: number | string;
-            }> | undefined> | null | undefined;
-            readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly autoApply?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly autoPosition?: import('vue').Prop<boolean | "top" | "bottom" | undefined, boolean | "top" | "bottom" | undefined> | null | undefined;
-            readonly minDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly maxDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly inline?: import('vue').Prop<boolean | {
-                input?: boolean;
-            } | undefined, boolean | {
-                input?: boolean;
-            } | undefined> | null | undefined;
-            readonly utc?: import('vue').Prop<boolean | "preserve" | undefined, boolean | "preserve" | undefined> | null | undefined;
-            readonly teleport?: import('vue').Prop<string | boolean | HTMLElement | undefined, string | boolean | HTMLElement | undefined> | null | undefined;
-            readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) => import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).CalendarWeek[]) | undefined> | null | undefined;
-            readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly position?: import('vue').Prop<"left" | "center" | "right" | undefined, "left" | "center" | "right" | undefined> | null | undefined;
-            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly weekNumbers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                hideOnOffsetDates?: boolean;
-            } | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType | {
-                type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).WeekNumberType;
-                hideOnOffsetDates?: boolean;
-            } | undefined> | null | undefined;
-            readonly hoursIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly hoursGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly secondsGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minutesGridIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minutesIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly secondsIncrement?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly minTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-            readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | undefined> | null | undefined;
-            readonly weekStart?: import('vue').Prop<0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | "2" | "1" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
-            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-            readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
-            readonly hideInputIcon?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly clearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly alwaysClearable?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly disableMonthYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearRange?: import('vue').Prop<number[] | undefined, number[] | undefined> | null | undefined;
-            readonly disabledDates?: import('vue').Prop<string[] | Date[] | ((date: Date) => boolean) | undefined, string[] | Date[] | ((date: Date) => boolean) | undefined> | null | undefined;
-            readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly textInput?: import('vue').Prop<boolean | {
-                enterSubmit?: boolean;
-                tabSubmit?: boolean;
-                openMenu?: "open" | "toggle" | boolean;
-                rangeSeparator?: string;
-                selectOnFocus?: boolean;
-                format?: string | string[] | ((value: string) => Date | null);
-                escClose?: boolean;
-            } | undefined, boolean | {
-                enterSubmit?: boolean;
-                tabSubmit?: boolean;
-                openMenu?: "open" | "toggle" | boolean;
-                rangeSeparator?: string;
-                selectOnFocus?: boolean;
-                format?: string | string[] | ((value: string) => Date | null);
-                escClose?: boolean;
-            } | undefined> | null | undefined;
-            readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
-            readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PartialTimeObj[] | undefined> | null | undefined;
-            readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noHoursOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noMinutesOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly noSecondsOverlay?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly altPosition?: import('vue').Prop<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined, ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined> | null | undefined;
-            readonly disabledWeekDays?: import('vue').Prop<string[] | number[] | undefined, string[] | number[] | undefined> | null | undefined;
-            readonly allowedDates?: import('vue').Prop<string[] | Date[] | undefined, string[] | Date[] | undefined> | null | undefined;
-            readonly nowButtonLabel?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly monthChangeOnScroll?: import('vue').Prop<boolean | "inverse" | undefined, boolean | "inverse" | undefined> | null | undefined;
-            readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DatePickerMarker[] | undefined> | null | undefined;
-            readonly transitions?: import('vue').Prop<boolean | {
-                menuAppearTop?: string;
-                menuAppearBottom?: string;
-                open?: string;
-                close?: string;
-                next?: string;
-                previous?: string;
-                vNext?: string;
-                vPrevious?: string;
-            } | undefined, boolean | {
-                menuAppearTop?: string;
-                menuAppearBottom?: string;
-                open?: string;
-                close?: string;
-                next?: string;
-                previous?: string;
-                vNext?: string;
-                vPrevious?: string;
-            } | undefined> | null | undefined;
-            readonly enableSeconds?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly escClose?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly spaceConfirm?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly monthChangeOnArrows?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly formatLocale?: import('vue').Prop<import('date-fns').Locale | undefined, import('date-fns').Locale | undefined> | null | undefined;
-            readonly multiDates?: import('vue').Prop<boolean | {
-                limit?: number | string;
-                dragSelect?: boolean;
-            } | undefined, boolean | {
-                limit?: number | string;
-                dragSelect?: boolean;
-            } | undefined> | null | undefined;
-            readonly presetDates?: import('vue').Prop<{
-                label: string;
-                value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                style?: Record<string, string>;
-                slot?: string;
-                noTz?: boolean;
-                testId?: string;
-            }[] | undefined, {
-                label: string;
-                value: import('vue').MaybeRefOrGetter<Date[] | string[] | string | Date>;
-                style?: Record<string, string>;
-                slot?: string;
-                noTz?: boolean;
-                testId?: string;
-            }[] | undefined> | null | undefined;
-            readonly flow?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-            readonly partialFlow?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly preventMinMaxNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly reverseYears?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly weekPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ariaLabels?: import('vue').Prop<{
-                toggleOverlay?: string;
-                menu?: string;
-                input?: string;
-                calendarWrap?: string;
-                calendarDays?: string;
-                openTimePicker?: string;
-                closeTimePicker?: string;
-                incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                amPmButton?: string;
-                openYearsOverlay?: string;
-                openMonthsOverlay?: string;
-                nextMonth?: string;
-                prevMonth?: string;
-                nextYear?: string;
-                prevYear?: string;
-                day?: ({ value }: {
-                    value: Date;
-                }) => string;
-                weekDay?: (day: number) => string;
-                clearInput?: string;
-                calendarIcon?: string;
-                timePicker?: string;
-                monthPicker?: (overlay: boolean) => string;
-                yearPicker?: (overlay: boolean) => string;
-                timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-            } | undefined, {
-                toggleOverlay?: string;
-                menu?: string;
-                input?: string;
-                calendarWrap?: string;
-                calendarDays?: string;
-                openTimePicker?: string;
-                closeTimePicker?: string;
-                incrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                decrementValue?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                openTpOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-                amPmButton?: string;
-                openYearsOverlay?: string;
-                openMonthsOverlay?: string;
-                nextMonth?: string;
-                prevMonth?: string;
-                nextYear?: string;
-                prevYear?: string;
-                day?: ({ value }: {
-                    value: Date;
-                }) => string;
-                weekDay?: (day: number) => string;
-                clearInput?: string;
-                calendarIcon?: string;
-                timePicker?: string;
-                monthPicker?: (overlay: boolean) => string;
-                yearPicker?: (overlay: boolean) => string;
-                timeOverlay?: (type: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeType) => string;
-            } | undefined> | null | undefined;
-            readonly arrowNavigation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly dayNames?: import('vue').Prop<string[] | ((lang: string, weekStart: number) => string[]) | undefined, string[] | ((lang: string, weekStart: number) => string[]) | undefined> | null | undefined;
-            readonly modelType?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly modelAuto?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly highlight?: import('vue').Prop<((date: Date[], disabled?: boolean) => boolean) | ((month: {
+        $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;
-            }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                quarter: number;
-                year: number;
-            }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined, ((date: Date[], disabled?: boolean) => boolean) | ((month: {
+            }) => 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;
-            }) => boolean) | ((year: number) => boolean) | ((quarter: {
-                quarter: number;
-                year: number;
-            }) => boolean) | Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Highlight> | undefined> | null | undefined;
-            readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
-            readonly teleportCenter?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ignoreTimeValidation?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly dayClass?: import('vue').Prop<((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined, ((date: Date, internalModelValue: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).InternalTime) => string) | undefined> | null | undefined;
-            readonly hideNavigation?: import('vue').Prop<("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined, ("time" | "month" | "calendar" | "year" | "minutes" | "hours" | "seconds")[] | undefined> | null | undefined;
-            readonly sixWeeks?: import('vue').Prop<boolean | "center" | "append" | "prepend" | "fair" | undefined, boolean | "center" | "append" | "prepend" | "fair" | undefined> | null | undefined;
-            readonly timezone?: import('vue').Prop<string | {
-                timezone?: string;
-                exactMatch?: boolean;
-                dateInTz?: string;
-                emitTimezone?: string;
-                convertModel?: boolean;
-            } | undefined, string | {
-                timezone?: string;
-                exactMatch?: boolean;
-                dateInTz?: string;
-                emitTimezone?: string;
-                convertModel?: boolean;
-            } | undefined> | null | undefined;
-            readonly disableYearSelect?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly focusStartDate?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly disabledTimes?: import('vue').Prop<((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined, ((time: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | (import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).TimeObj | undefined)[]) => boolean) | import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[] | [import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[], import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).DisabledTime[]] | undefined> | null | undefined;
-            readonly timePickerInline?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly config?: import('vue').Prop<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).GeneralConfig | undefined> | null | undefined;
-            readonly quarterPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly yearFirst?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly loading?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly onInternalModelChange?: import('vue').Prop<((...args: any[]) => void) | undefined, ((...args: any[]) => void) | undefined> | null | undefined;
-            readonly enableMinutes?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly ui?: import('vue').Prop<Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined, Partial<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).UIOptions> | undefined> | null | undefined;
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }) & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onBlur?: ((...args: any[]) => any) | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-            "onText-submit"?: ((...args: any[]) => any) | undefined;
-            onClosed?: ((...args: any[]) => any) | undefined;
-            onCleared?: ((...args: any[]) => any) | undefined;
-            "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-            "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-            "onFlow-step"?: ((...args: any[]) => any) | undefined;
-            "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-            "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-            "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-            "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-            "onRange-start"?: ((...args: any[]) => any) | undefined;
-            "onRange-end"?: ((...args: any[]) => any) | undefined;
-            "onDate-update"?: ((...args: any[]) => any) | undefined;
-            "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-            "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-            "onText-input"?: ((...args: any[]) => any) | undefined;
-        }, {}, {}, import('vue').ComputedOptions, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).EmitEvents[], string, {
-            [x: number]: string;
-        } | {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }) => 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)[];
@@ -2199,44 +835,98 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             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)[];
+            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').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<import('vue').ExtractPropTypes<string[]> | import('vue').ExtractPropTypes<import('vue').ComponentObjectPropsOptions<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).VueDatePickerProps>>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
-        "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:model-timezone-value"?: ((...args: any[]) => any) | undefined;
-        "onText-submit"?: ((...args: any[]) => any) | undefined;
-        onClosed?: ((...args: any[]) => any) | undefined;
-        onCleared?: ((...args: any[]) => any) | undefined;
-        "onInternal-model-change"?: ((...args: any[]) => any) | undefined;
-        "onRecalculate-position"?: ((...args: any[]) => any) | undefined;
-        "onFlow-step"?: ((...args: any[]) => any) | undefined;
-        "onUpdate-month-year"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-select"?: ((...args: any[]) => any) | undefined;
-        "onTooltip-open"?: ((...args: any[]) => any) | undefined;
-        "onTooltip-close"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-fixed-range"?: ((...args: any[]) => any) | undefined;
-        "onTime-picker-open"?: ((...args: any[]) => any) | undefined;
-        "onTime-picker-close"?: ((...args: any[]) => any) | undefined;
-        "onAm-pm-change"?: ((...args: any[]) => any) | undefined;
-        "onRange-start"?: ((...args: any[]) => any) | undefined;
-        "onRange-end"?: ((...args: any[]) => any) | undefined;
-        "onDate-update"?: ((...args: any[]) => any) | undefined;
-        "onInvalid-date"?: ((...args: any[]) => any) | undefined;
-        "onOverlay-toggle"?: ((...args: any[]) => any) | undefined;
-        "onText-input"?: ((...args: any[]) => any) | undefined;
-    }), never> & import('vue').ShallowUnwrapRef<{}> & {
-        [x: string]: never;
-    } & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).PublicMethods & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots> & import('@vuepic/vue-datepicker', { with: { "resolution-mode": "import" } }).Slots;
+        $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;