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

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.7-master.2025-05-27
+* Vuetify v3.8.7-master.2025-05-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22310,7 +22310,8 @@
     min: null,
     max: null,
     modelValue: Number,
-    year: Number
+    year: Number,
+    allowedMonths: [Array, Function]
   }, 'VDatePickerMonths');
   const VDatePickerMonths = genericComponent()({
     name: 'VDatePickerMonths',
@@ -22332,7 +22333,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,
@@ -22344,6 +22345,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({
@@ -22389,7 +22399,8 @@
     height: [String, Number],
     min: null,
     max: null,
-    modelValue: Number
+    modelValue: Number,
+    allowedYears: [Array, Function]
   }, 'VDatePickerYears');
   const VDatePickerYears = genericComponent()({
     name: 'VDatePickerYears',
@@ -22421,7 +22432,8 @@
           date = adapter.setYear(date, adapter.getYear(date) + 1);
           return {
             text,
-            value: i
+            value: i,
+            isDisabled: !isYearAllowed(i)
           };
         });
       });
@@ -22435,6 +22447,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({
@@ -22449,6 +22470,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) {
@@ -22598,6 +22620,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'
@@ -22713,14 +22770,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, {
@@ -32016,7 +32075,7 @@
       };
     });
   }
-  const version$1 = "3.8.7-master.2025-05-27";
+  const version$1 = "3.8.7-master.2025-05-29";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32314,7 +32373,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.7-master.2025-05-27";
+  const version = "3.8.7-master.2025-05-29";
 
   /* eslint-disable local-rules/sort-imports */