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

package/dist/vuetify.d.ts

@@ -86,6 +86,7 @@ declare function useRtl(): {
 
 interface DateInstance extends DateModule.InternalAdapter {
     locale?: any;
+    createDateRange: (start: unknown, stop?: unknown) => unknown[];
 }
 /** Supports module augmentation to specify date adapter types */
 declare namespace DateModule {
@@ -39396,6 +39397,8 @@ declare const VDatePicker: {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -39491,6 +39494,8 @@ declare const VDatePicker: {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -39570,6 +39575,8 @@ declare const VDatePicker: {
     headerColor?: string | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+    allowedYears?: number[] | ((date: number) => boolean) | undefined;
 } & {
     "onUpdate:month"?: ((date: any) => any) | undefined;
     "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -39659,7 +39666,9 @@ declare const VDatePicker: {
     hideHeader: BooleanConstructor;
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
+    allowedYears: vue.PropType<number[] | ((date: number) => boolean)>;
     year: NumberConstructor;
+    allowedMonths: vue.PropType<number[] | ((date: number) => boolean)>;
     disabled: {
         type: BooleanConstructor;
         default: null;
@@ -39764,7 +39773,9 @@ declare const VDatePicker: {
     hideHeader: BooleanConstructor;
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
+    allowedYears: vue.PropType<number[] | ((date: number) => boolean)>;
     year: NumberConstructor;
+    allowedMonths: vue.PropType<number[] | ((date: number) => boolean)>;
     disabled: {
         type: BooleanConstructor;
         default: null;
@@ -40421,6 +40432,7 @@ declare const VDatePickerMonths: {
         color?: string | undefined;
         year?: number | undefined;
         modelValue?: number | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             month?: ((arg: {
@@ -40486,6 +40498,7 @@ declare const VDatePickerMonths: {
         color?: string | undefined;
         year?: number | undefined;
         modelValue?: number | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             month?: ((arg: {
@@ -40535,6 +40548,7 @@ declare const VDatePickerMonths: {
     color?: string | undefined;
     year?: number | undefined;
     modelValue?: number | undefined;
+    allowedMonths?: number[] | ((date: number) => boolean) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         month?: ((arg: {
@@ -40593,6 +40607,7 @@ declare const VDatePickerMonths: {
     max: PropType<unknown>;
     modelValue: NumberConstructor;
     year: NumberConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     height: (StringConstructor | NumberConstructor)[];
@@ -40600,6 +40615,7 @@ declare const VDatePickerMonths: {
     max: PropType<unknown>;
     modelValue: NumberConstructor;
     year: NumberConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
 }>>;
 type VDatePickerMonths = InstanceType<typeof VDatePickerMonths>;
 
@@ -40610,6 +40626,7 @@ declare const VDatePickerYears: {
         min?: unknown;
         color?: string | undefined;
         modelValue?: number | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             year?: ((arg: {
@@ -40694,6 +40711,7 @@ declare const VDatePickerYears: {
         min?: unknown;
         color?: string | undefined;
         modelValue?: number | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             year?: ((arg: {
@@ -40757,6 +40775,7 @@ declare const VDatePickerYears: {
     min?: unknown;
     color?: string | undefined;
     modelValue?: number | undefined;
+    allowedYears?: number[] | ((date: number) => boolean) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         year?: ((arg: {
@@ -40834,12 +40853,14 @@ declare const VDatePickerYears: {
     min: PropType<unknown>;
     max: PropType<unknown>;
     modelValue: NumberConstructor;
+    allowedYears: PropType<number[] | ((date: number) => boolean)>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     height: (StringConstructor | NumberConstructor)[];
     min: PropType<unknown>;
     max: PropType<unknown>;
     modelValue: NumberConstructor;
+    allowedYears: PropType<number[] | ((date: number) => boolean)>;
 }>>;
 type VDatePickerYears = InstanceType<typeof VDatePickerYears>;
 
@@ -85789,6 +85810,7 @@ declare const createVuetify: {
             options: InternalDateOptions;
             instance: {
                 locale?: any;
+                createDateRange: (start: unknown, stop?: unknown) => unknown[];
                 date: (value?: any) => unknown;
                 format: (date: unknown, formatString: string) => string;
                 toJsDate: (value: unknown) => Date;
@@ -85832,6 +85854,8 @@ declare const createVuetify: {
                 setHours: (date: unknown, hours: number) => unknown;
                 getMinutes: (date: unknown) => number;
                 setMinutes: (date: unknown, minutes: number) => unknown;
+            } & {
+                createDateRange(start: unknown, stop?: unknown): unknown[];
             };
         };
         goTo: GoToInstance;
@@ -85877,80 +85901,76 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
+    VApp: VApp
     VAlert: VAlert
     VAlertTitle: VAlertTitle
-    VApp: VApp
     VAvatar: VAvatar
-    VBadge: VBadge
-    VBtn: VBtn
+    VAutocomplete: VAutocomplete
+    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBottomSheet: VBottomSheet
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VBottomNavigation: VBottomNavigation
+    VBadge: VBadge
+    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VBottomSheet: VBottomSheet
     VBtnToggle: VBtnToggle
-    VChipGroup: VChipGroup
-    VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VColorPicker: VColorPicker
+    VBtnGroup: VBtnGroup
+    VChip: VChip
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCode: VCode
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VDivider: VDivider
+    VChipGroup: VChipGroup
+    VColorPicker: VColorPicker
     VCombobox: VCombobox
-    VDialog: VDialog
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
     VCounter: VCounter
+    VDialog: VDialog
     VEmptyState: VEmptyState
-    VFab: VFab
+    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
-    VItemGroup: VItemGroup
-    VItem: VItem
     VFileInput: VFileInput
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VInfiniteScroll: VInfiniteScroll
+    VFooter: VFooter
     VInput: VInput
+    VImg: VImg
     VKbd: VKbd
-    VInfiniteScroll: VInfiniteScroll
     VLabel: VLabel
-    VMain: VMain
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -85961,28 +85981,28 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMenu: VMenu
-    VNavigationDrawer: VNavigationDrawer
     VMessages: VMessages
-    VOtpInput: VOtpInput
     VNumberInput: VNumberInput
-    VPagination: VPagination
+    VMain: VMain
+    VNavigationDrawer: VNavigationDrawer
     VOverlay: VOverlay
+    VOtpInput: VOtpInput
     VProgressLinear: VProgressLinear
+    VRadioGroup: VRadioGroup
     VProgressCircular: VProgressCircular
     VSelectionControl: VSelectionControl
-    VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelect: VSelect
     VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
+    VPagination: VPagination
     VSkeletonLoader: VSkeletonLoader
     VSlider: VSlider
+    VSheet: VSheet
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSystemBar: VSystemBar
     VSnackbar: VSnackbar
+    VSelect: VSelect
+    VSystemBar: VSystemBar
     VSwitch: VSwitch
-    VTable: VTable
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -85993,32 +86013,36 @@ declare module 'vue' {
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
+    VTextarea: VTextarea
     VTextField: VTextField
+    VTable: VTable
     VTooltip: VTooltip
-    VTextarea: VTextarea
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
     VConfirmEdit: VConfirmEdit
-    VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
+    VDataIterator: VDataIterator
     VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VNoSsr: VNoSsr
+    VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VParallax: VParallax
     VRadio: VRadio
+    VNoSsr: VNoSsr
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
     VSparkline: VSparkline
@@ -86043,27 +86067,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VIconBtn: VIconBtn
-    VColorInput: VColorInput
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
     VPicker: VPicker
     VPickerTitle: VPickerTitle
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
+    VColorInput: VColorInput
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify.esm.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.
 */
@@ -18097,7 +18097,20 @@ function createInstance(options, locale) {
   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 = inject$1(DateOptionsSymbol);
@@ -22491,14 +22504,7 @@ const VDatePickerMonth = genericComponent()({
         } 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;
@@ -22584,7 +22590,8 @@ const makeVDatePickerMonthsProps = propsFactory({
   min: null,
   max: null,
   modelValue: Number,
-  year: Number
+  year: Number,
+  allowedMonths: [Array, Function]
 }, 'VDatePickerMonths');
 const VDatePickerMonths = genericComponent()({
   name: 'VDatePickerMonths',
@@ -22606,7 +22613,7 @@ const VDatePickerMonths = genericComponent()({
       }
       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,
@@ -22618,6 +22625,15 @@ const VDatePickerMonths = genericComponent()({
     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(() => createElementVNode("div", {
       "class": "v-date-picker-months",
       "style": normalizeStyle({
@@ -22663,7 +22679,8 @@ const makeVDatePickerYearsProps = propsFactory({
   height: [String, Number],
   min: null,
   max: null,
-  modelValue: Number
+  modelValue: Number,
+  allowedYears: [Array, Function]
 }, 'VDatePickerYears');
 const VDatePickerYears = genericComponent()({
   name: 'VDatePickerYears',
@@ -22695,7 +22712,8 @@ const VDatePickerYears = genericComponent()({
         date = adapter.setYear(date, adapter.getYear(date) + 1);
         return {
           text,
-          value: i
+          value: i,
+          isDisabled: !isYearAllowed(i)
         };
       });
     });
@@ -22709,6 +22727,15 @@ const VDatePickerYears = genericComponent()({
         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(() => createElementVNode("div", {
       "class": "v-date-picker-years",
       "style": normalizeStyle({
@@ -22723,6 +22750,7 @@ const VDatePickerYears = genericComponent()({
         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) {
@@ -22872,6 +22900,41 @@ const VDatePicker = genericComponent()({
       }
       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'
@@ -22987,14 +23050,16 @@ const VDatePicker = genericComponent()({
             "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' ? createVNode(VDatePickerYears, 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) : createVNode(VDatePickerMonth, mergeProps({
             "key": "date-picker-month"
           }, datePickerMonthProps, {
@@ -29317,7 +29382,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -29342,7 +29407,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.7-master.2025-05-27";
+const version = "3.8.7-master.2025-05-31";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };