vuetify 3.3.15 → 3.3.16

package/lib/composables/list-items.mjs

@@ -23,11 +23,15 @@ export const makeItemsProps = propsFactory({
     type: [Boolean, String, Array, Function],
     default: 'props'
   },
-  returnObject: Boolean
+  returnObject: Boolean,
+  valueComparator: {
+    type: Function,
+    default: deepEqual
+  }
 }, 'list-items');
 export function transformItem(props, item) {
   const title = getPropertyFromItem(item, props.itemTitle, item);
-  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue, title);
+  const value = getPropertyFromItem(item, props.itemValue, title);
   const children = getPropertyFromItem(item, props.itemChildren);
   const itemProps = props.itemProps === true ? typeof item === 'object' && item != null && !Array.isArray(item) ? 'children' in item ? pick(item, ['children'])[1] : item : undefined : getPropertyFromItem(item, props.itemProps);
   const _props = {
@@ -52,25 +56,32 @@ export function transformItems(props, items) {
 }
 export function useItems(props) {
   const items = computed(() => transformItems(props, props.items));
-  return useTransformItems(items, value => transformItem(props, value));
-}
-export function useTransformItems(items, transform) {
+  const hasNullItem = computed(() => items.value.some(item => item.value === null));
   function transformIn(value) {
-    return value
-    // When the model value is null, returns an InternalItem based on null
-    // only if null is one of the items
-    .filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
-      const existingItem = items.value.find(item => deepEqual(v, item.value));
-      // Nullish existingItem means value is a custom input value from combobox
-      // In this case, use transformItem to create an InternalItem based on value
-      return existingItem ?? transform(v);
+    if (!hasNullItem.value) {
+      // When the model value is null, return an InternalItem
+      // based on null only if null is one of the items
+      value = value.filter(v => v !== null);
+    }
+    return value.map(v => {
+      if (props.returnObject && typeof v === 'string') {
+        // String model value means value is a custom input value from combobox
+        // Don't look up existing items if the model value is a string
+        return transformItem(props, v);
+      }
+      return items.value.find(item => props.valueComparator(v, item.value)) || transformItem(props, v);
     });
   }
   function transformOut(value) {
-    return value.map(_ref => {
+    return props.returnObject ? value.map(_ref => {
       let {
-        value
+        raw
       } = _ref;
+      return raw;
+    }) : value.map(_ref2 => {
+      let {
+        value
+      } = _ref2;
       return value;
     });
   }

package/lib/composables/list-items.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-items.mjs","names":["computed","deepEqual","getPropertyFromItem","pick","propsFactory","makeItemsProps","items","type","Array","default","itemTitle","String","Function","itemValue","itemChildren","Boolean","itemProps","returnObject","transformItem","props","item","title","value","children","isArray","undefined","_props","transformItems","raw","array","push","useItems","useTransformItems","transform","transformIn","filter","v","some","map","existingItem","find","transformOut","_ref"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { deepEqual, getPropertyFromItem, pick, propsFactory } from '@/util'\n\n// Types\nimport type { PropType, Ref } from 'vue'\nimport type { SelectItemKey } from '@/util'\n\nexport interface ListItem<T = any> {\n  title: string\n  value: any\n  props: {\n    [key: string]: any\n    title: string\n    value: any\n  }\n  children?: ListItem<T>[]\n  raw: T\n}\n\nexport interface ItemProps {\n  items: any[]\n  itemTitle: SelectItemKey\n  itemValue: SelectItemKey\n  itemChildren: SelectItemKey\n  itemProps: SelectItemKey\n  returnObject: boolean\n}\n\n// Composables\nexport const makeItemsProps = propsFactory({\n  items: {\n    type: Array as PropType<ItemProps['items']>,\n    default: () => ([]),\n  },\n  itemTitle: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'title',\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'value',\n  },\n  itemChildren: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'children',\n  },\n  itemProps: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'props',\n  },\n  returnObject: Boolean,\n}, 'list-items')\n\nexport function transformItem (props: Omit<ItemProps, 'items'>, item: any): ListItem {\n  const title = getPropertyFromItem(item, props.itemTitle, item)\n  const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue, title)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true\n    ? typeof item === 'object' && item != null && !Array.isArray(item)\n      ? 'children' in item\n        ? pick(item, ['children'])[1]\n        : item\n      : undefined\n    : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    title: String(_props.title ?? ''),\n    value: _props.value,\n    props: _props,\n    children: Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nexport function transformItems (props: Omit<ItemProps, 'items'>, items: ItemProps['items']) {\n  const array: ListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return useTransformItems(items, value => transformItem(props, value))\n}\n\nexport function useTransformItems <T extends { value: unknown }> (items: Ref<T[]>, transform: (value: unknown) => T) {\n  function transformIn (value: any[]): T[] {\n    return value\n      // When the model value is null, returns an InternalItem based on null\n      // only if null is one of the items\n      .filter(v => v !== null || items.value.some(item => item.value === null))\n      .map(v => {\n        const existingItem = items.value.find(item => deepEqual(v, item.value))\n        // Nullish existingItem means value is a custom input value from combobox\n        // In this case, use transformItem to create an InternalItem based on value\n        return existingItem ?? transform(v)\n      })\n  }\n\n  function transformOut (value: T[]) {\n    return value.map(({ value }) => value)\n  }\n\n  return { items, transformIn, transformOut }\n}\n"],"mappings":"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"}
+{"version":3,"file":"list-items.mjs","names":["computed","deepEqual","getPropertyFromItem","pick","propsFactory","makeItemsProps","items","type","Array","default","itemTitle","String","Function","itemValue","itemChildren","Boolean","itemProps","returnObject","valueComparator","transformItem","props","item","title","value","children","isArray","undefined","_props","transformItems","raw","array","push","useItems","hasNullItem","some","transformIn","filter","v","map","find","transformOut","_ref","_ref2"],"sources":["../../src/composables/list-items.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { deepEqual, getPropertyFromItem, pick, propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { InternalItem } from '@/composables/filter'\nimport type { SelectItemKey } from '@/util'\n\nexport interface ListItem<T = any> extends InternalItem<T> {\n  title: string\n  props: {\n    [key: string]: any\n    title: string\n    value: any\n  }\n  children?: ListItem<T>[]\n}\n\nexport interface ItemProps {\n  items: any[]\n  itemTitle: SelectItemKey\n  itemValue: SelectItemKey\n  itemChildren: SelectItemKey\n  itemProps: SelectItemKey\n  returnObject: boolean\n  valueComparator: typeof deepEqual\n}\n\n// Composables\nexport const makeItemsProps = propsFactory({\n  items: {\n    type: Array as PropType<ItemProps['items']>,\n    default: () => ([]),\n  },\n  itemTitle: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'title',\n  },\n  itemValue: {\n    type: [String, Array, Function] as PropType<SelectItemKey>,\n    default: 'value',\n  },\n  itemChildren: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'children',\n  },\n  itemProps: {\n    type: [Boolean, String, Array, Function] as PropType<SelectItemKey>,\n    default: 'props',\n  },\n  returnObject: Boolean,\n  valueComparator: {\n    type: Function as PropType<typeof deepEqual>,\n    default: deepEqual,\n  },\n}, 'list-items')\n\nexport function transformItem (props: Omit<ItemProps, 'items'>, item: any): ListItem {\n  const title = getPropertyFromItem(item, props.itemTitle, item)\n  const value = getPropertyFromItem(item, props.itemValue, title)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true\n    ? typeof item === 'object' && item != null && !Array.isArray(item)\n      ? 'children' in item\n        ? pick(item, ['children'])[1]\n        : item\n      : undefined\n    : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    title: String(_props.title ?? ''),\n    value: _props.value,\n    props: _props,\n    children: Array.isArray(children) ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nexport function transformItems (props: Omit<ItemProps, 'items'>, items: ItemProps['items']) {\n  const array: ListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nexport function useItems (props: ItemProps) {\n  const items = computed(() => transformItems(props, props.items))\n  const hasNullItem = computed(() => items.value.some(item => item.value === null))\n\n  function transformIn (value: any[]): ListItem[] {\n    if (!hasNullItem.value) {\n      // When the model value is null, return an InternalItem\n      // based on null only if null is one of the items\n      value = value.filter(v => v !== null)\n    }\n\n    return value.map(v => {\n      if (props.returnObject && typeof v === 'string') {\n        // String model value means value is a custom input value from combobox\n        // Don't look up existing items if the model value is a string\n        return transformItem(props, v)\n      }\n      return items.value.find(item => props.valueComparator(v, item.value)) || transformItem(props, v)\n    })\n  }\n\n  function transformOut (value: ListItem[]): any[] {\n    return props.returnObject\n      ? value.map(({ raw }) => raw)\n      : value.map(({ value }) => value)\n  }\n\n  return { items, transformIn, transformOut }\n}\n"],"mappings":"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"}

package/lib/entry-bundler.mjs

@@ -15,7 +15,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.3.15";
+export const version = "3.3.16";
 createVuetify.version = version;
 export { components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -92,7 +92,7 @@ export function createVuetify() {
     date
   };
 }
-export const version = "3.3.15";
+export const version = "3.3.16";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/index.d.mts

@@ -213,6 +213,8 @@ interface DateAdapter<T> {
     date(value?: any): T | null;
     format(date: T, formatString: string): string;
     toJsDate(value: T): Date;
+    startOfDay(date: T): T;
+    endOfDay(date: T): T;
     startOfMonth(date: T): T;
     endOfMonth(date: T): T;
     startOfYear(date: T): T;
@@ -428,8 +430,8 @@ declare module '@vue/runtime-core' {
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']

package/lib/labs/VBottomSheet/VBottomSheet.css

@@ -18,6 +18,7 @@
   width: 100%;
   max-width: 100%;
   overflow: visible;
+  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
 .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {

package/lib/labs/VBottomSheet/VBottomSheet.sass

@@ -26,6 +26,8 @@
     max-width: 100%
     overflow: visible
 
+    @include tools.elevation($bottom-sheet-elevation)
+
     > .v-card,
     > .v-sheet
       border-radius: $bottom-sheet-border-radius

package/lib/labs/VBottomSheet/_variables.scss

@@ -1,5 +1,6 @@
 @use '../../styles/settings';
 
+$bottom-sheet-elevation: 12 !default;
 $bottom-sheet-inset-width: 70% !default;
 $bottom-sheet-border-radius: 0 !default;
 $bottom-sheet-transition-duration: .2s !default;

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

@@ -76,6 +76,22 @@ declare function provideSelection(props: SelectionProps, { allItems, currentPage
     showSelectAll: boolean;
 };
 
+/**
+ * - match without highlight
+ * - single match (index), length already known
+ * - single match (start, end)
+ * - multiple matches (start, end), probably shouldn't overlap
+ */
+type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
+type FilterKeyFunctions = Record<string, FilterFunction>;
+type FilterKeys = string | string[];
+type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+interface InternalItem<T = any> {
+    value: any;
+    raw: T;
+}
+
 type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
 type DataTableHeader = {
     key: string;
@@ -96,7 +112,7 @@ type InternalDataTableHeader = DataTableHeader & {
     fixedOffset?: number;
     lastFixed?: boolean;
 };
-interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {
+interface DataTableItem<T = any> extends InternalItem<T>, GroupableItem<T>, SelectableItem {
     key: any;
     index: number;
     columns: {
@@ -104,18 +120,6 @@ interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {
     };
 }
 
-/**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
- */
-type FilterMatch = boolean | number | [number, number] | [number, number][];
-type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
-type FilterKeyFunctions = Record<string, FilterFunction>;
-type FilterKeys = string | string[];
-type FilterMode = 'some' | 'every' | 'union' | 'intersection';
-
 type ExpandProps = {
     expandOnClick: boolean;
     expanded: readonly string[];
@@ -187,10 +191,10 @@ declare const VDataIterator: {
             items?: any[] | undefined;
             modelValue?: readonly any[] | undefined;
             selectStrategy?: "all" | "page" | "single" | undefined;
-            itemValue?: SelectItemKey | undefined;
-            returnObject?: boolean | undefined;
             filterMode?: FilterMode | undefined;
             noFilter?: boolean | undefined;
+            itemValue?: SelectItemKey | undefined;
+            returnObject?: boolean | undefined;
             itemSelectable?: SelectItemKey | undefined;
             showSelect?: boolean | undefined;
             multiSort?: boolean | undefined;
@@ -258,10 +262,10 @@ declare const VDataIterator: {
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
             "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -305,10 +309,10 @@ declare const VDataIterator: {
             items: any[];
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
-            itemValue: SelectItemKey;
-            returnObject: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            itemValue: SelectItemKey;
+            returnObject: boolean;
             itemSelectable: SelectItemKey;
             showSelect: boolean;
             multiSort: boolean;
@@ -368,10 +372,10 @@ declare const VDataIterator: {
             items: any[];
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
-            itemValue: SelectItemKey;
-            returnObject: boolean;
             filterMode: FilterMode;
             noFilter: boolean;
+            itemValue: SelectItemKey;
+            returnObject: boolean;
             itemSelectable: SelectItemKey;
             showSelect: boolean;
             multiSort: boolean;
@@ -423,10 +427,10 @@ declare const VDataIterator: {
         items: any[];
         modelValue: readonly any[];
         selectStrategy: "all" | "page" | "single";
-        itemValue: SelectItemKey;
-        returnObject: boolean;
         filterMode: FilterMode;
         noFilter: boolean;
+        itemValue: SelectItemKey;
+        returnObject: boolean;
         itemSelectable: SelectItemKey;
         showSelect: boolean;
         multiSort: boolean;
@@ -482,10 +486,10 @@ declare const VDataIterator: {
     items: any[];
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
-    itemValue: SelectItemKey;
-    returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    itemValue: SelectItemKey;
+    returnObject: boolean;
     itemSelectable: SelectItemKey;
     showSelect: boolean;
     multiSort: boolean;
@@ -545,10 +549,10 @@ declare const VDataIterator: {
     items: any[];
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
-    itemValue: SelectItemKey;
-    returnObject: boolean;
     filterMode: FilterMode;
     noFilter: boolean;
+    itemValue: SelectItemKey;
+    returnObject: boolean;
     itemSelectable: SelectItemKey;
     showSelect: boolean;
     multiSort: boolean;

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

@@ -54,6 +54,22 @@ declare function provideGroupBy(options: {
     isGroupOpen: (group: Group) => boolean;
 };
 
+/**
+ * - match without highlight
+ * - single match (index), length already known
+ * - single match (start, end)
+ * - multiple matches (start, end), probably shouldn't overlap
+ */
+type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
+type FilterKeyFunctions = Record<string, FilterFunction>;
+type FilterKeys = string | string[];
+type FilterMode = 'some' | 'every' | 'union' | 'intersection';
+interface InternalItem<T = any> {
+    value: any;
+    raw: T;
+}
+
 type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
 type DataTableHeader = {
     key: string;
@@ -74,7 +90,7 @@ type InternalDataTableHeader = DataTableHeader & {
     fixedOffset?: number;
     lastFixed?: boolean;
 };
-interface DataTableItem<T = any> extends GroupableItem<T>, SelectableItem {
+interface DataTableItem<T = any> extends InternalItem<T>, GroupableItem<T>, SelectableItem {
     key: any;
     index: number;
     columns: {
@@ -125,18 +141,6 @@ type HeadersSlotProps = {
     isSorted: ReturnType<typeof provideSort>['isSorted'];
 };
 
-/**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
- */
-type FilterMatch = boolean | number | [number, number] | [number, number][];
-type FilterFunction = (value: string, query: string, item?: any) => FilterMatch;
-type FilterKeyFunctions = Record<string, FilterFunction>;
-type FilterKeys = string | string[];
-type FilterMode = 'some' | 'every' | 'union' | 'intersection';
-
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type ExpandProps = {
@@ -783,11 +787,11 @@ declare const VDataTable: {
             density?: Density | undefined;
             modelValue?: readonly any[] | undefined;
             selectStrategy?: "all" | "page" | "single" | undefined;
+            filterMode?: FilterMode | undefined;
+            noFilter?: boolean | undefined;
             itemValue?: SelectItemKey | undefined;
             returnObject?: boolean | undefined;
             hideNoData?: boolean | undefined;
-            filterMode?: FilterMode | undefined;
-            noFilter?: boolean | undefined;
             hover?: boolean | undefined;
             nextIcon?: string | undefined;
             prevIcon?: string | undefined;
@@ -1099,10 +1103,10 @@ declare const VDataTable: {
             } & {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:top"?: false | ((arg: VDataTableSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:bottom"?: false | ((arg: VDataTableSlotProps) => vue.VNodeChild) | undefined;
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -1338,11 +1342,11 @@ declare const VDataTable: {
             density: Density;
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
+            filterMode: FilterMode;
+            noFilter: boolean;
             itemValue: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
-            filterMode: FilterMode;
-            noFilter: boolean;
             hover: boolean;
             nextIcon: string;
             prevIcon: string;
@@ -1750,11 +1754,11 @@ declare const VDataTable: {
             density: Density;
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
+            filterMode: FilterMode;
+            noFilter: boolean;
             itemValue: SelectItemKey;
             returnObject: boolean;
             hideNoData: boolean;
-            filterMode: FilterMode;
-            noFilter: boolean;
             hover: boolean;
             nextIcon: string;
             prevIcon: string;
@@ -1975,11 +1979,11 @@ declare const VDataTable: {
         density: Density;
         modelValue: readonly any[];
         selectStrategy: "all" | "page" | "single";
+        filterMode: FilterMode;
+        noFilter: boolean;
         itemValue: SelectItemKey;
         returnObject: boolean;
         hideNoData: boolean;
-        filterMode: FilterMode;
-        noFilter: boolean;
         hover: boolean;
         nextIcon: string;
         prevIcon: string;
@@ -2383,11 +2387,11 @@ declare const VDataTable: {
     density: Density;
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
+    filterMode: FilterMode;
+    noFilter: boolean;
     itemValue: SelectItemKey;
     returnObject: boolean;
     hideNoData: boolean;
-    filterMode: FilterMode;
-    noFilter: boolean;
     hover: boolean;
     nextIcon: string;
     prevIcon: string;
@@ -2795,11 +2799,11 @@ declare const VDataTable: {
     density: Density;
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
+    filterMode: FilterMode;
+    noFilter: boolean;
     itemValue: SelectItemKey;
     returnObject: boolean;
     hideNoData: boolean;
-    filterMode: FilterMode;
-    noFilter: boolean;
     hover: boolean;
     nextIcon: string;
     prevIcon: string;
@@ -3781,12 +3785,12 @@ declare const VDataTableVirtual: {
             density?: Density | undefined;
             modelValue?: readonly any[] | undefined;
             selectStrategy?: "all" | "page" | "single" | undefined;
+            filterMode?: FilterMode | undefined;
+            noFilter?: boolean | undefined;
             itemValue?: SelectItemKey | undefined;
             returnObject?: boolean | undefined;
             itemHeight?: string | number | undefined;
             hideNoData?: boolean | undefined;
-            filterMode?: FilterMode | undefined;
-            noFilter?: boolean | undefined;
             hover?: boolean | undefined;
             fixedHeader?: boolean | undefined;
             fixedFooter?: boolean | undefined;
@@ -4075,10 +4079,10 @@ declare const VDataTableVirtual: {
             } & {
                 itemRef: Ref<HTMLElement | undefined>;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:top"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:bottom"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
             customKeySort?: Record<string, DataTableCompareFunction> | undefined;
@@ -4288,12 +4292,12 @@ declare const VDataTableVirtual: {
             density: Density;
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
+            filterMode: FilterMode;
+            noFilter: boolean;
             itemValue: SelectItemKey;
             returnObject: boolean;
             itemHeight: string | number;
             hideNoData: boolean;
-            filterMode: FilterMode;
-            noFilter: boolean;
             hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
@@ -4671,12 +4675,12 @@ declare const VDataTableVirtual: {
             density: Density;
             modelValue: readonly any[];
             selectStrategy: "all" | "page" | "single";
+            filterMode: FilterMode;
+            noFilter: boolean;
             itemValue: SelectItemKey;
             returnObject: boolean;
             itemHeight: string | number;
             hideNoData: boolean;
-            filterMode: FilterMode;
-            noFilter: boolean;
             hover: boolean;
             fixedHeader: boolean;
             fixedFooter: boolean;
@@ -4861,12 +4865,12 @@ declare const VDataTableVirtual: {
         density: Density;
         modelValue: readonly any[];
         selectStrategy: "all" | "page" | "single";
+        filterMode: FilterMode;
+        noFilter: boolean;
         itemValue: SelectItemKey;
         returnObject: boolean;
         itemHeight: string | number;
         hideNoData: boolean;
-        filterMode: FilterMode;
-        noFilter: boolean;
         hover: boolean;
         fixedHeader: boolean;
         fixedFooter: boolean;
@@ -5239,12 +5243,12 @@ declare const VDataTableVirtual: {
     density: Density;
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
+    filterMode: FilterMode;
+    noFilter: boolean;
     itemValue: SelectItemKey;
     returnObject: boolean;
     itemHeight: string | number;
     hideNoData: boolean;
-    filterMode: FilterMode;
-    noFilter: boolean;
     hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;
@@ -5622,12 +5626,12 @@ declare const VDataTableVirtual: {
     density: Density;
     modelValue: readonly any[];
     selectStrategy: "all" | "page" | "single";
+    filterMode: FilterMode;
+    noFilter: boolean;
     itemValue: SelectItemKey;
     returnObject: boolean;
     itemHeight: string | number;
     hideNoData: boolean;
-    filterMode: FilterMode;
-    noFilter: boolean;
     hover: boolean;
     fixedHeader: boolean;
     fixedFooter: boolean;

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  key: any\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 { InternalItem } from '@/composables/filter'\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 InternalItem<T>, GroupableItem<T>, SelectableItem {\n  key: any\n  index: number\n  columns: {\n    [key: string]: any\n  }\n}\n"],"mappings":""}

package/lib/labs/VDatePicker/VDatePicker.mjs

@@ -121,9 +121,11 @@ export const VDatePicker = genericComponent()({
     function updateFromInput(input, index) {
       const {
         isValid,
-        date
+        date,
+        isAfter
       } = adapter;
-      if (isValid(input)) {
+      const inputDate = date(input);
+      if (isValid(input) && (!minDate.value || !isAfter(minDate.value, inputDate)) && (!maxDate.value || !isAfter(inputDate, maxDate.value))) {
         const newModel = model.value.slice();
         newModel[index] = date(input);
         if (props.hideActions) {