vuetify 3.3.16 → 3.3.17

package/dist/vuetify-labs.d.ts

@@ -46905,7 +46905,7 @@ declare const VSystemBar: {
 }>>;
 type VSystemBar = InstanceType<typeof VSystemBar>;
 
-type TabItem = string | Record<string, any>;
+type TabItem = string | number | Record<string, any>;
 declare const VTabs: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
@@ -60155,7 +60155,6 @@ declare const VBottomSheet: {
             style?: vue.StyleValue | undefined;
             eager?: boolean | undefined;
             disabled?: boolean | undefined;
-            contentClass?: any;
             modelValue?: boolean | undefined;
             locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -60210,6 +60209,7 @@ declare const VBottomSheet: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
+            contentClass?: any;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -60377,7 +60377,6 @@ declare const VBottomSheet: {
             style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
-            contentClass: any;
             modelValue: boolean;
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
@@ -60606,7 +60605,6 @@ declare const VBottomSheet: {
     style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
-    contentClass: any;
     modelValue: boolean;
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
@@ -60731,10 +60729,7 @@ declare const VBottomSheet: {
         default: boolean;
     };
     contained: BooleanConstructor;
-    contentClass: {
-        type: vue.PropType<any>;
-        default: any;
-    };
+    contentClass: null;
     contentProps: null;
     disabled: BooleanConstructor;
     noClickAnimation: BooleanConstructor;
@@ -60852,10 +60847,7 @@ declare const VBottomSheet: {
         default: boolean;
     };
     contained: BooleanConstructor;
-    contentClass: {
-        type: vue.PropType<any>;
-        default: any;
-    };
+    contentClass: null;
     contentProps: null;
     disabled: BooleanConstructor;
     noClickAnimation: BooleanConstructor;
@@ -70166,12 +70158,12 @@ declare const VDateCard: {
             inputMode?: "calendar" | "keyboard" | undefined;
             disabled?: string | boolean | string[] | undefined;
             multiple?: boolean | undefined;
+            variant?: string | undefined;
             modelValue?: any[] | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
             nextIcon?: string | undefined;
             prevIcon?: string | undefined;
             hideActions?: boolean | undefined;
+            modeIcon?: string | undefined;
             viewMode?: "month" | "year" | undefined;
             showAdjacentMonths?: boolean | undefined;
             hideWeekdays?: boolean | undefined;
@@ -70527,12 +70519,12 @@ declare const VDateCard: {
             inputMode: "calendar" | "keyboard";
             disabled: string | boolean | string[];
             multiple: boolean;
+            variant: string;
             modelValue: any[];
-            collapseIcon: string;
-            expandIcon: string;
             nextIcon: string;
             prevIcon: string;
             hideActions: boolean;
+            modeIcon: string;
             viewMode: "month" | "year";
             showAdjacentMonths: boolean;
             hideWeekdays: boolean;
@@ -70812,12 +70804,12 @@ declare const VDateCard: {
             inputMode: "calendar" | "keyboard";
             disabled: string | boolean | string[];
             multiple: boolean;
+            variant: string;
             modelValue: any[];
-            collapseIcon: string;
-            expandIcon: string;
             nextIcon: string;
             prevIcon: string;
             hideActions: boolean;
+            modeIcon: string;
             viewMode: "month" | "year";
             showAdjacentMonths: boolean;
             hideWeekdays: boolean;
@@ -71089,12 +71081,12 @@ declare const VDateCard: {
         inputMode: "calendar" | "keyboard";
         disabled: string | boolean | string[];
         multiple: boolean;
+        variant: string;
         modelValue: any[];
-        collapseIcon: string;
-        expandIcon: string;
         nextIcon: string;
         prevIcon: string;
         hideActions: boolean;
+        modeIcon: string;
         viewMode: "month" | "year";
         showAdjacentMonths: boolean;
         hideWeekdays: boolean;
@@ -71371,12 +71363,12 @@ declare const VDateCard: {
     inputMode: "calendar" | "keyboard";
     disabled: string | boolean | string[];
     multiple: boolean;
+    variant: string;
     modelValue: any[];
-    collapseIcon: string;
-    expandIcon: string;
     nextIcon: string;
     prevIcon: string;
     hideActions: boolean;
+    modeIcon: string;
     viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
@@ -71656,12 +71648,12 @@ declare const VDateCard: {
     inputMode: "calendar" | "keyboard";
     disabled: string | boolean | string[];
     multiple: boolean;
+    variant: string;
     modelValue: any[];
-    collapseIcon: string;
-    expandIcon: string;
     nextIcon: string;
     prevIcon: string;
     hideActions: boolean;
+    modeIcon: string;
     viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
@@ -72158,12 +72150,12 @@ declare const VDateCard: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -72642,12 +72634,12 @@ declare const VDateCard: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -72670,37 +72662,15 @@ declare const VDateCard: {
 }>>;
 type VDateCard = InstanceType<typeof VDateCard>;
 
-declare const VDatePicker: {
+declare const VPicker: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
-            header?: string | undefined;
             style?: vue.StyleValue | undefined;
-            title?: string | undefined;
-            inputMode?: "calendar" | "keyboard" | undefined;
-            disabled?: string | boolean | string[] | undefined;
-            multiple?: boolean | undefined;
             landscape?: boolean | undefined;
             tag?: string | undefined;
             rounded?: string | number | boolean | undefined;
-            modelValue?: any[] | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
-            nextIcon?: string | undefined;
-            prevIcon?: string | undefined;
-            hideActions?: boolean | undefined;
-            viewMode?: "month" | "year" | undefined;
-            showAdjacentMonths?: boolean | undefined;
-            hideWeekdays?: boolean | undefined;
-            showWeek?: boolean | undefined;
-            calendarIcon?: string | undefined;
-            keyboardIcon?: string | undefined;
-            cancelText?: string | undefined;
-            okText?: string | undefined;
-            inputText?: string | undefined;
-            inputPlaceholder?: string | undefined;
-            max?: string | number | Date | undefined;
             key?: string | number | symbol | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
@@ -72712,28 +72682,25 @@ declare const VDatePicker: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
             position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            title?: string | undefined;
             class?: any;
-            $children?: {} | vue.VNodeChild | {
-                header?: ((arg: {
-                    header: string;
-                    appendIcon: string;
-                    'onClick:append': () => void;
-                }) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                header?: (() => vue.VNodeChild) | undefined;
+                default?: (() => vue.VNodeChild) | undefined;
+                actions?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
             };
-            min?: string | number | Date | undefined;
             elevation?: string | number | undefined;
-            format?: string | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            side?: string | undefined;
             theme?: string | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                header?: false | ((arg: {
-                    header: string;
-                    appendIcon: string;
-                    'onClick:append': () => void;
-                }) => vue.VNodeChild) | undefined;
+                header?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
+                actions?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -72773,20 +72740,10 @@ declare const VDatePicker: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "v-slot:header"?: false | ((arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNodeChild) | undefined;
-            displayDate?: any;
-            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-            "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
-            "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
-            hoverDate?: any;
-            "onClick:cancel"?: (() => any) | undefined;
-            "onClick:save"?: (() => any) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            bgColor?: string | undefined;
+            "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -72795,45 +72752,28 @@ declare const VDatePicker: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            header?: ((arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            header?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            actions?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            title?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "click:cancel") => void) & ((event: "click:save") => void);
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            header: string;
             style: vue.StyleValue;
-            title: string;
-            inputMode: "calendar" | "keyboard";
-            disabled: string | boolean | string[];
-            multiple: boolean;
             landscape: boolean;
             tag: string;
-            modelValue: any[];
-            collapseIcon: string;
-            expandIcon: string;
-            nextIcon: string;
-            prevIcon: string;
-            hideActions: boolean;
-            viewMode: "month" | "year";
-            showAdjacentMonths: boolean;
-            hideWeekdays: boolean;
-            showWeek: boolean;
-            calendarIcon: string;
-            keyboardIcon: string;
-            cancelText: string;
-            okText: string;
-            inputText: string;
-            inputPlaceholder: string;
         } & {
-            max?: string | number | Date | undefined;
             location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
@@ -72844,84 +72784,46 @@ declare const VDatePicker: {
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
             position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            title?: string | undefined;
             class?: any;
-            min?: string | number | Date | undefined;
             elevation?: string | number | undefined;
-            format?: string | undefined;
-            side?: string | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
-            displayDate?: any;
-            hoverDate?: any;
+            bgColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                header?: ((arg: {
-                    header: string;
-                    appendIcon: string;
-                    'onClick:append': () => void;
-                }) => vue.VNodeChild) | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                header?: (() => vue.VNodeChild) | undefined;
+                default?: (() => vue.VNodeChild) | undefined;
+                actions?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
-                header?: false | ((arg: {
-                    header: string;
-                    appendIcon: string;
-                    'onClick:append': () => void;
-                }) => vue.VNodeChild) | undefined;
+                header?: false | (() => vue.VNodeChild) | undefined;
+                default?: false | (() => vue.VNodeChild) | undefined;
+                actions?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:header"?: false | ((arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-            "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
-            "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
-            "onClick:cancel"?: (() => any) | undefined;
-            "onClick:save"?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:modelValue': (date: readonly any[]) => boolean;
-            'update:displayDate': (date: any) => boolean;
-            'update:focused': (focused: boolean) => boolean;
-            'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
-            'update:viewMode': (viewMode: "month" | "year") => boolean;
-            'click:cancel': () => true;
-            'click:save': () => true;
-        }, string, {
-            header: string;
+            "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
-            title: string;
-            inputMode: "calendar" | "keyboard";
-            disabled: string | boolean | string[];
-            multiple: boolean;
             landscape: boolean;
             tag: string;
             rounded: string | number | boolean;
-            modelValue: any[];
-            collapseIcon: string;
-            expandIcon: string;
-            nextIcon: string;
-            prevIcon: string;
-            hideActions: boolean;
-            viewMode: "month" | "year";
-            showAdjacentMonths: boolean;
-            hideWeekdays: boolean;
-            showWeek: boolean;
-            calendarIcon: string;
-            keyboardIcon: string;
-            cancelText: string;
-            okText: string;
-            inputText: string;
-            inputPlaceholder: string;
         }, {}, string, vue.SlotsType<Partial<{
-            header: (arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -72945,32 +72847,10 @@ declare const VDatePicker: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        header: string;
         style: vue.StyleValue;
-        title: string;
-        inputMode: "calendar" | "keyboard";
-        disabled: string | boolean | string[];
-        multiple: boolean;
         landscape: boolean;
         tag: string;
-        modelValue: any[];
-        collapseIcon: string;
-        expandIcon: string;
-        nextIcon: string;
-        prevIcon: string;
-        hideActions: boolean;
-        viewMode: "month" | "year";
-        showAdjacentMonths: boolean;
-        hideWeekdays: boolean;
-        showWeek: boolean;
-        calendarIcon: string;
-        keyboardIcon: string;
-        cancelText: string;
-        okText: string;
-        inputText: string;
-        inputPlaceholder: string;
     } & {
-        max?: string | number | Date | undefined;
         location?: Anchor | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -72981,32 +72861,549 @@ declare const VDatePicker: {
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
         position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+        title?: string | undefined;
         class?: any;
-        min?: string | number | Date | undefined;
         elevation?: string | number | undefined;
-        format?: string | undefined;
-        side?: string | undefined;
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
-        displayDate?: any;
-        hoverDate?: any;
+        bgColor?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
-            header?: ((arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNodeChild) | undefined;
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            header?: (() => vue.VNodeChild) | undefined;
+            default?: (() => vue.VNodeChild) | undefined;
+            actions?: (() => vue.VNodeChild) | undefined;
+            title?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            header?: false | ((arg: {
-                header: string;
-                appendIcon: string;
-                'onClick:append': () => void;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:header"?: false | ((arg: {
+            header?: false | (() => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
+            actions?: false | (() => vue.VNodeChild) | undefined;
+            title?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
+    landscape: boolean;
+    tag: string;
+} & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    title?: string | undefined;
+    class?: any;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        header?: (() => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        header?: false | (() => vue.VNodeChild) | undefined;
+        default?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
+    landscape: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+}, {}, string, vue.SlotsType<Partial<{
+    header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    bgColor: StringConstructor;
+    landscape: BooleanConstructor;
+    title: StringConstructor;
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    bgColor: StringConstructor;
+    landscape: BooleanConstructor;
+    title: StringConstructor;
+}>>;
+type VPicker = InstanceType<typeof VPicker>;
+
+declare const VDatePicker: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
+            header?: string | undefined;
+            style?: vue.StyleValue | undefined;
+            title?: string | undefined;
+            inputMode?: "calendar" | "keyboard" | undefined;
+            disabled?: string | boolean | string[] | undefined;
+            multiple?: boolean | undefined;
+            landscape?: boolean | undefined;
+            tag?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            variant?: string | undefined;
+            modelValue?: any[] | undefined;
+            nextIcon?: string | undefined;
+            prevIcon?: string | undefined;
+            hideActions?: boolean | undefined;
+            modeIcon?: string | undefined;
+            viewMode?: "month" | "year" | undefined;
+            showAdjacentMonths?: boolean | undefined;
+            hideWeekdays?: boolean | undefined;
+            showWeek?: boolean | undefined;
+            calendarIcon?: string | undefined;
+            keyboardIcon?: string | undefined;
+            cancelText?: string | undefined;
+            okText?: string | undefined;
+            inputText?: string | undefined;
+            inputPlaceholder?: string | undefined;
+            max?: string | number | Date | undefined;
+            key?: string | number | symbol | undefined;
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            class?: any;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                actions?: (() => vue.VNodeChild) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    appendIcon: string;
+                    'onClick:append': () => void;
+                }) => vue.VNodeChild) | undefined;
+            };
+            min?: string | number | Date | undefined;
+            elevation?: string | number | undefined;
+            format?: string | undefined;
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            side?: string | undefined;
+            theme?: string | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
+                actions?: false | (() => vue.VNodeChild) | undefined;
+                header?: false | ((arg: {
+                    header: string;
+                    appendIcon: string;
+                    'onClick:append': () => void;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+            bgColor?: string | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "v-slot:header"?: false | ((arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+            displayDate?: any;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
+            "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
+            hoverDate?: any;
+            "onClick:cancel"?: (() => any) | undefined;
+            "onClick:save"?: (() => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            title?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            actions?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            header?: ((arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "click:cancel") => void) & ((event: "click:save") => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            header: string;
+            style: vue.StyleValue;
+            title: string;
+            inputMode: "calendar" | "keyboard";
+            disabled: string | boolean | string[];
+            multiple: boolean;
+            landscape: boolean;
+            tag: string;
+            variant: string;
+            modelValue: any[];
+            nextIcon: string;
+            prevIcon: string;
+            hideActions: boolean;
+            modeIcon: string;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+            calendarIcon: string;
+            keyboardIcon: string;
+            cancelText: string;
+            okText: string;
+            inputText: string;
+            inputPlaceholder: string;
+        } & {
+            max?: string | number | Date | undefined;
+            location?: Anchor | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            class?: any;
+            min?: string | number | Date | undefined;
+            elevation?: string | number | undefined;
+            format?: string | undefined;
+            side?: string | undefined;
+            theme?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            displayDate?: any;
+            hoverDate?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                title?: (() => vue.VNodeChild) | undefined;
+                actions?: (() => vue.VNodeChild) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    appendIcon: string;
+                    'onClick:append': () => void;
+                }) => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                title?: false | (() => vue.VNodeChild) | undefined;
+                actions?: false | (() => vue.VNodeChild) | undefined;
+                header?: false | ((arg: {
+                    header: string;
+                    appendIcon: string;
+                    'onClick:append': () => void;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:header"?: false | ((arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
+            "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
+            "onClick:cancel"?: (() => any) | undefined;
+            "onClick:save"?: (() => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (date: readonly any[]) => boolean;
+            'update:displayDate': (date: any) => boolean;
+            'update:focused': (focused: boolean) => boolean;
+            'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
+            'update:viewMode': (viewMode: "month" | "year") => boolean;
+            'click:cancel': () => true;
+            'click:save': () => true;
+        }, string, {
+            header: string;
+            style: vue.StyleValue;
+            title: string;
+            inputMode: "calendar" | "keyboard";
+            disabled: string | boolean | string[];
+            multiple: boolean;
+            landscape: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            variant: string;
+            modelValue: any[];
+            nextIcon: string;
+            prevIcon: string;
+            hideActions: boolean;
+            modeIcon: string;
+            viewMode: "month" | "year";
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+            calendarIcon: string;
+            keyboardIcon: string;
+            cancelText: string;
+            okText: string;
+            inputText: string;
+            inputPlaceholder: string;
+        }, {}, string, vue.SlotsType<Partial<{
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            header: (arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        header: string;
+        style: vue.StyleValue;
+        title: string;
+        inputMode: "calendar" | "keyboard";
+        disabled: string | boolean | string[];
+        multiple: boolean;
+        landscape: boolean;
+        tag: string;
+        variant: string;
+        modelValue: any[];
+        nextIcon: string;
+        prevIcon: string;
+        hideActions: boolean;
+        modeIcon: string;
+        viewMode: "month" | "year";
+        showAdjacentMonths: boolean;
+        hideWeekdays: boolean;
+        showWeek: boolean;
+        calendarIcon: string;
+        keyboardIcon: string;
+        cancelText: string;
+        okText: string;
+        inputText: string;
+        inputPlaceholder: string;
+    } & {
+        max?: string | number | Date | undefined;
+        location?: Anchor | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+        class?: any;
+        min?: string | number | Date | undefined;
+        elevation?: string | number | undefined;
+        format?: string | undefined;
+        side?: string | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        bgColor?: string | undefined;
+        displayDate?: any;
+        hoverDate?: any;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+            title?: (() => vue.VNodeChild) | undefined;
+            actions?: (() => vue.VNodeChild) | undefined;
+            header?: ((arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            title?: false | (() => vue.VNodeChild) | undefined;
+            actions?: false | (() => vue.VNodeChild) | undefined;
+            header?: false | ((arg: {
+                header: string;
+                appendIcon: string;
+                'onClick:append': () => void;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:header"?: false | ((arg: {
             header: string;
             appendIcon: string;
             'onClick:append': () => void;
@@ -73032,12 +73429,12 @@ declare const VDatePicker: {
     multiple: boolean;
     landscape: boolean;
     tag: string;
+    variant: string;
     modelValue: any[];
-    collapseIcon: string;
-    expandIcon: string;
     nextIcon: string;
     prevIcon: string;
     hideActions: boolean;
+    modeIcon: string;
     viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
@@ -73067,10 +73464,14 @@ declare const VDatePicker: {
     side?: string | undefined;
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
     displayDate?: any;
     hoverDate?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+        title?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
         header?: ((arg: {
             header: string;
             appendIcon: string;
@@ -73078,6 +73479,9 @@ declare const VDatePicker: {
         }) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        title?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
         header?: false | ((arg: {
             header: string;
             appendIcon: string;
@@ -73085,6 +73489,9 @@ declare const VDatePicker: {
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:header"?: false | ((arg: {
         header: string;
         appendIcon: string;
@@ -73116,12 +73523,12 @@ declare const VDatePicker: {
     landscape: boolean;
     tag: string;
     rounded: string | number | boolean;
+    variant: string;
     modelValue: any[];
-    collapseIcon: string;
-    expandIcon: string;
     nextIcon: string;
     prevIcon: string;
     hideActions: boolean;
+    modeIcon: string;
     viewMode: "month" | "year";
     showAdjacentMonths: boolean;
     hideWeekdays: boolean;
@@ -73133,6 +73540,15 @@ declare const VDatePicker: {
     inputText: string;
     inputPlaceholder: string;
 }, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     header: (arg: {
         header: string;
         appendIcon: string;
@@ -73141,42 +73557,43 @@ declare const VDatePicker: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
     location: vue.PropType<Anchor>;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
     height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
+    width: (StringConstructor | NumberConstructor)[];
+    class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    class: vue.PropType<any>;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    bgColor: StringConstructor;
     landscape: BooleanConstructor;
     title: {
         type: vue.PropType<string>;
         default: string;
     };
-    color: StringConstructor;
     displayDate: null;
     min: (StringConstructor | NumberConstructor | DateConstructor)[];
     max: (StringConstructor | NumberConstructor | DateConstructor)[];
@@ -73205,12 +73622,12 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -73251,42 +73668,43 @@ declare const VDatePicker: {
     };
     hideActions: BooleanConstructor;
 }, vue.ExtractPropTypes<{
-    location: vue.PropType<Anchor>;
-    height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
-    class: vue.PropType<any>;
+    theme: StringConstructor;
     tag: {
         type: StringConstructor;
         default: string;
     };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
+        validator: (v: any) => boolean;
+    };
+    location: vue.PropType<Anchor>;
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
     };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    bgColor: StringConstructor;
     landscape: BooleanConstructor;
     title: {
         type: vue.PropType<string>;
         default: string;
     };
-    color: StringConstructor;
     displayDate: null;
     min: (StringConstructor | NumberConstructor | DateConstructor)[];
     max: (StringConstructor | NumberConstructor | DateConstructor)[];
@@ -73315,12 +73733,12 @@ declare const VDatePicker: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -73369,10 +73787,10 @@ declare const VDatePickerControls: {
         $data: {};
         $props: {
             disabled?: string | boolean | string[] | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            variant?: string | undefined;
             nextIcon?: string | undefined;
             prevIcon?: string | undefined;
+            modeIcon?: string | undefined;
             viewMode?: "month" | "year" | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
@@ -73447,10 +73865,10 @@ declare const VDatePickerControls: {
         $el: any;
         $options: vue.ComponentOptionsBase<{
             disabled: string | boolean | string[];
-            collapseIcon: string;
-            expandIcon: string;
+            variant: string;
             nextIcon: string;
             prevIcon: string;
+            modeIcon: string;
             viewMode: "month" | "year";
         } & {
             displayDate?: string | undefined;
@@ -73473,10 +73891,10 @@ declare const VDatePickerControls: {
             'click:next': () => true;
         }, string, {
             disabled: string | boolean | string[];
-            collapseIcon: string;
-            expandIcon: string;
+            variant: string;
             nextIcon: string;
             prevIcon: string;
+            modeIcon: string;
             viewMode: "month" | "year";
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -73504,10 +73922,10 @@ declare const VDatePickerControls: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
         disabled: string | boolean | string[];
-        collapseIcon: string;
-        expandIcon: string;
+        variant: string;
         nextIcon: string;
         prevIcon: string;
+        modeIcon: string;
         viewMode: "month" | "year";
     } & {
         displayDate?: string | undefined;
@@ -73530,10 +73948,10 @@ declare const VDatePickerControls: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     disabled: string | boolean | string[];
-    collapseIcon: string;
-    expandIcon: string;
+    variant: string;
     nextIcon: string;
     prevIcon: string;
+    modeIcon: string;
     viewMode: "month" | "year";
 } & {
     displayDate?: string | undefined;
@@ -73556,10 +73974,10 @@ declare const VDatePickerControls: {
     'click:next': () => true;
 }, string, {
     disabled: string | boolean | string[];
-    collapseIcon: string;
-    expandIcon: string;
+    variant: string;
     nextIcon: string;
     prevIcon: string;
+    modeIcon: string;
     viewMode: "month" | "year";
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -73579,12 +73997,12 @@ declare const VDatePickerControls: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -73605,12 +74023,12 @@ declare const VDatePickerControls: {
         type: StringConstructor[];
         default: string;
     };
-    expandIcon: {
+    modeIcon: {
         type: StringConstructor[];
         default: string;
     };
-    collapseIcon: {
-        type: StringConstructor[];
+    variant: {
+        type: StringConstructor;
         default: string;
     };
     viewMode: {
@@ -73618,252 +74036,33 @@ declare const VDatePickerControls: {
         default: string;
     };
 }>>;
-type VDatePickerControls = InstanceType<typeof VDatePickerControls>;
-
-declare const VDatePickerHeader: {
-    new (...args: any[]): {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: {
-            key?: string | number | symbol | undefined;
-            color?: string | undefined;
-            transition?: string | undefined;
-            header?: string | undefined;
-            style?: unknown;
-            class?: unknown;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                prepend?: (() => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-            };
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            'v-slots'?: {
-                prepend?: false | (() => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-                append?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-            appendIcon?: string | undefined;
-            "onClick:append"?: (() => any) | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-        }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "click:append") => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<{} & {
-            color?: string | undefined;
-            transition?: string | undefined;
-            header?: string | undefined;
-            appendIcon?: string | undefined;
-        } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                prepend?: (() => vue.VNodeChild) | undefined;
-                default?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                prepend?: false | (() => vue.VNodeChild) | undefined;
-                default?: false | (() => vue.VNodeChild) | undefined;
-                append?: false | (() => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            "onClick:append"?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'click:append': () => true;
-        }, string, {}, {}, string, vue.SlotsType<Partial<{
-            prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-        }>>> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof vue.nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {} & {
-        color?: string | undefined;
-        transition?: string | undefined;
-        header?: string | undefined;
-        appendIcon?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            prepend?: (() => vue.VNodeChild) | undefined;
-            default?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            prepend?: false | (() => vue.VNodeChild) | undefined;
-            default?: false | (() => vue.VNodeChild) | undefined;
-            append?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        "onClick:append"?: (() => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{} & {
-    color?: string | undefined;
-    transition?: string | undefined;
-    header?: string | undefined;
-    appendIcon?: string | undefined;
-} & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        prepend?: (() => vue.VNodeChild) | undefined;
-        default?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-    };
-    'v-slots'?: {
-        prepend?: false | (() => vue.VNodeChild) | undefined;
-        default?: false | (() => vue.VNodeChild) | undefined;
-        append?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    "onClick:append"?: (() => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:append': () => true;
-}, string, {}, {}, string, vue.SlotsType<Partial<{
-    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    appendIcon: StringConstructor;
-    color: StringConstructor;
-    header: StringConstructor;
-    transition: StringConstructor;
-}, vue.ExtractPropTypes<{
-    appendIcon: StringConstructor;
-    color: StringConstructor;
-    header: StringConstructor;
-    transition: StringConstructor;
-}>>;
-type VDatePickerHeader = InstanceType<typeof VDatePickerHeader>;
-
-declare const VDatePickerMonth: {
-    new (...args: any[]): {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: {
-            color?: string | undefined;
-            multiple?: boolean | undefined;
-            modelValue?: any[] | undefined;
-            displayDate?: any;
-            showAdjacentMonths?: boolean | undefined;
-            hideWeekdays?: boolean | undefined;
-            showWeek?: boolean | undefined;
-            max?: string | number | Date | undefined;
+type VDatePickerControls = InstanceType<typeof VDatePickerControls>;
+
+declare const VDatePickerHeader: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
             key?: string | number | symbol | undefined;
+            color?: string | undefined;
+            transition?: string | undefined;
+            header?: string | undefined;
             style?: unknown;
             class?: unknown;
+            onClick?: (EventProp<[MouseEvent], (args_0: MouseEvent) => any> & (() => any)) | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                prepend?: (() => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
             };
-            min?: string | number | Date | undefined;
-            format?: string | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            side?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
+                prepend?: false | (() => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -73903,11 +74102,10 @@ declare const VDatePickerMonth: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-            hoverDate?: any;
-            "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            appendIcon?: string | undefined;
+            "onClick:append"?: (() => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -73916,59 +74114,57 @@ declare const VDatePickerMonth: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
+            prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
             default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
+            append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:hoverDate", date: any) => void);
+        $emit: ((event: "click") => void) & ((event: "click:append") => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<{
-            color: string;
-            multiple: boolean;
-            modelValue: any[];
-            displayDate: any;
-            showAdjacentMonths: boolean;
-            hideWeekdays: boolean;
-            showWeek: boolean;
-        } & {
-            max?: string | number | Date | undefined;
-            min?: string | number | Date | undefined;
-            format?: string | undefined;
-            side?: string | undefined;
-            hoverDate?: any;
+        $options: vue.ComponentOptionsBase<{} & {
+            color?: string | undefined;
+            transition?: string | undefined;
+            header?: string | undefined;
+            onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            appendIcon?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                prepend?: (() => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
+                prepend?: false | (() => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
         } & {
-            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-            "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:hoverDate': (date: any) => true;
-            'update:modelValue': (date: readonly any[]) => boolean;
-            'update:focused': (focused: boolean) => boolean;
-            'update:displayDate': (date: any) => boolean;
-        }, string, {
-            color: string;
-            multiple: boolean;
-            modelValue: any[];
-            displayDate: any;
-            showAdjacentMonths: boolean;
-            hideWeekdays: boolean;
-            showWeek: boolean;
-        }, {}, string, vue.SlotsType<Partial<{
+            onClick?: (() => any) | undefined;
+            "onClick:append"?: (() => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            click: () => true;
+            'click:append': () => true;
+        }, string, {}, {}, string, vue.SlotsType<Partial<{
+            prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
+            append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
         }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -73989,152 +74185,111 @@ declare const VDatePickerMonth: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {
-        color: string;
-        multiple: boolean;
-        modelValue: any[];
-        displayDate: any;
-        showAdjacentMonths: boolean;
-        hideWeekdays: boolean;
-        showWeek: boolean;
-    } & {
-        max?: string | number | Date | undefined;
-        min?: string | number | Date | undefined;
-        format?: string | undefined;
-        side?: string | undefined;
-        hoverDate?: any;
+    } & {} & {
+        color?: string | undefined;
+        transition?: string | undefined;
+        header?: string | undefined;
+        onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        appendIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            prepend?: (() => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
+            append?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
+            prepend?: false | (() => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
+            append?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
+        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
     } & {
-        "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-        "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
-    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
+        onClick?: (() => any) | undefined;
+        "onClick:append"?: (() => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{
-    color: string;
-    multiple: boolean;
-    modelValue: any[];
-    displayDate: any;
-    showAdjacentMonths: boolean;
-    hideWeekdays: boolean;
-    showWeek: boolean;
-} & {
-    max?: string | number | Date | undefined;
-    min?: string | number | Date | undefined;
-    format?: string | undefined;
-    side?: string | undefined;
-    hoverDate?: any;
+} & vue.ComponentOptionsBase<{} & {
+    color?: string | undefined;
+    transition?: string | undefined;
+    header?: string | undefined;
+    onClick?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    appendIcon?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        prepend?: (() => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
+        prepend?: false | (() => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
 } & {
-    "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
-    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-    "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:hoverDate': (date: any) => true;
-    'update:modelValue': (date: readonly any[]) => boolean;
-    'update:focused': (focused: boolean) => boolean;
-    'update:displayDate': (date: any) => boolean;
-}, string, {
-    color: string;
-    multiple: boolean;
-    modelValue: any[];
-    displayDate: any;
-    showAdjacentMonths: boolean;
-    hideWeekdays: boolean;
-    showWeek: boolean;
-}, {}, string, vue.SlotsType<Partial<{
+    onClick?: (() => any) | undefined;
+    "onClick:append"?: (() => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    click: () => true;
+    'click:append': () => true;
+}, string, {}, {}, string, vue.SlotsType<Partial<{
+    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    format: StringConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    displayDate: {
-        type: vue.PropType<any>;
-        default: null;
-    };
-    color: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    showAdjacentMonths: BooleanConstructor;
-    hideWeekdays: BooleanConstructor;
-    showWeek: BooleanConstructor;
-    hoverDate: null;
-    multiple: BooleanConstructor;
-    side: {
-        type: StringConstructor;
-    };
-    min: (StringConstructor | NumberConstructor | DateConstructor)[];
-    max: (StringConstructor | NumberConstructor | DateConstructor)[];
+    appendIcon: StringConstructor;
+    color: StringConstructor;
+    header: StringConstructor;
+    transition: StringConstructor;
+    onClick: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }, vue.ExtractPropTypes<{
-    format: StringConstructor;
-    modelValue: {
-        type: vue.PropType<any[]>;
-        default: () => never[];
-    };
-    displayDate: {
-        type: vue.PropType<any>;
-        default: null;
-    };
-    color: {
-        type: vue.PropType<string>;
-        default: string;
-    };
-    showAdjacentMonths: BooleanConstructor;
-    hideWeekdays: BooleanConstructor;
-    showWeek: BooleanConstructor;
-    hoverDate: null;
-    multiple: BooleanConstructor;
-    side: {
-        type: StringConstructor;
-    };
-    min: (StringConstructor | NumberConstructor | DateConstructor)[];
-    max: (StringConstructor | NumberConstructor | DateConstructor)[];
+    appendIcon: StringConstructor;
+    color: StringConstructor;
+    header: StringConstructor;
+    transition: StringConstructor;
+    onClick: vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
 }>>;
-type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>;
+type VDatePickerHeader = InstanceType<typeof VDatePickerHeader>;
 
-declare const VDatePickerYears: {
+declare const VDatePickerMonth: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
+            color?: string | undefined;
+            multiple?: boolean | undefined;
+            modelValue?: any[] | undefined;
+            displayDate?: any;
+            showAdjacentMonths?: boolean | undefined;
+            hideWeekdays?: boolean | undefined;
+            showWeek?: boolean | undefined;
             max?: string | number | Date | undefined;
             key?: string | number | symbol | undefined;
-            height?: string | number | undefined;
-            color?: string | undefined;
             style?: unknown;
             class?: unknown;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
             min?: string | number | Date | undefined;
+            format?: string | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
+            side?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
@@ -74177,9 +74332,11 @@ declare const VDatePickerYears: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            displayDate?: any;
-            "onClick:mode"?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            hoverDate?: any;
+            "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -74194,14 +74351,22 @@ declare const VDatePickerYears: {
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "click:mode") => void) & ((event: "update:displayDate", date: any) => void);
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:hoverDate", date: any) => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<{} & {
+        $options: vue.ComponentOptionsBase<{
+            color: string;
+            multiple: boolean;
+            modelValue: any[];
+            displayDate: any;
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        } & {
             max?: string | number | Date | undefined;
-            height?: string | number | undefined;
-            color?: string | undefined;
             min?: string | number | Date | undefined;
-            displayDate?: any;
+            format?: string | undefined;
+            side?: string | undefined;
+            hoverDate?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
@@ -74212,12 +74377,24 @@ declare const VDatePickerYears: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         } & {
-            "onClick:mode"?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:displayDate': (date: any) => true;
-            'click:mode': () => true;
-        }, string, {}, {}, string, vue.SlotsType<Partial<{
+            "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
+        }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:hoverDate': (date: any) => true;
+            'update:modelValue': (date: readonly any[]) => boolean;
+            'update:focused': (focused: boolean) => boolean;
+            'update:displayDate': (date: any) => boolean;
+        }, string, {
+            color: string;
+            multiple: boolean;
+            modelValue: any[];
+            displayDate: any;
+            showAdjacentMonths: boolean;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -74241,12 +74418,20 @@ declare const VDatePickerYears: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {} & {
+    } & {
+        color: string;
+        multiple: boolean;
+        modelValue: any[];
+        displayDate: any;
+        showAdjacentMonths: boolean;
+        hideWeekdays: boolean;
+        showWeek: boolean;
+    } & {
         max?: string | number | Date | undefined;
-        height?: string | number | undefined;
-        color?: string | undefined;
         min?: string | number | Date | undefined;
-        displayDate?: any;
+        format?: string | undefined;
+        side?: string | undefined;
+        hoverDate?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -74257,18 +74442,28 @@ declare const VDatePickerYears: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
-        "onClick:mode"?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+        "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
+    } & vue.ShallowUnwrapRef<() => JSX.Element> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{} & {
+} & vue.ComponentOptionsBase<{
+    color: string;
+    multiple: boolean;
+    modelValue: any[];
+    displayDate: any;
+    showAdjacentMonths: boolean;
+    hideWeekdays: boolean;
+    showWeek: boolean;
+} & {
     max?: string | number | Date | undefined;
-    height?: string | number | undefined;
-    color?: string | undefined;
     min?: string | number | Date | undefined;
-    displayDate?: any;
+    format?: string | undefined;
+    side?: string | undefined;
+    hoverDate?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -74279,81 +74474,100 @@ declare const VDatePickerYears: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
-    "onClick:mode"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
+    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onUpdate:displayDate"?: ((date: any) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:displayDate': (date: any) => true;
-    'click:mode': () => true;
-}, string, {}, {}, string, vue.SlotsType<Partial<{
+    "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:hoverDate': (date: any) => true;
+    'update:modelValue': (date: readonly any[]) => boolean;
+    'update:focused': (focused: boolean) => boolean;
+    'update:displayDate': (date: any) => boolean;
+}, string, {
+    color: string;
+    multiple: boolean;
+    modelValue: any[];
+    displayDate: any;
+    showAdjacentMonths: boolean;
+    hideWeekdays: boolean;
+    showWeek: boolean;
+}, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    color: StringConstructor;
-    height: (StringConstructor | NumberConstructor)[];
-    displayDate: null;
+    format: StringConstructor;
+    modelValue: {
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
+    displayDate: {
+        type: vue.PropType<any>;
+        default: null;
+    };
+    color: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    showAdjacentMonths: BooleanConstructor;
+    hideWeekdays: BooleanConstructor;
+    showWeek: BooleanConstructor;
+    hoverDate: null;
+    multiple: BooleanConstructor;
+    side: {
+        type: StringConstructor;
+    };
     min: (StringConstructor | NumberConstructor | DateConstructor)[];
     max: (StringConstructor | NumberConstructor | DateConstructor)[];
 }, vue.ExtractPropTypes<{
-    color: StringConstructor;
-    height: (StringConstructor | NumberConstructor)[];
-    displayDate: null;
+    format: StringConstructor;
+    modelValue: {
+        type: vue.PropType<any[]>;
+        default: () => never[];
+    };
+    displayDate: {
+        type: vue.PropType<any>;
+        default: null;
+    };
+    color: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    showAdjacentMonths: BooleanConstructor;
+    hideWeekdays: BooleanConstructor;
+    showWeek: BooleanConstructor;
+    hoverDate: null;
+    multiple: BooleanConstructor;
+    side: {
+        type: StringConstructor;
+    };
     min: (StringConstructor | NumberConstructor | DateConstructor)[];
     max: (StringConstructor | NumberConstructor | DateConstructor)[];
 }>>;
-type VDatePickerYears = InstanceType<typeof VDatePickerYears>;
+type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>;
 
-type InfiniteScrollSide = 'start' | 'end' | 'both';
-type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error';
-type InfiniteScrollSlot = {
-    side: InfiniteScrollSide;
-    props: Record<string, any>;
-};
-declare const VInfiniteScroll: {
+declare const VDatePickerYears: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
-            direction?: "horizontal" | "vertical" | undefined;
-            tag?: string | undefined;
-            mode?: "manual" | "intersect" | undefined;
-            side?: InfiniteScrollSide | undefined;
-            loadMoreText?: string | undefined;
-            emptyText?: string | undefined;
+            max?: string | number | Date | undefined;
             key?: string | number | symbol | undefined;
             height?: string | number | undefined;
-            width?: string | number | undefined;
             color?: string | undefined;
-            margin?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
             style?: unknown;
             class?: unknown;
-            onLoad?: ((options: {
-                side: InfiniteScrollSide;
-                done: (status: InfiniteScrollStatus) => void;
-            }) => any) | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
-                loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             };
+            min?: string | number | Date | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
-                loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             } | undefined;
-            "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -74392,9 +74606,9 @@ declare const VInfiniteScroll: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            displayDate?: any;
+            "onClick:mode"?: (() => any) | undefined;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -74406,96 +74620,36 @@ declare const VInfiniteScroll: {
             default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            loading?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            error?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            empty?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "load", options: {
-            side: InfiniteScrollSide;
-            done: (status: InfiniteScrollStatus) => void;
-        }) => void;
+        $emit: ((event: "click:mode") => void) & ((event: "update:displayDate", date: any) => void);
         $el: any;
-        $options: vue.ComponentOptionsBase<{
-            direction: "horizontal" | "vertical";
-            tag: string;
-            mode: "manual" | "intersect";
-            side: InfiniteScrollSide;
-            loadMoreText: string;
-            emptyText: string;
-        } & {
+        $options: vue.ComponentOptionsBase<{} & {
+            max?: string | number | Date | undefined;
             height?: string | number | undefined;
-            width?: string | number | undefined;
             color?: string | undefined;
-            margin?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
+            min?: string | number | Date | undefined;
+            displayDate?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
-                loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            };
-            'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
-                loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-                'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        } & {
-            onLoad?: ((options: {
-                side: InfiniteScrollSide;
-                done: (status: InfiniteScrollStatus) => void;
-            }) => any) | undefined;
-        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            load: (options: {
-                side: InfiniteScrollSide;
-                done: (status: InfiniteScrollStatus) => void;
-            }) => true;
-        }, string, {
-            direction: "horizontal" | "vertical";
-            tag: string;
-            mode: "manual" | "intersect";
-            side: InfiniteScrollSide;
-            loadMoreText: string;
-            emptyText: string;
-        }, {}, string, vue.SlotsType<Partial<{
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onClick:mode"?: (() => any) | undefined;
+            "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:displayDate': (date: any) => true;
+            'click:mode': () => true;
+        }, string, {}, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
         }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -74514,241 +74668,121 @@ declare const VInfiniteScroll: {
             errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
+        $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & {
-        direction: "horizontal" | "vertical";
-        tag: string;
-        mode: "manual" | "intersect";
-        side: InfiniteScrollSide;
-        loadMoreText: string;
-        emptyText: string;
-    } & {
+    } & {} & {
+        max?: string | number | Date | undefined;
         height?: string | number | undefined;
-        width?: string | number | undefined;
         color?: string | undefined;
-        margin?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
+        min?: string | number | Date | undefined;
+        displayDate?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
-            loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
-            loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-            'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     } & {
-        onLoad?: ((options: {
-            side: InfiniteScrollSide;
-            done: (status: InfiniteScrollStatus) => void;
-        }) => any) | undefined;
+        "onClick:mode"?: (() => any) | undefined;
+        "onUpdate:displayDate"?: ((date: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<{
-    direction: "horizontal" | "vertical";
-    tag: string;
-    mode: "manual" | "intersect";
-    side: InfiniteScrollSide;
-    loadMoreText: string;
-    emptyText: string;
-} & {
+} & vue.ComponentOptionsBase<{} & {
+    max?: string | number | Date | undefined;
     height?: string | number | undefined;
-    width?: string | number | undefined;
     color?: string | undefined;
-    margin?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minWidth?: string | number | undefined;
+    min?: string | number | Date | undefined;
+    displayDate?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
-        loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
-        loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-        'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-    "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-    "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
-    "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
 } & {
-    onLoad?: ((options: {
-        side: InfiniteScrollSide;
-        done: (status: InfiniteScrollStatus) => void;
-    }) => any) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    load: (options: {
-        side: InfiniteScrollSide;
-        done: (status: InfiniteScrollStatus) => void;
-    }) => true;
-}, string, {
-    direction: "horizontal" | "vertical";
-    tag: string;
-    mode: "manual" | "intersect";
-    side: InfiniteScrollSide;
-    loadMoreText: string;
-    emptyText: string;
-}, {}, string, vue.SlotsType<Partial<{
+    "onClick:mode"?: (() => any) | undefined;
+    "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:displayDate': (date: any) => true;
+    'click:mode': () => true;
+}, string, {}, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
-    direction: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    side: {
-        type: PropType<InfiniteScrollSide>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    mode: {
-        type: PropType<"manual" | "intersect">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    margin: (StringConstructor | NumberConstructor)[];
-    loadMoreText: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
-}, vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
     height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
+    displayDate: null;
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
+}, vue.ExtractPropTypes<{
     color: StringConstructor;
-    direction: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    side: {
-        type: PropType<InfiniteScrollSide>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    mode: {
-        type: PropType<"manual" | "intersect">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    margin: (StringConstructor | NumberConstructor)[];
-    loadMoreText: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
+    height: (StringConstructor | NumberConstructor)[];
+    displayDate: null;
+    min: (StringConstructor | NumberConstructor | DateConstructor)[];
+    max: (StringConstructor | NumberConstructor | DateConstructor)[];
 }>>;
-type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
+type VDatePickerYears = InstanceType<typeof VDatePickerYears>;
 
-declare const VOtpInput: {
+type InfiniteScrollSide = 'start' | 'end' | 'both';
+type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error';
+type InfiniteScrollSlot = {
+    side: InfiniteScrollSide;
+    props: Record<string, any>;
+};
+declare const VInfiniteScroll: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
-            length?: string | number | undefined;
-            type?: "number" | "text" | "password" | undefined;
-            error?: boolean | undefined;
-            label?: string | undefined;
-            style?: vue.StyleValue | undefined;
-            autofocus?: boolean | undefined;
-            disabled?: boolean | undefined;
-            rounded?: string | number | boolean | undefined;
-            variant?: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled"> | undefined;
-            modelValue?: string | number | undefined;
-            focused?: boolean | undefined;
-            focusAll?: boolean | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            tag?: string | undefined;
+            mode?: "manual" | "intersect" | undefined;
+            side?: InfiniteScrollSide | undefined;
+            loadMoreText?: string | undefined;
+            emptyText?: string | undefined;
             key?: string | number | symbol | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
+            margin?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            class?: any;
-            placeholder?: string | undefined;
+            style?: unknown;
+            class?: unknown;
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
+                loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            theme?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            divider?: string | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
-                loader?: false | (() => vue.VNodeChild) | undefined;
+                loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             } | undefined;
+            "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -74787,12 +74821,9 @@ declare const VOtpInput: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-            bgColor?: string | undefined;
-            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((val: boolean) => any)) | undefined;
-            baseColor?: string | undefined;
-            onFinish?: ((val: string) => any) | undefined;
+            "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -74804,88 +74835,94 @@ declare const VOtpInput: {
             default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            loading?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            error?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            empty?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "finish", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", val: boolean) => void);
+        $emit: (event: "load", options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            length: string | number;
-            type: "number" | "text" | "password";
-            error: boolean;
-            label: string;
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            focused: boolean;
-            focusAll: boolean;
+            direction: "horizontal" | "vertical";
+            tag: string;
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
         } & {
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
+            margin?: string | number | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            class?: any;
-            placeholder?: string | undefined;
-            theme?: string | undefined;
-            divider?: string | undefined;
-            rounded?: string | number | boolean | undefined;
-            modelValue?: string | number | undefined;
-            bgColor?: string | undefined;
-            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            baseColor?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
+                loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
-                loader?: false | (() => vue.VNodeChild) | undefined;
+                loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         } & {
-            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-            "onUpdate:focused"?: ((val: boolean) => any) | undefined;
-            onFinish?: ((val: string) => any) | undefined;
-        }, {
-            blur: () => void;
-            focus: () => void;
-            reset: () => void;
-            isFocused: vue.Ref<boolean> & {
-                readonly externalValue: boolean;
-            };
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            finish: (val: string) => true;
-            'update:focused': (val: boolean) => true;
-            'update:modelValue': (val: string) => true;
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
+        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            load: (options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => true;
         }, string, {
-            length: string | number;
-            type: "number" | "text" | "password";
-            error: boolean;
-            label: string;
-            style: vue.StyleValue;
-            autofocus: boolean;
-            disabled: boolean;
-            rounded: string | number | boolean;
-            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-            modelValue: string | number;
-            focused: boolean;
-            focusAll: boolean;
+            direction: "horizontal" | "vertical";
+            tag: string;
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
         }, {}, string, vue.SlotsType<Partial<{
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -74906,293 +74943,240 @@ declare const VOtpInput: {
             errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
-        $nextTick: typeof vue.nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        length: string | number;
-        type: "number" | "text" | "password";
-        error: boolean;
-        label: string;
-        style: vue.StyleValue;
-        autofocus: boolean;
-        disabled: boolean;
-        variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-        focused: boolean;
-        focusAll: boolean;
+        direction: "horizontal" | "vertical";
+        tag: string;
+        mode: "manual" | "intersect";
+        side: InfiniteScrollSide;
+        loadMoreText: string;
+        emptyText: string;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
         color?: string | undefined;
+        margin?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        loading?: string | boolean | undefined;
-        class?: any;
-        placeholder?: string | undefined;
-        theme?: string | undefined;
-        divider?: string | undefined;
-        rounded?: string | number | boolean | undefined;
-        modelValue?: string | number | undefined;
-        bgColor?: string | undefined;
-        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-        baseColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
-            loader?: (() => vue.VNodeChild) | undefined;
+            loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
-            loader?: false | (() => vue.VNodeChild) | undefined;
+            loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     } & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
-        onFinish?: ((val: string) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{
-        blur: () => void;
-        focus: () => void;
-        reset: () => void;
-        isFocused: vue.Ref<boolean> & {
-            readonly externalValue: boolean;
-        };
-    }> & {} & vue.ComponentCustomProperties & {};
+        onLoad?: ((options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    length: string | number;
-    type: "number" | "text" | "password";
-    error: boolean;
-    label: string;
-    style: vue.StyleValue;
-    autofocus: boolean;
-    disabled: boolean;
-    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-    focused: boolean;
-    focusAll: boolean;
+    direction: "horizontal" | "vertical";
+    tag: string;
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
 } & {
     height?: string | number | undefined;
     width?: string | number | undefined;
     color?: string | undefined;
+    margin?: string | number | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    loading?: string | boolean | undefined;
-    class?: any;
-    placeholder?: string | undefined;
-    theme?: string | undefined;
-    divider?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-    modelValue?: string | number | undefined;
-    bgColor?: string | undefined;
-    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-    baseColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
-        loader?: (() => vue.VNodeChild) | undefined;
+        loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
-        loader?: false | (() => vue.VNodeChild) | undefined;
+        loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
 } & {
-    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onUpdate:focused"?: ((val: boolean) => any) | undefined;
-    onFinish?: ((val: string) => any) | undefined;
-}, {
-    blur: () => void;
-    focus: () => void;
-    reset: () => void;
-    isFocused: vue.Ref<boolean> & {
-        readonly externalValue: boolean;
-    };
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    finish: (val: string) => true;
-    'update:focused': (val: boolean) => true;
-    'update:modelValue': (val: string) => true;
+    onLoad?: ((options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => any) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    load: (options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => true;
 }, string, {
-    length: string | number;
-    type: "number" | "text" | "password";
-    error: boolean;
-    label: string;
-    style: vue.StyleValue;
-    autofocus: boolean;
-    disabled: boolean;
-    rounded: string | number | boolean;
-    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
-    modelValue: string | number;
-    focused: boolean;
-    focusAll: boolean;
+    direction: "horizontal" | "vertical";
+    tag: string;
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    error: BooleanConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    class: PropType<any>;
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    variant: Omit<{
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    tag: {
+        type: StringConstructor;
         default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
-        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
     };
-    bgColor: StringConstructor;
-    baseColor: StringConstructor;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
-    autofocus: BooleanConstructor;
-    divider: StringConstructor;
-    focusAll: BooleanConstructor;
-    label: {
-        type: StringConstructor;
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
         default: string;
+        validator: (v: any) => boolean;
     };
-    length: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    placeholder: StringConstructor;
-    type: {
-        type: PropType<"number" | "text" | "password">;
+    side: {
+        type: PropType<InfiniteScrollSide>;
         default: string;
+        validator: (v: any) => boolean;
     };
-}, vue.ExtractPropTypes<{
-    error: BooleanConstructor;
-    color: StringConstructor;
-    loading: (StringConstructor | BooleanConstructor)[];
-    style: {
-        type: PropType<vue.StyleValue>;
-        default: null;
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: null;
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
     };
-    class: PropType<any>;
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
+    emptyText: {
+        type: StringConstructor;
+        default: string;
     };
-    variant: Omit<{
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+}, vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
         default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
-        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
     };
-    bgColor: StringConstructor;
-    baseColor: StringConstructor;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
-    autofocus: BooleanConstructor;
-    divider: StringConstructor;
-    focusAll: BooleanConstructor;
-    label: {
-        type: StringConstructor;
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
         default: string;
+        validator: (v: any) => boolean;
     };
-    length: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    side: {
+        type: PropType<InfiniteScrollSide>;
+        default: string;
+        validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
     };
-    placeholder: StringConstructor;
-    type: {
-        type: PropType<"number" | "text" | "password">;
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
         default: string;
     };
 }>>;
-type VOtpInput = InstanceType<typeof VOtpInput>;
+type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
 
-declare const VPicker: {
+declare const VOtpInput: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: {
+            length?: string | number | undefined;
+            type?: "number" | "text" | "password" | undefined;
+            error?: boolean | undefined;
+            label?: string | undefined;
             style?: vue.StyleValue | undefined;
-            landscape?: boolean | undefined;
-            tag?: string | undefined;
+            autofocus?: boolean | undefined;
+            disabled?: boolean | undefined;
             rounded?: string | number | boolean | undefined;
+            variant?: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled"> | undefined;
+            modelValue?: string | number | undefined;
+            focused?: boolean | undefined;
+            focusAll?: boolean | undefined;
             key?: string | number | symbol | undefined;
-            location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
-            border?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
-            title?: string | undefined;
+            loading?: string | boolean | undefined;
             class?: any;
+            placeholder?: string | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                header?: (() => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
-                actions?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
             };
-            elevation?: string | number | undefined;
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            divider?: string | undefined;
             'v-slots'?: {
-                header?: false | (() => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
-                actions?: false | (() => vue.VNodeChild) | undefined;
-                title?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -75232,9 +75216,12 @@ declare const VPicker: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            bgColor?: string | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((val: boolean) => any)) | undefined;
+            baseColor?: string | undefined;
+            onFinish?: ((val: string) => any) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -75243,76 +75230,91 @@ declare const VPicker: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            header?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
             default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            actions?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[]) | undefined;
-            title?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: ((event: "finish", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", val: boolean) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
             style: vue.StyleValue;
-            landscape: boolean;
-            tag: string;
+            autofocus: boolean;
+            disabled: boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            focused: boolean;
+            focusAll: boolean;
         } & {
-            location?: Anchor | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
-            border?: string | number | boolean | undefined;
+            color?: string | undefined;
             maxHeight?: string | number | undefined;
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
-            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
-            title?: string | undefined;
+            loading?: string | boolean | undefined;
             class?: any;
-            elevation?: string | number | undefined;
+            placeholder?: string | undefined;
             theme?: string | undefined;
+            divider?: string | undefined;
             rounded?: string | number | boolean | undefined;
+            modelValue?: string | number | undefined;
+            bgColor?: string | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+            baseColor?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                header?: (() => vue.VNodeChild) | undefined;
                 default?: (() => vue.VNodeChild) | undefined;
-                actions?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
-                header?: false | (() => vue.VNodeChild) | undefined;
                 default?: false | (() => vue.VNodeChild) | undefined;
-                actions?: false | (() => vue.VNodeChild) | undefined;
-                title?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+            onFinish?: ((val: string) => any) | undefined;
+        }, {
+            blur: () => void;
+            focus: () => void;
+            reset: () => void;
+            isFocused: vue.Ref<boolean> & {
+                readonly externalValue: boolean;
+            };
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            finish: (val: string) => true;
+            'update:focused': (val: boolean) => true;
+            'update:modelValue': (val: string) => true;
+        }, string, {
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
             style: vue.StyleValue;
-            landscape: boolean;
-            tag: string;
+            autofocus: boolean;
+            disabled: boolean;
             rounded: string | number | boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            modelValue: string | number;
+            focused: boolean;
+            focusAll: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
             default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>[];
-            title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -75336,169 +75338,251 @@ declare const VPicker: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        length: string | number;
+        type: "number" | "text" | "password";
+        error: boolean;
+        label: string;
         style: vue.StyleValue;
-        landscape: boolean;
-        tag: string;
+        autofocus: boolean;
+        disabled: boolean;
+        variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        focused: boolean;
+        focusAll: boolean;
     } & {
-        location?: Anchor | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
-        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
-        title?: string | undefined;
+        loading?: string | boolean | undefined;
         class?: any;
-        elevation?: string | number | undefined;
+        placeholder?: string | undefined;
         theme?: string | undefined;
+        divider?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        modelValue?: string | number | undefined;
+        bgColor?: string | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        baseColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            header?: (() => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
-            actions?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
+            loader?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            header?: false | (() => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
-            actions?: false | (() => vue.VNodeChild) | undefined;
-            title?: false | (() => vue.VNodeChild) | undefined;
+            loader?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+        "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+        onFinish?: ((val: string) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        blur: () => void;
+        focus: () => void;
+        reset: () => void;
+        isFocused: vue.Ref<boolean> & {
+            readonly externalValue: boolean;
+        };
+    }> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    length: string | number;
+    type: "number" | "text" | "password";
+    error: boolean;
+    label: string;
     style: vue.StyleValue;
-    landscape: boolean;
-    tag: string;
+    autofocus: boolean;
+    disabled: boolean;
+    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    focused: boolean;
+    focusAll: boolean;
 } & {
-    location?: Anchor | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
-    border?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
-    title?: string | undefined;
+    loading?: string | boolean | undefined;
     class?: any;
-    elevation?: string | number | undefined;
+    placeholder?: string | undefined;
     theme?: string | undefined;
+    divider?: string | undefined;
     rounded?: string | number | boolean | undefined;
+    modelValue?: string | number | undefined;
+    bgColor?: string | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+    baseColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        header?: (() => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
-        actions?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
-        header?: false | (() => vue.VNodeChild) | undefined;
         default?: false | (() => vue.VNodeChild) | undefined;
-        actions?: false | (() => vue.VNodeChild) | undefined;
-        title?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+    onFinish?: ((val: string) => any) | undefined;
+}, {
+    blur: () => void;
+    focus: () => void;
+    reset: () => void;
+    isFocused: vue.Ref<boolean> & {
+        readonly externalValue: boolean;
+    };
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    finish: (val: string) => true;
+    'update:focused': (val: boolean) => true;
+    'update:modelValue': (val: string) => true;
+}, string, {
+    length: string | number;
+    type: "number" | "text" | "password";
+    error: boolean;
+    label: string;
     style: vue.StyleValue;
-    landscape: boolean;
-    tag: string;
+    autofocus: boolean;
+    disabled: boolean;
     rounded: string | number | boolean;
+    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    modelValue: string | number;
+    focused: boolean;
+    focusAll: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    location: vue.PropType<Anchor>;
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    class: PropType<any>;
+    theme: StringConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    variant: Omit<{
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    bgColor: StringConstructor;
+    baseColor: StringConstructor;
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
-    class: vue.PropType<any>;
-    tag: {
+    width: (StringConstructor | NumberConstructor)[];
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    label: {
         type: StringConstructor;
         default: string;
     };
-    elevation: {
+    length: {
         type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
+        default: number;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    type: {
+        type: PropType<"number" | "text" | "password">;
+        default: string;
     };
+}, vue.ExtractPropTypes<{
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    class: PropType<any>;
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    landscape: BooleanConstructor;
-    title: StringConstructor;
-}, vue.ExtractPropTypes<{
-    location: vue.PropType<Anchor>;
+    variant: Omit<{
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    bgColor: StringConstructor;
+    baseColor: StringConstructor;
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
     height: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
-    position: {
-        type: vue.PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
-    class: vue.PropType<any>;
-    tag: {
+    width: (StringConstructor | NumberConstructor)[];
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    label: {
         type: StringConstructor;
         default: string;
     };
-    elevation: {
+    length: {
         type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
+        default: number;
     };
-    theme: StringConstructor;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    landscape: BooleanConstructor;
-    title: StringConstructor;
+    placeholder: StringConstructor;
+    type: {
+        type: PropType<"number" | "text" | "password">;
+        default: string;
+    };
 }>>;
-type VPicker = InstanceType<typeof VPicker>;
+type VOtpInput = InstanceType<typeof VOtpInput>;
 
 declare const VPickerTitle: {
     new (...args: any[]): {