@vuetify/nightly 3.8.7-master.2025-05-27 → 3.8.7-master.2025-05-31

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.7-master.2025-05-27
+* Vuetify v3.8.7-master.2025-05-31
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18101,7 +18101,20 @@
     vue.watch(locale.current, value => {
       instance.locale = options.locale[value] ?? value ?? instance.locale;
     });
-    return instance;
+    return Object.assign(instance, {
+      createDateRange(start, stop) {
+        const diff = instance.getDiff(stop ?? start, start, 'days');
+        const datesInRange = [start];
+        for (let i = 1; i < diff; i++) {
+          const nextDate = instance.addDays(start, i);
+          datesInRange.push(nextDate);
+        }
+        if (stop) {
+          datesInRange.push(instance.endOfDay(stop));
+        }
+        return datesInRange;
+      }
+    });
   }
   function useDate() {
     const options = vue.inject(DateOptionsSymbol);
@@ -22495,14 +22508,7 @@
           } else {
             rangeStop.value = adapter.endOfDay(_value);
           }
-          const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
-          const datesInRange = [rangeStart.value];
-          for (let i = 1; i < diff; i++) {
-            const nextDate = adapter.addDays(rangeStart.value, i);
-            datesInRange.push(nextDate);
-          }
-          datesInRange.push(rangeStop.value);
-          model.value = datesInRange;
+          model.value = adapter.createDateRange(rangeStart.value, rangeStop.value);
         } else {
           rangeStart.value = value;
           rangeStop.value = undefined;
@@ -22588,7 +22594,8 @@
     min: null,
     max: null,
     modelValue: Number,
-    year: Number
+    year: Number,
+    allowedMonths: [Array, Function]
   }, 'VDatePickerMonths');
   const VDatePickerMonths = genericComponent()({
     name: 'VDatePickerMonths',
@@ -22610,7 +22617,7 @@
         }
         return createRange(12).map(i => {
           const text = adapter.format(date, 'monthShort');
-          const isDisabled = !!(props.min && adapter.isAfter(adapter.startOfMonth(adapter.date(props.min)), date) || props.max && adapter.isAfter(date, adapter.startOfMonth(adapter.date(props.max))));
+          const isDisabled = !!(!isMonthAllowed(i) || props.min && adapter.isAfter(adapter.startOfMonth(adapter.date(props.min)), date) || props.max && adapter.isAfter(date, adapter.startOfMonth(adapter.date(props.max))));
           date = adapter.getNextMonth(date);
           return {
             isDisabled,
@@ -22622,6 +22629,15 @@
       vue.watchEffect(() => {
         model.value = model.value ?? adapter.getMonth(adapter.date());
       });
+      function isMonthAllowed(month) {
+        if (Array.isArray(props.allowedMonths) && props.allowedMonths.length) {
+          return props.allowedMonths.includes(month);
+        }
+        if (typeof props.allowedMonths === 'function') {
+          return props.allowedMonths(month);
+        }
+        return true;
+      }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-months",
         "style": vue.normalizeStyle({
@@ -22667,7 +22683,8 @@
     height: [String, Number],
     min: null,
     max: null,
-    modelValue: Number
+    modelValue: Number,
+    allowedYears: [Array, Function]
   }, 'VDatePickerYears');
   const VDatePickerYears = genericComponent()({
     name: 'VDatePickerYears',
@@ -22699,7 +22716,8 @@
           date = adapter.setYear(date, adapter.getYear(date) + 1);
           return {
             text,
-            value: i
+            value: i,
+            isDisabled: !isYearAllowed(i)
           };
         });
       });
@@ -22713,6 +22731,15 @@
           block: 'center'
         });
       });
+      function isYearAllowed(year) {
+        if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
+          return props.allowedYears.includes(year);
+        }
+        if (typeof props.allowedYears === 'function') {
+          return props.allowedYears(year);
+        }
+        return true;
+      }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-years",
         "style": vue.normalizeStyle({
@@ -22727,6 +22754,7 @@
           color: model.value === year.value ? props.color : undefined,
           rounded: true,
           text: year.text,
+          disabled: year.isDisabled,
           variant: model.value === year.value ? 'flat' : 'text',
           onClick: () => {
             if (model.value === year.value) {
@@ -22876,6 +22904,41 @@
         }
         return targets;
       });
+      function isAllowedInRange(start, end) {
+        const allowedDates = props.allowedDates;
+        if (typeof allowedDates !== 'function') return true;
+        const days = adapter.getDiff(end, start, 'days');
+        for (let i = 0; i < days; i++) {
+          if (allowedDates(adapter.addDays(start, i))) return true;
+        }
+        return false;
+      }
+      function allowedYears(year) {
+        if (typeof props.allowedDates === 'function') {
+          const startOfYear = adapter.parseISO(`${year}-01-01`);
+          return isAllowedInRange(startOfYear, adapter.endOfYear(startOfYear));
+        }
+        if (Array.isArray(props.allowedDates) && props.allowedDates.length) {
+          for (const date of props.allowedDates) {
+            if (adapter.getYear(adapter.date(date)) === year) return true;
+          }
+          return false;
+        }
+        return true;
+      }
+      function allowedMonths(month) {
+        if (typeof props.allowedDates === 'function') {
+          const startOfMonth = adapter.parseISO(`${year.value}-${month + 1}-01`);
+          return isAllowedInRange(startOfMonth, adapter.endOfMonth(startOfMonth));
+        }
+        if (Array.isArray(props.allowedDates) && props.allowedDates.length) {
+          for (const date of props.allowedDates) {
+            if (adapter.getYear(adapter.date(date)) === year.value && adapter.getMonth(adapter.date(date)) === month) return true;
+          }
+          return false;
+        }
+        return true;
+      }
 
       // function onClickAppend () {
       //   inputMode.value = inputMode.value === 'calendar' ? 'keyboard' : 'calendar'
@@ -22991,14 +23054,16 @@
               "onUpdate:modelValue": [$event => month.value = $event, onUpdateMonth],
               "min": minDate.value,
               "max": maxDate.value,
-              "year": year.value
+              "year": year.value,
+              "allowedMonths": allowedMonths
             }), null) : viewMode.value === 'year' ? vue.createVNode(VDatePickerYears, vue.mergeProps({
               "key": "date-picker-years"
             }, datePickerYearsProps, {
               "modelValue": year.value,
               "onUpdate:modelValue": [$event => year.value = $event, onUpdateYear],
               "min": minDate.value,
-              "max": maxDate.value
+              "max": maxDate.value,
+              "allowedYears": allowedYears
             }), null) : vue.createVNode(VDatePickerMonth, vue.mergeProps({
               "key": "date-picker-month"
             }, datePickerMonthProps, {
@@ -29321,7 +29386,7 @@
       };
     });
   }
-  const version$1 = "3.8.7-master.2025-05-27";
+  const version$1 = "3.8.7-master.2025-05-31";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29346,7 +29411,7 @@
       ...options
     });
   };
-  const version = "3.8.7-master.2025-05-27";
+  const version = "3.8.7-master.2025-05-31";
   createVuetify.version = version;
 
   exports.blueprints = index;