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

package/dist/vuetify.d.ts

@@ -39396,6 +39396,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 +39493,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 +39574,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 +39665,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 +39772,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 +40431,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 +40497,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 +40547,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 +40606,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 +40614,7 @@ declare const VDatePickerMonths: {
     max: PropType<unknown>;
     modelValue: NumberConstructor;
     year: NumberConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
 }>>;
 type VDatePickerMonths = InstanceType<typeof VDatePickerMonths>;
 
@@ -40610,6 +40625,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 +40710,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 +40774,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 +40852,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>;
 
@@ -85877,40 +85897,37 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
     VAlert: VAlert
     VAlertTitle: VAlertTitle
     VApp: VApp
+    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
-    VBadge: VBadge
-    VBtn: VBtn
+    VBottomNavigation: VBottomNavigation
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBtn: VBtn
     VBottomSheet: VBottomSheet
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VBottomNavigation: VBottomNavigation
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VBtnToggle: VBtnToggle
-    VChipGroup: VChipGroup
+    VBtnGroup: VBtnGroup
+    VBadge: VBadge
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
+    VChipGroup: VChipGroup
     VColorPicker: VColorPicker
     VCode: VCode
+    VCombobox: VCombobox
+    VBtnToggle: VBtnToggle
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -85918,71 +85935,55 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VDivider: VDivider
-    VCombobox: VCombobox
-    VDialog: VDialog
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VCounter: VCounter
+    VDialog: VDialog
     VEmptyState: VEmptyState
-    VFab: VFab
+    VField: VField
+    VFieldLabel: VFieldLabel
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VField: VField
-    VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
+    VFab: VFab
     VFooter: VFooter
+    VDivider: VDivider
+    VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
-    VFileInput: VFileInput
-    VIcon: VIcon
-    VComponentIcon: VComponentIcon
-    VSvgIcon: VSvgIcon
-    VLigatureIcon: VLigatureIcon
-    VClassIcon: VClassIcon
-    VImg: VImg
-    VInput: VInput
-    VKbd: VKbd
     VInfiniteScroll: VInfiniteScroll
+    VKbd: VKbd
     VLabel: VLabel
+    VInput: VInput
     VMain: VMain
-    VList: VList
-    VListGroup: VListGroup
-    VListImg: VListImg
-    VListItem: VListItem
-    VListItemAction: VListItemAction
-    VListItemMedia: VListItemMedia
-    VListItemSubtitle: VListItemSubtitle
-    VListItemTitle: VListItemTitle
-    VListSubheader: VListSubheader
     VMenu: VMenu
+    VNumberInput: VNumberInput
     VNavigationDrawer: VNavigationDrawer
-    VMessages: VMessages
     VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
-    VPagination: VPagination
+    VMessages: VMessages
+    VProgressCircular: VProgressCircular
     VOverlay: VOverlay
+    VPagination: VPagination
     VProgressLinear: VProgressLinear
-    VProgressCircular: VProgressCircular
-    VSelectionControl: VSelectionControl
-    VRadioGroup: VRadioGroup
     VRating: VRating
+    VRadioGroup: VRadioGroup
     VSelect: VSelect
-    VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
-    VSkeletonLoader: VSkeletonLoader
-    VSlider: VSlider
+    VSelectionControl: VSelectionControl
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSystemBar: VSystemBar
+    VSlider: VSlider
+    VSkeletonLoader: VSkeletonLoader
+    VSheet: VSheet
+    VSelectionControlGroup: VSelectionControlGroup
     VSnackbar: VSnackbar
     VSwitch: VSwitch
-    VTable: VTable
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -85993,18 +85994,32 @@ declare module 'vue' {
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VSystemBar: VSystemBar
+    VTable: VTable
+    VTextarea: VTextarea
+    VTooltip: VTooltip
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTextField: VTextField
-    VTooltip: VTooltip
-    VTextarea: VTextarea
-    VWindow: VWindow
-    VWindowItem: VWindowItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VConfirmEdit: VConfirmEdit
-    VDataIterator: VDataIterator
+    VTextField: VTextField
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VIcon: VIcon
+    VComponentIcon: VComponentIcon
+    VSvgIcon: VSvgIcon
+    VLigatureIcon: VLigatureIcon
+    VClassIcon: VClassIcon
+    VList: VList
+    VListGroup: VListGroup
+    VListImg: VListImg
+    VListItem: VListItem
+    VListItemAction: VListItemAction
+    VListItemMedia: VListItemMedia
+    VListItemSubtitle: VListItemSubtitle
+    VListItemTitle: VListItemTitle
+    VListSubheader: VListSubheader
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
     VContainer: VContainer
@@ -86013,20 +86028,24 @@ declare module 'vue' {
     VSpacer: VSpacer
     VHover: VHover
     VLazy: VLazy
-    VLocaleProvider: VLocaleProvider
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
+    VConfirmEdit: VConfirmEdit
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSparkline: VSparkline
     VSnackbarQueue: VSnackbarQueue
+    VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -86043,27 +86062,28 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VDataIterator: VDataIterator
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
-    VIconBtn: VIconBtn
     VColorInput: VColorInput
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     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-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22584,7 +22584,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 +22607,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 +22619,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 +22673,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 +22706,8 @@ const VDatePickerYears = genericComponent()({
         date = adapter.setYear(date, adapter.getYear(date) + 1);
         return {
           text,
-          value: i
+          value: i,
+          isDisabled: !isYearAllowed(i)
         };
       });
     });
@@ -22709,6 +22721,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 +22744,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 +22894,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 +23044,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 +29376,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -29342,7 +29401,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.7-master.2025-05-27";
+const version = "3.8.7-master.2025-05-29";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };