vuetify 3.3.20 → 3.3.21

package/dist/vuetify-labs.d.ts

@@ -837,6 +837,8 @@ interface DateAdapter<T> {
     date(value?: any): T | null;
     format(date: T, formatString: string): string;
     toJsDate(value: T): Date;
+    parseISO(date: string): T;
+    toISO(date: T): string;
     startOfDay(date: T): T;
     endOfDay(date: T): T;
     startOfMonth(date: T): T;
@@ -62587,10 +62589,10 @@ declare const VDataTable: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             sortAscIcon?: IconValue | undefined;
             sortDescIcon?: IconValue | undefined;
@@ -63008,10 +63010,10 @@ declare const VDataTable: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -63302,10 +63304,10 @@ declare const VDataTable: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -63488,10 +63490,10 @@ declare const VDataTable: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
@@ -63778,10 +63780,10 @@ declare const VDataTable: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -64072,10 +64074,10 @@ declare const VDataTable: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -64239,10 +64241,10 @@ declare const VDataTable: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -64400,10 +64402,10 @@ declare const VDataTable: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -64537,10 +64539,10 @@ declare const VDataTableFooter: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
@@ -64620,10 +64622,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
         } & {} & {
             $children?: {} | vue.VNodeChild | {
@@ -64645,10 +64647,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
         }, {}, string, vue.SlotsType<Partial<{
             prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -64685,10 +64687,10 @@ declare const VDataTableFooter: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
     } & {} & {
         $children?: {} | vue.VNodeChild | {
@@ -64714,10 +64716,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
 } & {} & {
     $children?: {} | vue.VNodeChild | {
@@ -64739,10 +64741,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -64790,10 +64792,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<readonly {
+        type: PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -64842,10 +64844,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<readonly {
+        type: PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -66565,10 +66567,10 @@ declare const VDataTableServer: {
             prevPageLabel?: string | undefined;
             nextPageLabel?: string | undefined;
             lastPageLabel?: string | undefined;
-            itemsPerPageOptions?: readonly {
+            itemsPerPageOptions?: readonly (number | {
                 title: string;
                 value: number;
-            }[] | undefined;
+            })[] | undefined;
             showCurrentPage?: boolean | undefined;
             sortAscIcon?: IconValue | undefined;
             sortDescIcon?: IconValue | undefined;
@@ -66983,10 +66985,10 @@ declare const VDataTableServer: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -67272,10 +67274,10 @@ declare const VDataTableServer: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: readonly {
+            itemsPerPageOptions: readonly (number | {
                 title: string;
                 value: number;
-            }[];
+            })[];
             showCurrentPage: boolean;
             sortAscIcon: IconValue;
             sortDescIcon: IconValue;
@@ -67457,10 +67459,10 @@ declare const VDataTableServer: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: readonly {
+        itemsPerPageOptions: readonly (number | {
             title: string;
             value: number;
-        }[];
+        })[];
         showCurrentPage: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
@@ -67743,10 +67745,10 @@ declare const VDataTableServer: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -68032,10 +68034,10 @@ declare const VDataTableServer: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: readonly {
+    itemsPerPageOptions: readonly (number | {
         title: string;
         value: number;
-    }[];
+    })[];
     showCurrentPage: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
@@ -68199,10 +68201,10 @@ declare const VDataTableServer: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -68356,10 +68358,10 @@ declare const VDataTableServer: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: vue.PropType<readonly {
+        type: vue.PropType<readonly (number | {
             title: string;
             value: number;
-        }[]>;
+        })[]>;
         default: () => {
             value: number;
             title: string;
@@ -68793,6 +68795,7 @@ declare const VDateCard: {
             "onUpdate:displayDate"?: ((value: any) => any) | undefined;
             "onUpdate:inputMode"?: ((value: any) => any) | undefined;
             "onUpdate:viewMode"?: ((mode: "month" | "year") => any) | undefined;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
             onCancel?: (() => any) | undefined;
             onSave?: (() => any) | undefined;
@@ -69073,6 +69076,7 @@ declare const VDateCard: {
             format?: string | undefined;
             side?: string | undefined;
             displayDate?: any;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -69635,6 +69639,7 @@ declare const VDateCard: {
         format?: string | undefined;
         side?: string | undefined;
         displayDate?: any;
+        allowedDates?: Function | unknown[] | undefined;
         hoverDate?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -69917,6 +69922,7 @@ declare const VDateCard: {
     format?: string | undefined;
     side?: string | undefined;
     displayDate?: any;
+    allowedDates?: Function | unknown[] | undefined;
     hoverDate?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -70664,6 +70670,7 @@ declare const VDateCard: {
         type: PropType<any[]>;
         default: () => never[];
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
@@ -71148,6 +71155,7 @@ declare const VDateCard: {
         type: PropType<any[]>;
         default: () => never[];
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
@@ -71677,6 +71685,7 @@ declare const VDatePicker: {
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
             "onUpdate:inputMode"?: ((inputMode: "calendar" | "keyboard") => any) | undefined;
             "onUpdate:viewMode"?: ((viewMode: "month" | "year") => any) | undefined;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
             "onClick:cancel"?: (() => any) | undefined;
             "onClick:save"?: (() => any) | undefined;
@@ -71755,6 +71764,7 @@ declare const VDatePicker: {
             rounded?: string | number | boolean | undefined;
             bgColor?: string | undefined;
             displayDate?: any;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -71911,6 +71921,7 @@ declare const VDatePicker: {
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
         displayDate?: any;
+        allowedDates?: Function | unknown[] | undefined;
         hoverDate?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -72000,6 +72011,7 @@ declare const VDatePicker: {
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
     displayDate?: any;
+    allowedDates?: Function | unknown[] | undefined;
     hoverDate?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -72136,6 +72148,7 @@ declare const VDatePicker: {
         type: vue.PropType<any[]>;
         default: () => never[];
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
@@ -72247,6 +72260,7 @@ declare const VDatePicker: {
         type: vue.PropType<any[]>;
         default: () => never[];
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
@@ -72869,6 +72883,7 @@ declare const VDatePickerMonth: {
             "onUpdate:modelValue"?: ((date: readonly any[]) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onUpdate:displayDate"?: ((date: any) => any) | undefined;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
             "onUpdate:hoverDate"?: ((date: any) => any) | undefined;
         };
@@ -72900,6 +72915,7 @@ declare const VDatePickerMonth: {
             min?: string | number | Date | undefined;
             format?: string | undefined;
             side?: string | undefined;
+            allowedDates?: Function | unknown[] | undefined;
             hoverDate?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -72965,6 +72981,7 @@ declare const VDatePickerMonth: {
         min?: string | number | Date | undefined;
         format?: string | undefined;
         side?: string | undefined;
+        allowedDates?: Function | unknown[] | undefined;
         hoverDate?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -72997,6 +73014,7 @@ declare const VDatePickerMonth: {
     min?: string | number | Date | undefined;
     format?: string | undefined;
     side?: string | undefined;
+    allowedDates?: Function | unknown[] | undefined;
     hoverDate?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -73039,6 +73057,7 @@ declare const VDatePickerMonth: {
         type: vue.PropType<any>;
         default: null;
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     color: {
         type: vue.PropType<string>;
         default: string;
@@ -73063,6 +73082,7 @@ declare const VDatePickerMonth: {
         type: vue.PropType<any>;
         default: null;
     };
+    allowedDates: (FunctionConstructor | ArrayConstructor)[];
     color: {
         type: vue.PropType<string>;
         default: string;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.20
+* Vuetify v3.3.21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -263,6 +263,10 @@ function padEnd(str, length) {
   let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
   return str + char.repeat(Math.max(0, length - str.length));
 }
+function padStart(str, length) {
+  let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  return char.repeat(Math.max(0, length - str.length)) + str;
+}
 function chunk(str) {
   let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   const chunked = [];
@@ -13126,6 +13130,7 @@ const VColorPickerCanvas = defineComponent({
           x,
           y
         } = val;
+        _dotPosition.value = val;
         emit('update:color', {
           h: props.color?.h ?? 0,
           s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,
@@ -14920,7 +14925,7 @@ const VCombobox = genericComponent()({
         return _search.value;
       },
       set: val => {
-        _search.value = val;
+        _search.value = val ?? '';
         if (!props.multiple) {
           model.value = [transformItem$3(props, val)];
         }
@@ -20525,10 +20530,18 @@ const VDataTableFooter = genericComponent()({
       itemsPerPage,
       setItemsPerPage
     } = usePagination();
-    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => ({
-      ...option,
-      title: t(option.title)
-    })));
+    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => {
+      if (typeof option === 'number') {
+        return {
+          value: option,
+          title: option === -1 ? t('$vuetify.dataFooter.itemsPerPageAll') : String(option)
+        };
+      }
+      return {
+        ...option,
+        title: t(option.title)
+      };
+    }));
     return () => createVNode("div", {
       "class": "v-data-table-footer"
     }, [slots.prepend?.(), createVNode("div", {
@@ -22159,6 +22172,17 @@ function format(value, formatString, locale) {
   }
   return new Intl.DateTimeFormat(locale, options).format(date);
 }
+function toISO(adapter, value) {
+  const date = adapter.toJsDate(value);
+  const year = date.getFullYear();
+  const month = padStart(String(date.getMonth() + 1), 2, '0');
+  const day = padStart(String(date.getDate()), 2, '0');
+  return `${year}-${month}-${day}`;
+}
+function parseISO(value) {
+  const [year, month, day] = value.split('-').map(Number);
+  return new Date(year, month - 1, day);
+}
 function addDays(date, amount) {
   const d = new Date(date);
   d.setDate(d.getDate() + amount);
@@ -22233,6 +22257,12 @@ class VuetifyDateAdapter {
   toJsDate(date) {
     return date;
   }
+  toISO(date) {
+    return toISO(this, date);
+  }
+  parseISO(date) {
+    return parseISO(date);
+  }
   addDays(date, amount) {
     return addDays(date, amount);
   }
@@ -22513,6 +22543,7 @@ function useDatePicker() {
 }
 
 const makeVDatePickerMonthProps = propsFactory({
+  allowedDates: [Array, Function],
   color: String,
   showAdjacentMonths: Boolean,
   hideWeekdays: Boolean,
@@ -22599,7 +22630,6 @@ const VDatePickerMonth = genericComponent()({
       const startDate = validDates[0];
       const endDate = validDates[1];
       return days.map((date, index) => {
-        const isDisabled = !!(props.min && adapter.isAfter(props.min, date) || props.max && adapter.isAfter(date, props.max));
         const isStart = startDate && adapter.isSameDay(date, startDate);
         const isEnd = endDate && adapter.isSameDay(date, endDate);
         const isAdjacent = !adapter.isSameMonth(date, month.value);
@@ -22610,7 +22640,7 @@ const VDatePickerMonth = genericComponent()({
           formatted: adapter.format(date, 'keyboardDate'),
           year: adapter.getYear(date),
           month: adapter.getMonth(date),
-          isDisabled,
+          isDisabled: isDisabled(date),
           isWeekStart: index % 7 === 0,
           isWeekEnd: index % 7 === 6,
           isSelected: isStart || isEnd,
@@ -22637,6 +22667,18 @@ const VDatePickerMonth = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
+    function isDisabled(value) {
+      const date = adapter.date(value);
+      if (props.min && adapter.isAfter(props.min, date)) return true;
+      if (props.max && adapter.isAfter(date, props.max)) return true;
+      if (Array.isArray(props.allowedDates)) {
+        return !props.allowedDates.some(d => adapter.isSameDay(adapter.date(d), date));
+      }
+      if (typeof props.allowedDates === 'function') {
+        return !props.allowedDates(date);
+      }
+      return false;
+    }
     function selectDate(date) {
       let newModel = props.modelValue.slice();
       if (props.multiple) {
@@ -23541,7 +23583,7 @@ const makeVOtpInputProps = propsFactory({
   placeholder: String,
   type: {
     type: String,
-    default: 'text'
+    default: 'number'
   },
   ...makeDimensionProps(),
   ...makeFocusProps(),
@@ -23587,7 +23629,7 @@ const VOtpInput = genericComponent()({
       model.value = array;
       let target = null;
       if (focusIndex.value > model.value.length) {
-        target = model.value.length + 1;
+        target = model.value.length;
       } else if (focusIndex.value + 1 !== Number(props.length)) {
         target = 'next';
       } else {
@@ -23612,7 +23654,7 @@ const VOtpInput = genericComponent()({
           target = 'prev';
         } else {
           requestAnimationFrame(() => {
-            inputRef.value[index].select();
+            inputRef.value[index]?.select();
           });
         }
       }
@@ -23641,6 +23683,9 @@ const VOtpInput = genericComponent()({
     }
     provideDefaults({
       VField: {
+        color: computed(() => props.color),
+        bgColor: computed(() => props.color),
+        baseColor: computed(() => props.baseColor),
         disabled: computed(() => props.disabled),
         error: computed(() => props.error),
         variant: computed(() => props.variant)
@@ -23656,7 +23701,7 @@ const VOtpInput = genericComponent()({
     watch(focusIndex, val => {
       if (val < 0) return;
       IN_BROWSER && window.requestAnimationFrame(() => {
-        inputRef.value[val].select();
+        inputRef.value[val]?.select();
       });
     });
     useRender(() => {
@@ -24608,7 +24653,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.20";
+const version$1 = "3.3.21";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24622,7 +24667,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.20";
+const version = "3.3.21";
 
 /* eslint-disable local-rules/sort-imports */