vuetify 3.3.7 → 3.3.9

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

@@ -75,6 +75,7 @@ type InternalDataTableHeader = DataTableHeader & {
     lastFixed?: boolean;
 };
 interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {
+    key: any;
     index: number;
     columns: {
         [key: string]: any;
@@ -179,7 +180,7 @@ type GroupHeaderSlot = {
     isSelected: ReturnType<typeof provideSelection>['isSelected'];
     toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
     toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
-    isGroupOpen: ReturnType<typeof provideGroupBy>['toggleGroup'];
+    isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
 };
 type ItemSlot = {
     index: number;
@@ -869,7 +870,7 @@ declare const VDataTable: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -985,7 +986,7 @@ declare const VDataTable: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -1134,7 +1135,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
                 index: number;
@@ -1219,7 +1220,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -1434,7 +1435,7 @@ declare const VDataTable: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -1545,7 +1546,7 @@ declare const VDataTable: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -1656,7 +1657,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
@@ -1841,7 +1842,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -2071,7 +2072,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((arg: {
@@ -2182,7 +2183,7 @@ declare const VDataTable: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((arg: {
@@ -2293,7 +2294,7 @@ declare const VDataTable: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((arg: {
@@ -2479,7 +2480,7 @@ declare const VDataTable: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((arg: {
@@ -2590,7 +2591,7 @@ declare const VDataTable: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((arg: {
@@ -2701,7 +2702,7 @@ declare const VDataTable: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNodeChild) | undefined;
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((arg: {
@@ -2886,7 +2887,7 @@ declare const VDataTable: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -3856,7 +3857,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -3966,7 +3967,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -4110,7 +4111,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
                 index: number;
@@ -4191,7 +4192,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -4373,7 +4374,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -4479,7 +4480,7 @@ declare const VDataTableVirtual: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -4585,7 +4586,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
@@ -4751,7 +4752,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -4946,7 +4947,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((arg: {
@@ -5052,7 +5053,7 @@ declare const VDataTableVirtual: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((arg: {
@@ -5158,7 +5159,7 @@ declare const VDataTableVirtual: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((arg: {
@@ -5324,7 +5325,7 @@ declare const VDataTableVirtual: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((arg: {
@@ -5430,7 +5431,7 @@ declare const VDataTableVirtual: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((arg: {
@@ -5536,7 +5537,7 @@ declare const VDataTableVirtual: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNodeChild) | undefined;
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((arg: {
@@ -5702,7 +5703,7 @@ declare const VDataTableVirtual: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -6107,7 +6108,7 @@ declare const VDataTableServer: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -6223,7 +6224,7 @@ declare const VDataTableServer: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -6372,7 +6373,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
                 index: number;
@@ -6457,7 +6458,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
@@ -6670,7 +6671,7 @@ declare const VDataTableServer: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: ((arg: {
@@ -6781,7 +6782,7 @@ declare const VDataTableServer: {
                     isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                     toggleSelect: (item: SelectableItem) => void;
                     toggleGroup: (group: Group<any>) => void;
-                    isGroupOpen: (group: Group<any>) => void;
+                    isGroupOpen: (group: Group<any>) => boolean;
                 }) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
                 'expanded-row'?: false | ((arg: {
@@ -6892,7 +6893,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:expanded-row"?: false | ((arg: {
@@ -7081,7 +7082,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
@@ -7307,7 +7308,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: (() => vue.VNodeChild) | undefined;
             'expanded-row'?: ((arg: {
@@ -7418,7 +7419,7 @@ declare const VDataTableServer: {
                 isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
                 toggleSelect: (item: SelectableItem) => void;
                 toggleGroup: (group: Group<any>) => void;
-                isGroupOpen: (group: Group<any>) => void;
+                isGroupOpen: (group: Group<any>) => boolean;
             }) => vue.VNodeChild) | undefined;
             'no-data'?: false | (() => vue.VNodeChild) | undefined;
             'expanded-row'?: false | ((arg: {
@@ -7529,7 +7530,7 @@ declare const VDataTableServer: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:expanded-row"?: false | ((arg: {
@@ -7714,7 +7715,7 @@ declare const VDataTableServer: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: (() => vue.VNodeChild) | undefined;
         'expanded-row'?: ((arg: {
@@ -7825,7 +7826,7 @@ declare const VDataTableServer: {
             isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
             toggleSelect: (item: SelectableItem) => void;
             toggleGroup: (group: Group<any>) => void;
-            isGroupOpen: (group: Group<any>) => void;
+            isGroupOpen: (group: Group<any>) => boolean;
         }) => vue.VNodeChild) | undefined;
         'no-data'?: false | (() => vue.VNodeChild) | undefined;
         'expanded-row'?: false | ((arg: {
@@ -7936,7 +7937,7 @@ declare const VDataTableServer: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNodeChild) | undefined;
     "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:expanded-row"?: false | ((arg: {
@@ -8125,7 +8126,7 @@ declare const VDataTableServer: {
         isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
         toggleSelect: (item: SelectableItem) => void;
         toggleGroup: (group: Group<any>) => void;
-        isGroupOpen: (group: Group<any>) => void;
+        isGroupOpen: (group: Group<any>) => boolean;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];

package/lib/labs/VDataTable/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/labs/VDataTable/types.ts"],"sourcesContent":["// Types\nimport type { GroupableItem } from './composables/group'\nimport type { SelectableItem } from './composables/select'\nimport type { SelectItemKey } from '@/util'\n\nexport type DataTableCompareFunction<T = any> = (a: T, b: T) => number\n\nexport type DataTableHeader = {\n  key: string\n  value?: SelectItemKey\n  title: string\n\n  colspan?: number\n  rowspan?: number\n\n  fixed?: boolean\n  align?: 'start' | 'end' | 'center'\n\n  width?: number | string\n  minWidth?: string\n  maxWidth?: string\n\n  sortable?: boolean\n  sort?: DataTableCompareFunction\n}\n\nexport type InternalDataTableHeader = DataTableHeader & {\n  sortable: boolean\n  fixedOffset?: number\n  lastFixed?: boolean\n}\n\nexport interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {\n  index: number\n  columns: {\n    [key: string]: any\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/labs/VDataTable/types.ts"],"sourcesContent":["// Types\nimport type { GroupableItem } from './composables/group'\nimport type { SelectableItem } from './composables/select'\nimport type { SelectItemKey } from '@/util'\n\nexport type DataTableCompareFunction<T = any> = (a: T, b: T) => number\n\nexport type DataTableHeader = {\n  key: string\n  value?: SelectItemKey\n  title: string\n\n  colspan?: number\n  rowspan?: number\n\n  fixed?: boolean\n  align?: 'start' | 'end' | 'center'\n\n  width?: number | string\n  minWidth?: string\n  maxWidth?: string\n\n  sortable?: boolean\n  sort?: DataTableCompareFunction\n}\n\nexport type InternalDataTableHeader = DataTableHeader & {\n  sortable: boolean\n  fixedOffset?: number\n  lastFixed?: boolean\n}\n\nexport interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {\n  key: any\n  index: number\n  columns: {\n    [key: string]: any\n  }\n}\n"],"mappings":""}

package/lib/labs/VDateInput/composables.mjs

@@ -9,7 +9,7 @@ export const makeDateProps = propsFactory({
   },
   displayDate: {
     type: null,
-    default: new Date()
+    default: null
   },
   inputMode: {
     type: String,

package/lib/labs/VDateInput/composables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"composables.mjs","names":["useProxiedModel","useDate","propsFactory","wrapInArray","makeDateProps","modelValue","type","default","displayDate","Date","inputMode","String","viewMode","format","dateEmits","date","focused","createDateInput","props","isRange","adapter","model","v","arr","filter","map","formatted","d","value","length","parseKeyboardDate","input","fallback","isValid"],"sources":["../../../src/labs/VDateInput/composables.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useDate } from '@/labs/date'\n\n// Utilities\nimport { propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeDateProps = propsFactory({\n  modelValue: {\n    type: null as unknown as PropType<any[]>,\n    default: () => [],\n  },\n  displayDate: {\n    type: null as unknown as PropType<any>,\n    default: new Date(),\n  },\n  inputMode: {\n    type: String as PropType<'calendar' | 'keyboard'>,\n    default: 'calendar',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'year'>,\n    default: 'month',\n  },\n  format: String,\n}, 'date')\n\nexport const dateEmits = {\n  'update:modelValue': (date: any[]) => true,\n  'update:displayDate': (date: any) => true,\n  'update:focused': (focused: boolean) => true,\n  'update:inputMode': (inputMode: 'calendar' | 'keyboard') => true,\n  'update:viewMode': (viewMode: 'month' | 'year') => true,\n}\n\ntype DateInputProps = {\n  modelValue?: any | any[]\n  'onUpdate:modelValue': ((value: any | any[]) => void) | undefined\n  displayDate?: any\n  'onUpdate:displayDate': ((value: any) => void) | undefined\n  inputMode?: 'calendar' | 'keyboard'\n  'onUpdate:inputMode': ((value: 'calendar' | 'keyboard') => void) | undefined\n  viewMode?: 'month' | 'year'\n  'onUpdate:viewMode': ((value: 'month' | 'year') => void) | undefined\n  format?: string\n}\n\nexport function createDateInput (props: DateInputProps, isRange: boolean) {\n  const adapter = useDate()\n  const model = useProxiedModel(\n    props,\n    'modelValue',\n    [],\n    v => {\n      if (v == null) return []\n      const arr = wrapInArray(v).filter(v => !!v)\n      return arr.map(adapter.date) as Date[]\n    },\n    v => {\n      const arr = wrapInArray(v)\n      const formatted = props.format ? arr.map(d => adapter.format(d, props.format as any)) : arr\n      if (isRange) return formatted\n      return formatted[0]\n    })\n\n  const inputMode = useProxiedModel(props, 'inputMode')\n  const viewMode = useProxiedModel(props, 'viewMode')\n  const displayDate = useProxiedModel(props, 'displayDate', model.value.length ? model.value[0] : adapter.date())\n\n  function parseKeyboardDate (input: string, fallback?: any) {\n    const date = adapter.date(input)\n\n    return adapter.isValid(date) ? date : fallback\n  }\n\n  return {\n    model,\n    adapter,\n    inputMode,\n    viewMode,\n    displayDate,\n    parseKeyboardDate,\n  }\n}\n"],"mappings":"AAAA;AAAA,SACSA,eAAe;AAAA,SACfC,OAAO,6BAEhB;AAAA,SACSC,YAAY,EAAEC,WAAW,gCAElC;AAGA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,UAAU,EAAE;IACVC,IAAI,EAAE,IAAkC;IACxCC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,WAAW,EAAE;IACXF,IAAI,EAAE,IAAgC;IACtCC,OAAO,EAAE,IAAIE,IAAI;EACnB,CAAC;EACDC,SAAS,EAAE;IACTJ,IAAI,EAAEK,MAA2C;IACjDJ,OAAO,EAAE;EACX,CAAC;EACDK,QAAQ,EAAE;IACRN,IAAI,EAAEK,MAAoC;IAC1CJ,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAEF;AACV,CAAC,EAAE,MAAM,CAAC;AAEV,OAAO,MAAMG,SAAS,GAAG;EACvB,mBAAmB,EAAGC,IAAW,IAAK,IAAI;EAC1C,oBAAoB,EAAGA,IAAS,IAAK,IAAI;EACzC,gBAAgB,EAAGC,OAAgB,IAAK,IAAI;EAC5C,kBAAkB,EAAGN,SAAkC,IAAK,IAAI;EAChE,iBAAiB,EAAGE,QAA0B,IAAK;AACrD,CAAC;AAcD,OAAO,SAASK,eAAeA,CAAEC,KAAqB,EAAEC,OAAgB,EAAE;EACxE,MAAMC,OAAO,GAAGnB,OAAO,EAAE;EACzB,MAAMoB,KAAK,GAAGrB,eAAe,CAC3BkB,KAAK,EACL,YAAY,EACZ,EAAE,EACFI,CAAC,IAAI;IACH,IAAIA,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE;IACxB,MAAMC,GAAG,GAAGpB,WAAW,CAACmB,CAAC,CAAC,CAACE,MAAM,CAACF,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC;IAC3C,OAAOC,GAAG,CAACE,GAAG,CAACL,OAAO,CAACL,IAAI,CAAC;EAC9B,CAAC,EACDO,CAAC,IAAI;IACH,MAAMC,GAAG,GAAGpB,WAAW,CAACmB,CAAC,CAAC;IAC1B,MAAMI,SAAS,GAAGR,KAAK,CAACL,MAAM,GAAGU,GAAG,CAACE,GAAG,CAACE,CAAC,IAAIP,OAAO,CAACP,MAAM,CAACc,CAAC,EAAET,KAAK,CAACL,MAAM,CAAQ,CAAC,GAAGU,GAAG;IAC3F,IAAIJ,OAAO,EAAE,OAAOO,SAAS;IAC7B,OAAOA,SAAS,CAAC,CAAC,CAAC;EACrB,CAAC,CAAC;EAEJ,MAAMhB,SAAS,GAAGV,eAAe,CAACkB,KAAK,EAAE,WAAW,CAAC;EACrD,MAAMN,QAAQ,GAAGZ,eAAe,CAACkB,KAAK,EAAE,UAAU,CAAC;EACnD,MAAMV,WAAW,GAAGR,eAAe,CAACkB,KAAK,EAAE,aAAa,EAAEG,KAAK,CAACO,KAAK,CAACC,MAAM,GAAGR,KAAK,CAACO,KAAK,CAAC,CAAC,CAAC,GAAGR,OAAO,CAACL,IAAI,EAAE,CAAC;EAE/G,SAASe,iBAAiBA,CAAEC,KAAa,EAAEC,QAAc,EAAE;IACzD,MAAMjB,IAAI,GAAGK,OAAO,CAACL,IAAI,CAACgB,KAAK,CAAC;IAEhC,OAAOX,OAAO,CAACa,OAAO,CAAClB,IAAI,CAAC,GAAGA,IAAI,GAAGiB,QAAQ;EAChD;EAEA,OAAO;IACLX,KAAK;IACLD,OAAO;IACPV,SAAS;IACTE,QAAQ;IACRJ,WAAW;IACXsB;EACF,CAAC;AACH"}
+{"version":3,"file":"composables.mjs","names":["useProxiedModel","useDate","propsFactory","wrapInArray","makeDateProps","modelValue","type","default","displayDate","inputMode","String","viewMode","format","dateEmits","date","focused","createDateInput","props","isRange","adapter","model","v","arr","filter","map","formatted","d","value","length","parseKeyboardDate","input","fallback","isValid"],"sources":["../../../src/labs/VDateInput/composables.ts"],"sourcesContent":["// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useDate } from '@/labs/date'\n\n// Utilities\nimport { propsFactory, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeDateProps = propsFactory({\n  modelValue: {\n    type: null as unknown as PropType<any[]>,\n    default: () => [],\n  },\n  displayDate: {\n    type: null as unknown as PropType<any>,\n    default: null,\n  },\n  inputMode: {\n    type: String as PropType<'calendar' | 'keyboard'>,\n    default: 'calendar',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'year'>,\n    default: 'month',\n  },\n  format: String,\n}, 'date')\n\nexport const dateEmits = {\n  'update:modelValue': (date: readonly any[]) => true,\n  'update:displayDate': (date: any) => true,\n  'update:focused': (focused: boolean) => true,\n  'update:inputMode': (inputMode: 'calendar' | 'keyboard') => true,\n  'update:viewMode': (viewMode: 'month' | 'year') => true,\n}\n\nexport type DateInputProps = {\n  modelValue?: any | any[]\n  'onUpdate:modelValue': ((value: any | any[]) => void) | undefined\n  displayDate?: any\n  'onUpdate:displayDate': ((value: any) => void) | undefined\n  inputMode?: 'calendar' | 'keyboard'\n  'onUpdate:inputMode': ((value: 'calendar' | 'keyboard') => void) | undefined\n  viewMode?: 'month' | 'year'\n  'onUpdate:viewMode': ((value: 'month' | 'year') => void) | undefined\n  format?: string\n}\n\nexport function createDateInput (props: DateInputProps, isRange: boolean) {\n  const adapter = useDate()\n  const model = useProxiedModel(\n    props,\n    'modelValue',\n    [],\n    v => {\n      if (v == null) return []\n      const arr = wrapInArray(v).filter(v => !!v)\n      return arr.map(adapter.date) as Date[]\n    },\n    v => {\n      const arr = wrapInArray(v)\n      const formatted = props.format ? arr.map(d => adapter.format(d, props.format as any)) : arr\n      if (isRange) return formatted\n      return formatted[0]\n    })\n\n  const inputMode = useProxiedModel(props, 'inputMode')\n  const viewMode = useProxiedModel(props, 'viewMode')\n  const displayDate = useProxiedModel(props, 'displayDate', model.value.length ? model.value[0] : adapter.date())\n\n  function parseKeyboardDate (input: string, fallback?: any) {\n    const date = adapter.date(input)\n\n    return adapter.isValid(date) ? date : fallback\n  }\n\n  return {\n    model,\n    adapter,\n    inputMode,\n    viewMode,\n    displayDate,\n    parseKeyboardDate,\n  }\n}\n"],"mappings":"AAAA;AAAA,SACSA,eAAe;AAAA,SACfC,OAAO,6BAEhB;AAAA,SACSC,YAAY,EAAEC,WAAW,gCAElC;AAGA,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAAC;EACxCG,UAAU,EAAE;IACVC,IAAI,EAAE,IAAkC;IACxCC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,WAAW,EAAE;IACXF,IAAI,EAAE,IAAgC;IACtCC,OAAO,EAAE;EACX,CAAC;EACDE,SAAS,EAAE;IACTH,IAAI,EAAEI,MAA2C;IACjDH,OAAO,EAAE;EACX,CAAC;EACDI,QAAQ,EAAE;IACRL,IAAI,EAAEI,MAAoC;IAC1CH,OAAO,EAAE;EACX,CAAC;EACDK,MAAM,EAAEF;AACV,CAAC,EAAE,MAAM,CAAC;AAEV,OAAO,MAAMG,SAAS,GAAG;EACvB,mBAAmB,EAAGC,IAAoB,IAAK,IAAI;EACnD,oBAAoB,EAAGA,IAAS,IAAK,IAAI;EACzC,gBAAgB,EAAGC,OAAgB,IAAK,IAAI;EAC5C,kBAAkB,EAAGN,SAAkC,IAAK,IAAI;EAChE,iBAAiB,EAAGE,QAA0B,IAAK;AACrD,CAAC;AAcD,OAAO,SAASK,eAAeA,CAAEC,KAAqB,EAAEC,OAAgB,EAAE;EACxE,MAAMC,OAAO,GAAGlB,OAAO,EAAE;EACzB,MAAMmB,KAAK,GAAGpB,eAAe,CAC3BiB,KAAK,EACL,YAAY,EACZ,EAAE,EACFI,CAAC,IAAI;IACH,IAAIA,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE;IACxB,MAAMC,GAAG,GAAGnB,WAAW,CAACkB,CAAC,CAAC,CAACE,MAAM,CAACF,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC;IAC3C,OAAOC,GAAG,CAACE,GAAG,CAACL,OAAO,CAACL,IAAI,CAAC;EAC9B,CAAC,EACDO,CAAC,IAAI;IACH,MAAMC,GAAG,GAAGnB,WAAW,CAACkB,CAAC,CAAC;IAC1B,MAAMI,SAAS,GAAGR,KAAK,CAACL,MAAM,GAAGU,GAAG,CAACE,GAAG,CAACE,CAAC,IAAIP,OAAO,CAACP,MAAM,CAACc,CAAC,EAAET,KAAK,CAACL,MAAM,CAAQ,CAAC,GAAGU,GAAG;IAC3F,IAAIJ,OAAO,EAAE,OAAOO,SAAS;IAC7B,OAAOA,SAAS,CAAC,CAAC,CAAC;EACrB,CAAC,CAAC;EAEJ,MAAMhB,SAAS,GAAGT,eAAe,CAACiB,KAAK,EAAE,WAAW,CAAC;EACrD,MAAMN,QAAQ,GAAGX,eAAe,CAACiB,KAAK,EAAE,UAAU,CAAC;EACnD,MAAMT,WAAW,GAAGR,eAAe,CAACiB,KAAK,EAAE,aAAa,EAAEG,KAAK,CAACO,KAAK,CAACC,MAAM,GAAGR,KAAK,CAACO,KAAK,CAAC,CAAC,CAAC,GAAGR,OAAO,CAACL,IAAI,EAAE,CAAC;EAE/G,SAASe,iBAAiBA,CAAEC,KAAa,EAAEC,QAAc,EAAE;IACzD,MAAMjB,IAAI,GAAGK,OAAO,CAACL,IAAI,CAACgB,KAAK,CAAC;IAEhC,OAAOX,OAAO,CAACa,OAAO,CAAClB,IAAI,CAAC,GAAGA,IAAI,GAAGiB,QAAQ;EAChD;EAEA,OAAO;IACLX,KAAK;IACLD,OAAO;IACPV,SAAS;IACTE,QAAQ;IACRH,WAAW;IACXqB;EACF,CAAC;AACH"}

package/lib/labs/VDateInput/index.d.mts

@@ -179,7 +179,7 @@ declare const VDateInput: {
             "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             modelValue?: any;
-            "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             bgColor?: string | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
@@ -259,7 +259,7 @@ declare const VDateInput: {
         }>;
         $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: any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             flat: boolean;
@@ -374,13 +374,13 @@ declare const VDateInput: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } & {
-            "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:modelValue': (date: any[]) => boolean;
+            'update:modelValue': (date: readonly any[]) => boolean;
             'update:displayDate': (date: any) => boolean;
             'update:focused': (focused: boolean) => boolean;
             'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
@@ -589,7 +589,7 @@ declare const VDateInput: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
     } & {
-        "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
@@ -711,13 +711,13 @@ declare const VDateInput: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
 } & {
-    "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (date: any[]) => boolean;
+    'update:modelValue': (date: readonly any[]) => boolean;
     'update:displayDate': (date: any) => boolean;
     'update:focused': (focused: boolean) => boolean;
     'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
@@ -907,7 +907,7 @@ declare const VDateInput: {
     modelModifiers: vue.PropType<Record<string, boolean>>;
     displayDate: {
         type: vue.PropType<any>;
-        default: Date;
+        default: null;
     };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
@@ -1033,7 +1033,7 @@ declare const VDateInput: {
     modelModifiers: vue.PropType<Record<string, boolean>>;
     displayDate: {
         type: vue.PropType<any>;
-        default: Date;
+        default: null;
     };
     inputMode: {
         type: vue.PropType<"calendar" | "keyboard">;
@@ -1113,7 +1113,7 @@ declare const VDateRangeInput: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             modelValue?: any[] | undefined;
-            "onUpdate:modelValue"?: ((date: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             displayDate?: any;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
@@ -1135,7 +1135,7 @@ declare const VDateRangeInput: {
         }>;
         $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: any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
+        $emit: ((event: "update:modelValue", date: readonly any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             inputMode: "calendar" | "keyboard";
@@ -1161,13 +1161,13 @@ declare const VDateRangeInput: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         } & {
-            "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
         }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-            'update:modelValue': (date: any[]) => boolean;
+            'update:modelValue': (date: readonly any[]) => boolean;
             'update:displayDate': (date: any) => boolean;
             'update:focused': (focused: boolean) => boolean;
             'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;
@@ -1227,7 +1227,7 @@ declare const VDateRangeInput: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
-        "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
@@ -1260,13 +1260,13 @@ declare const VDateRangeInput: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
-    "onUpdate:modelValue"?: ((date: any[]) => any) | 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;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (date: any[]) => boolean;
+    'update:modelValue': (date: readonly any[]) => boolean;
     'update:displayDate': (date: any) => boolean;
     'update:focused': (focused: boolean) => boolean;
     'update:inputMode': (inputMode: "calendar" | "keyboard") => boolean;

package/lib/labs/VDatePicker/VDatePicker.mjs

@@ -14,7 +14,6 @@ import { dateEmits, makeDateProps } from "../VDateInput/composables.mjs";
 import { makeVPickerProps, VPicker } from "../VPicker/VPicker.mjs"; // Composables
 import { createDatePicker } from "./composables.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useDate } from "../date/index.mjs"; // Utilities
 import { computed, ref, watch } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
@@ -69,12 +68,13 @@ export const VDatePicker = genericComponent()({
     const {
       t
     } = useLocale();
-    createDatePicker(props);
-    const model = ref(props.modelValue ?? []);
+    const {
+      model,
+      displayDate,
+      viewMode,
+      inputMode
+    } = createDatePicker(props);
     const isReversing = ref(false);
-    const displayDate = useProxiedModel(props, 'displayDate', props.displayDate);
-    const inputMode = useProxiedModel(props, 'inputMode', props.inputMode);
-    const viewMode = useProxiedModel(props, 'viewMode', props.viewMode);
     const inputModel = computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
     const title = computed(() => t(props.title));
     const header = computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
@@ -119,7 +119,8 @@ export const VDatePicker = genericComponent()({
       return _createVNode(VPicker, _mergeProps(pickerProps, {
         "class": ['v-date-picker', props.class],
         "style": props.style,
-        "title": title.value
+        "title": title.value,
+        "width": props.showWeek ? 408 : 360
       }), {
         header: () => slots.header?.(headerSlotProps.value) ?? _createVNode(VDatePickerHeader, _mergeProps({
           "key": "header"