vuetify 3.5.9 → 3.5.11

package/lib/components/VCombobox/index.d.mts

@@ -247,7 +247,7 @@ declare const VCombobox: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         flat: boolean;
         reverse: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
         error: boolean;
         active: boolean;
@@ -262,16 +262,16 @@ declare const VCombobox: {
         eager: boolean;
         disabled: boolean;
         readonly: boolean | null;
-        noDataText: string;
         messages: string | readonly string[];
-        tile: boolean;
-        density: Density;
-        valueComparator: typeof deepEqual;
-        clearIcon: IconValue;
+        noDataText: string;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule[];
+        tile: boolean;
+        density: Density;
+        valueComparator: typeof deepEqual;
+        clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
@@ -304,6 +304,8 @@ declare const VCombobox: {
         placeholder?: string | undefined;
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -315,8 +317,6 @@ declare const VCombobox: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
@@ -815,10 +815,10 @@ declare const VCombobox: {
         'update:modelValue': (value: any) => true;
         'update:search': (value: string) => true;
         'update:menu': (value: boolean) => true;
-    }, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         reverse: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
         error: boolean;
         active: boolean;
@@ -833,16 +833,16 @@ declare const VCombobox: {
         eager: boolean;
         disabled: boolean;
         readonly: boolean | null;
-        noDataText: string;
         messages: string | readonly string[];
-        tile: boolean;
-        density: Density;
-        valueComparator: typeof deepEqual;
-        clearIcon: IconValue;
+        noDataText: string;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule[];
+        tile: boolean;
+        density: Density;
+        valueComparator: typeof deepEqual;
+        clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
@@ -875,6 +875,8 @@ declare const VCombobox: {
         placeholder?: string | undefined;
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -886,8 +888,6 @@ declare const VCombobox: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
@@ -1384,7 +1384,7 @@ declare const VCombobox: {
     }, {
         flat: boolean;
         reverse: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
         error: boolean;
         active: boolean;
@@ -1399,17 +1399,17 @@ declare const VCombobox: {
         eager: boolean;
         disabled: boolean;
         readonly: boolean | null;
-        noDataText: string;
         messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -1501,7 +1501,7 @@ declare const VCombobox: {
     }, {
         flat: boolean;
         reverse: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
         error: boolean;
         active: boolean;
@@ -1516,16 +1516,16 @@ declare const VCombobox: {
         eager: boolean;
         disabled: boolean;
         readonly: boolean | null;
-        noDataText: string;
         messages: string | readonly string[];
-        tile: boolean;
-        density: Density;
-        valueComparator: typeof deepEqual;
-        clearIcon: IconValue;
+        noDataText: string;
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule[];
+        tile: boolean;
+        density: Density;
+        valueComparator: typeof deepEqual;
+        clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
         filterMode: FilterMode;
@@ -1558,6 +1558,8 @@ declare const VCombobox: {
         placeholder?: string | undefined;
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -1569,8 +1571,6 @@ declare const VCombobox: {
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         centerAffix?: boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
@@ -2067,7 +2067,7 @@ declare const VCombobox: {
     }, any, {}, {}, {}, {
         flat: boolean;
         reverse: boolean;
-        variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: string;
         error: boolean;
         active: boolean;
@@ -2082,17 +2082,17 @@ declare const VCombobox: {
         eager: boolean;
         disabled: boolean;
         readonly: boolean | null;
-        noDataText: string;
         messages: string | readonly string[];
+        noDataText: string;
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
         valueComparator: typeof deepEqual;
         clearIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -2121,7 +2121,7 @@ declare const VCombobox: {
 } & vue.ComponentOptionsBase<{
     flat: boolean;
     reverse: boolean;
-    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: string;
     error: boolean;
     active: boolean;
@@ -2136,16 +2136,16 @@ declare const VCombobox: {
     eager: boolean;
     disabled: boolean;
     readonly: boolean | null;
-    noDataText: string;
     messages: string | readonly string[];
-    tile: boolean;
-    density: Density;
-    valueComparator: typeof deepEqual;
-    clearIcon: IconValue;
+    noDataText: string;
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule[];
+    tile: boolean;
+    density: Density;
+    valueComparator: typeof deepEqual;
+    clearIcon: IconValue;
     hideSpinButtons: boolean;
     persistentHint: boolean;
     filterMode: FilterMode;
@@ -2178,6 +2178,8 @@ declare const VCombobox: {
     placeholder?: string | undefined;
     theme?: string | undefined;
     counter?: string | number | boolean | undefined;
+    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
@@ -2189,8 +2191,6 @@ declare const VCombobox: {
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
-    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
     centerAffix?: boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
@@ -2689,10 +2689,10 @@ declare const VCombobox: {
     'update:modelValue': (value: any) => true;
     'update:search': (value: string) => true;
     'update:menu': (value: boolean) => true;
-}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     flat: boolean;
     reverse: boolean;
-    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: string;
     error: boolean;
     active: boolean;
@@ -2707,17 +2707,17 @@ declare const VCombobox: {
     eager: boolean;
     disabled: boolean;
     readonly: boolean | null;
-    noDataText: string;
     messages: string | readonly string[];
+    noDataText: string;
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
     valueComparator: typeof deepEqual;
     clearIcon: IconValue;
-    focused: boolean;
-    errorMessages: string | readonly string[] | null;
-    maxErrors: string | number;
-    rules: readonly ValidationRule[];
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
@@ -2871,7 +2871,7 @@ declare const VCombobox: {
     flat: BooleanConstructor;
     reverse: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -2912,11 +2912,30 @@ declare const VCombobox: {
     class: PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
-    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     messages: {
         type: PropType<string | readonly string[]>;
         default: () => never[];
     };
+    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
+    errorMessages: {
+        type: PropType<string | readonly string[] | null>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: PropType<readonly ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: any;
+    };
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -2927,10 +2946,6 @@ declare const VCombobox: {
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: PropType<any>;
-        default: any;
-    };
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
@@ -2945,21 +2960,6 @@ declare const VCombobox: {
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
     'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<(args_0: boolean) => void>;
-    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
-    errorMessages: {
-        type: PropType<string | readonly string[] | null>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    rules: {
-        type: PropType<readonly ValidationRule[]>;
-        default: () => never[];
-    };
     centerAffix: {
         type: BooleanConstructor;
         default: undefined;
@@ -3555,7 +3555,7 @@ declare const VCombobox: {
     flat: BooleanConstructor;
     reverse: BooleanConstructor;
     variant: {
-        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -3596,11 +3596,30 @@ declare const VCombobox: {
     class: PropType<any>;
     placeholder: StringConstructor;
     theme: StringConstructor;
-    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     messages: {
         type: PropType<string | readonly string[]>;
         default: () => never[];
     };
+    counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<(args_0: boolean) => void>;
+    errorMessages: {
+        type: PropType<string | readonly string[] | null>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: PropType<readonly ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: any;
+    };
+    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -3611,10 +3630,6 @@ declare const VCombobox: {
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: PropType<any>;
-        default: any;
-    };
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
@@ -3629,21 +3644,6 @@ declare const VCombobox: {
     'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
     'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
     'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
-    focused: BooleanConstructor;
-    'onUpdate:focused': PropType<(args_0: boolean) => void>;
-    validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
-    errorMessages: {
-        type: PropType<string | readonly string[] | null>;
-        default: () => never[];
-    };
-    maxErrors: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    rules: {
-        type: PropType<readonly ValidationRule[]>;
-        default: () => never[];
-    };
     centerAffix: {
         type: BooleanConstructor;
         default: undefined;

package/lib/components/VDataTable/index.d.mts

@@ -879,7 +879,7 @@ declare const VDataTable: {
         'update:groupBy': (value: any) => boolean;
         'update:expanded': (value: any) => boolean;
         'update:currentItems': (value: any) => boolean;
-    }, "$children" | "headers" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "headers" | "v-slot:default" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         page: string | number;
         style: vue.StyleValue;
         expanded: readonly string[];
@@ -1301,7 +1301,7 @@ declare const VDataTable: {
     'update:groupBy': (value: any) => boolean;
     'update:expanded': (value: any) => boolean;
     'update:currentItems': (value: any) => boolean;
-}, "$children" | "headers" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
+}, "$children" | "headers" | "v-slot:default" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
     page: string | number;
     style: vue.StyleValue;
     expanded: readonly string[];
@@ -2305,7 +2305,7 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => boolean;
         'update:groupBy': (value: any) => boolean;
         'update:expanded': (value: any) => boolean;
-    }, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         expanded: readonly string[];
         tag: string;
@@ -2742,7 +2742,7 @@ declare const VDataTableVirtual: {
     'update:options': (value: any) => boolean;
     'update:groupBy': (value: any) => boolean;
     'update:expanded': (value: any) => boolean;
-}, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
+}, "$children" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
     style: vue.StyleValue;
     expanded: readonly string[];
     tag: string;
@@ -3292,7 +3292,7 @@ declare const VDataTableServer: {
         'update:options': (options: any) => boolean;
         'update:expanded': (options: any) => boolean;
         'update:groupBy': (value: any) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         page: string | number;
         style: vue.StyleValue;
         expanded: readonly string[];
@@ -3817,7 +3817,7 @@ declare const VDataTableServer: {
     'update:options': (options: any) => boolean;
     'update:expanded': (options: any) => boolean;
     'update:groupBy': (value: any) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "items" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
     page: string | number;
     style: vue.StyleValue;
     expanded: readonly string[];

package/lib/components/VDatePicker/VDatePickerMonth.mjs

@@ -38,6 +38,12 @@ export const VDatePickerMonth = genericComponent()({
     const adapter = useDate();
     const rangeStart = shallowRef();
     const rangeStop = shallowRef();
+    if (props.multiple === 'range' && model.value.length > 0) {
+      rangeStart.value = model.value[0];
+      if (model.value.length > 1) {
+        rangeStop.value = model.value[model.value.length - 1];
+      }
+    }
     const atMax = computed(() => {
       const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity;
       return model.value.length >= max;
@@ -48,15 +54,15 @@ export const VDatePickerMonth = genericComponent()({
         rangeStart.value = _value;
         model.value = [rangeStart.value];
       } else if (!rangeStop.value) {
-        if (adapter.isSameDay(value, rangeStart.value)) {
+        if (adapter.isSameDay(_value, rangeStart.value)) {
           rangeStart.value = undefined;
           model.value = [];
           return;
-        } else if (adapter.isBefore(value, rangeStart.value)) {
-          rangeStop.value = rangeStart.value;
+        } else if (adapter.isBefore(_value, rangeStart.value)) {
+          rangeStop.value = adapter.endOfDay(rangeStart.value);
           rangeStart.value = _value;
         } else {
-          rangeStop.value = _value;
+          rangeStop.value = adapter.endOfDay(_value);
         }
         const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
         const datesInRange = [rangeStart.value];

package/lib/components/VDatePicker/VDatePickerMonth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDatePickerMonth.mjs","names":["VBtn","VDefaultsProvider","makeCalendarProps","useCalendar","useDate","computed","ref","shallowRef","genericComponent","propsFactory","makeVDatePickerMonthProps","color","String","hideWeekdays","Boolean","multiple","Number","showWeek","VDatePickerMonth","name","props","emits","date","setup","_ref","emit","slots","daysRef","daysInMonth","model","weekNumbers","adapter","rangeStart","rangeStop","atMax","max","includes","Infinity","value","length","onRangeClick","_value","startOfDay","isSameDay","undefined","isBefore","diff","getDiff","datesInRange","i","nextDate","addDays","push","onMultipleClick","index","findIndex","selection","splice","onClick","_createVNode","_createTextVNode","map","week","getWeekdays","weekDay","item","slotProps","isSelected","isDisabled","isAdjacent","isHidden","isWeekEnd","isWeekStart","isoDate","showAdjacentMonths","class","isToday","disabled","icon","ripple","text","localized","variant","default","day"],"sources":["../../../src/components/VDatePicker/VDatePickerMonth.tsx"],"sourcesContent":["// Styles\nimport './VDatePickerMonth.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, ref, shallowRef } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VDatePickerMonthSlots = {\n  day: {\n    props: {\n      onClick: () => void\n    }\n    item: any\n    i: number\n  }\n}\n\nexport const makeVDatePickerMonthProps = propsFactory({\n  color: String,\n  hideWeekdays: Boolean,\n  multiple: [Boolean, Number, String] as PropType<boolean | 'range' | number | (string & {})>,\n  showWeek: Boolean,\n\n  ...makeCalendarProps(),\n}, 'VDatePickerMonth')\n\nexport const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({\n  name: 'VDatePickerMonth',\n\n  props: makeVDatePickerMonthProps(),\n\n  emits: {\n    'update:modelValue': (date: unknown) => true,\n    'update:month': (date: number) => true,\n    'update:year': (date: number) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const daysRef = ref()\n\n    const { daysInMonth, model, weekNumbers } = useCalendar(props)\n    const adapter = useDate()\n\n    const rangeStart = shallowRef()\n    const rangeStop = shallowRef()\n\n    const atMax = computed(() => {\n      const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity\n\n      return model.value.length >= max\n    })\n\n    function onRangeClick (value: unknown) {\n      const _value = adapter.startOfDay(value)\n\n      if (!rangeStart.value) {\n        rangeStart.value = _value\n        model.value = [rangeStart.value]\n      } else if (!rangeStop.value) {\n        if (adapter.isSameDay(value, rangeStart.value)) {\n          rangeStart.value = undefined\n          model.value = []\n          return\n        } else if (adapter.isBefore(value, rangeStart.value)) {\n          rangeStop.value = rangeStart.value\n          rangeStart.value = _value\n        } else {\n          rangeStop.value = _value\n        }\n\n        const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days')\n        const datesInRange = [rangeStart.value]\n\n        for (let i = 1; i < diff; i++) {\n          const nextDate = adapter.addDays(rangeStart.value, i)\n          datesInRange.push(nextDate)\n        }\n\n        datesInRange.push(rangeStop.value)\n\n        model.value = datesInRange\n      } else {\n        rangeStart.value = value\n        rangeStop.value = undefined\n        model.value = [rangeStart.value]\n      }\n    }\n\n    function onMultipleClick (value: unknown) {\n      const index = model.value.findIndex(selection => adapter.isSameDay(selection, value))\n\n      if (index === -1) {\n        model.value = [...model.value, value]\n      } else {\n        const value = [...model.value]\n        value.splice(index, 1)\n        model.value = value\n      }\n    }\n\n    function onClick (value: unknown) {\n      if (props.multiple === 'range') {\n        onRangeClick(value)\n      } else if (props.multiple) {\n        onMultipleClick(value)\n      } else {\n        model.value = [value]\n      }\n    }\n\n    return () => (\n      <div class=\"v-date-picker-month\">\n        { props.showWeek && (\n          <div key=\"weeks\" class=\"v-date-picker-month__weeks\">\n            { !props.hideWeekdays && (\n              <div key=\"hide-week-days\" class=\"v-date-picker-month__day\">&nbsp;</div>\n            )}\n            { weekNumbers.value.map(week => (\n              <div\n                class={[\n                  'v-date-picker-month__day',\n                  'v-date-picker-month__day--adjacent',\n                ]}\n              >{ week }</div>\n            ))}\n          </div>\n        )}\n\n        <div\n          ref={ daysRef }\n          class=\"v-date-picker-month__days\"\n        >\n          { !props.hideWeekdays && adapter.getWeekdays().map(weekDay => (\n            <div\n              class={[\n                'v-date-picker-month__day',\n                'v-date-picker-month__weekday',\n              ]}\n            >{ weekDay }</div>\n          ))}\n\n          { daysInMonth.value.map((item, i) => {\n            const slotProps = {\n              props: {\n                onClick: () => onClick(item.date),\n              },\n              item,\n              i,\n            } as const\n\n            if (atMax.value && !item.isSelected) {\n              item.isDisabled = true\n            }\n\n            return (\n              <div\n                class={[\n                  'v-date-picker-month__day',\n                  {\n                    'v-date-picker-month__day--adjacent': item.isAdjacent,\n                    'v-date-picker-month__day--hide-adjacent': item.isHidden,\n                    'v-date-picker-month__day--selected': item.isSelected,\n                    'v-date-picker-month__day--week-end': item.isWeekEnd,\n                    'v-date-picker-month__day--week-start': item.isWeekStart,\n                  },\n                ]}\n                data-v-date={ !item.isDisabled ? item.isoDate : undefined }\n              >\n\n                { (props.showAdjacentMonths || !item.isAdjacent) && (\n                  <VDefaultsProvider\n                    defaults={{\n                      VBtn: {\n                        class: 'v-date-picker-month__day-btn',\n                        color: (item.isSelected || item.isToday) && !item.isDisabled\n                          ? props.color\n                          : undefined,\n                        disabled: item.isDisabled,\n                        icon: true,\n                        ripple: false,\n                        text: item.localized,\n                        variant: item.isDisabled\n                          ? item.isToday ? 'outlined' : 'text'\n                          : item.isToday && !item.isSelected ? 'outlined' : 'flat',\n                        onClick: () => onClick(item.date),\n                      },\n                    }}\n                  >\n                    { slots.day?.(slotProps) ?? (\n                      <VBtn { ...slotProps.props } />\n                    )}\n                  </VDefaultsProvider>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n})\n\nexport type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>\n"],"mappings":"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"}
+{"version":3,"file":"VDatePickerMonth.mjs","names":["VBtn","VDefaultsProvider","makeCalendarProps","useCalendar","useDate","computed","ref","shallowRef","genericComponent","propsFactory","makeVDatePickerMonthProps","color","String","hideWeekdays","Boolean","multiple","Number","showWeek","VDatePickerMonth","name","props","emits","date","setup","_ref","emit","slots","daysRef","daysInMonth","model","weekNumbers","adapter","rangeStart","rangeStop","value","length","atMax","max","includes","Infinity","onRangeClick","_value","startOfDay","isSameDay","undefined","isBefore","endOfDay","diff","getDiff","datesInRange","i","nextDate","addDays","push","onMultipleClick","index","findIndex","selection","splice","onClick","_createVNode","_createTextVNode","map","week","getWeekdays","weekDay","item","slotProps","isSelected","isDisabled","isAdjacent","isHidden","isWeekEnd","isWeekStart","isoDate","showAdjacentMonths","class","isToday","disabled","icon","ripple","text","localized","variant","default","day"],"sources":["../../../src/components/VDatePicker/VDatePickerMonth.tsx"],"sourcesContent":["// Styles\nimport './VDatePickerMonth.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, ref, shallowRef } from 'vue'\nimport { genericComponent, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VDatePickerMonthSlots = {\n  day: {\n    props: {\n      onClick: () => void\n    }\n    item: any\n    i: number\n  }\n}\n\nexport const makeVDatePickerMonthProps = propsFactory({\n  color: String,\n  hideWeekdays: Boolean,\n  multiple: [Boolean, Number, String] as PropType<boolean | 'range' | number | (string & {})>,\n  showWeek: Boolean,\n\n  ...makeCalendarProps(),\n}, 'VDatePickerMonth')\n\nexport const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({\n  name: 'VDatePickerMonth',\n\n  props: makeVDatePickerMonthProps(),\n\n  emits: {\n    'update:modelValue': (date: unknown) => true,\n    'update:month': (date: number) => true,\n    'update:year': (date: number) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const daysRef = ref()\n\n    const { daysInMonth, model, weekNumbers } = useCalendar(props)\n    const adapter = useDate()\n\n    const rangeStart = shallowRef()\n    const rangeStop = shallowRef()\n\n    if (props.multiple === 'range' && model.value.length > 0) {\n      rangeStart.value = model.value[0]\n      if (model.value.length > 1) {\n        rangeStop.value = model.value[model.value.length - 1]\n      }\n    }\n\n    const atMax = computed(() => {\n      const max = ['number', 'string'].includes(typeof props.multiple) ? Number(props.multiple) : Infinity\n\n      return model.value.length >= max\n    })\n\n    function onRangeClick (value: unknown) {\n      const _value = adapter.startOfDay(value)\n\n      if (!rangeStart.value) {\n        rangeStart.value = _value\n        model.value = [rangeStart.value]\n      } else if (!rangeStop.value) {\n        if (adapter.isSameDay(_value, rangeStart.value)) {\n          rangeStart.value = undefined\n          model.value = []\n          return\n        } else if (adapter.isBefore(_value, rangeStart.value)) {\n          rangeStop.value = adapter.endOfDay(rangeStart.value)\n          rangeStart.value = _value\n        } else {\n          rangeStop.value = adapter.endOfDay(_value)\n        }\n\n        const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days')\n        const datesInRange = [rangeStart.value]\n\n        for (let i = 1; i < diff; i++) {\n          const nextDate = adapter.addDays(rangeStart.value, i)\n          datesInRange.push(nextDate)\n        }\n\n        datesInRange.push(rangeStop.value)\n\n        model.value = datesInRange\n      } else {\n        rangeStart.value = value\n        rangeStop.value = undefined\n        model.value = [rangeStart.value]\n      }\n    }\n\n    function onMultipleClick (value: unknown) {\n      const index = model.value.findIndex(selection => adapter.isSameDay(selection, value))\n\n      if (index === -1) {\n        model.value = [...model.value, value]\n      } else {\n        const value = [...model.value]\n        value.splice(index, 1)\n        model.value = value\n      }\n    }\n\n    function onClick (value: unknown) {\n      if (props.multiple === 'range') {\n        onRangeClick(value)\n      } else if (props.multiple) {\n        onMultipleClick(value)\n      } else {\n        model.value = [value]\n      }\n    }\n\n    return () => (\n      <div class=\"v-date-picker-month\">\n        { props.showWeek && (\n          <div key=\"weeks\" class=\"v-date-picker-month__weeks\">\n            { !props.hideWeekdays && (\n              <div key=\"hide-week-days\" class=\"v-date-picker-month__day\">&nbsp;</div>\n            )}\n            { weekNumbers.value.map(week => (\n              <div\n                class={[\n                  'v-date-picker-month__day',\n                  'v-date-picker-month__day--adjacent',\n                ]}\n              >{ week }</div>\n            ))}\n          </div>\n        )}\n\n        <div\n          ref={ daysRef }\n          class=\"v-date-picker-month__days\"\n        >\n          { !props.hideWeekdays && adapter.getWeekdays().map(weekDay => (\n            <div\n              class={[\n                'v-date-picker-month__day',\n                'v-date-picker-month__weekday',\n              ]}\n            >{ weekDay }</div>\n          ))}\n\n          { daysInMonth.value.map((item, i) => {\n            const slotProps = {\n              props: {\n                onClick: () => onClick(item.date),\n              },\n              item,\n              i,\n            } as const\n\n            if (atMax.value && !item.isSelected) {\n              item.isDisabled = true\n            }\n\n            return (\n              <div\n                class={[\n                  'v-date-picker-month__day',\n                  {\n                    'v-date-picker-month__day--adjacent': item.isAdjacent,\n                    'v-date-picker-month__day--hide-adjacent': item.isHidden,\n                    'v-date-picker-month__day--selected': item.isSelected,\n                    'v-date-picker-month__day--week-end': item.isWeekEnd,\n                    'v-date-picker-month__day--week-start': item.isWeekStart,\n                  },\n                ]}\n                data-v-date={ !item.isDisabled ? item.isoDate : undefined }\n              >\n\n                { (props.showAdjacentMonths || !item.isAdjacent) && (\n                  <VDefaultsProvider\n                    defaults={{\n                      VBtn: {\n                        class: 'v-date-picker-month__day-btn',\n                        color: (item.isSelected || item.isToday) && !item.isDisabled\n                          ? props.color\n                          : undefined,\n                        disabled: item.isDisabled,\n                        icon: true,\n                        ripple: false,\n                        text: item.localized,\n                        variant: item.isDisabled\n                          ? item.isToday ? 'outlined' : 'text'\n                          : item.isToday && !item.isSelected ? 'outlined' : 'flat',\n                        onClick: () => onClick(item.date),\n                      },\n                    }}\n                  >\n                    { slots.day?.(slotProps) ?? (\n                      <VBtn { ...slotProps.props } />\n                    )}\n                  </VDefaultsProvider>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n})\n\nexport type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>\n"],"mappings":"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"}