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

package/dist/vuetify-labs.d.ts

@@ -39647,6 +39647,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;
@@ -39742,6 +39744,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;
@@ -39821,6 +39825,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;
@@ -39910,7 +39916,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;
@@ -40015,7 +40023,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;
@@ -40672,6 +40682,7 @@ declare const VDatePickerMonths: {
         color?: string | undefined;
         year?: number | undefined;
         modelValue?: number | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             month?: ((arg: {
@@ -40737,6 +40748,7 @@ declare const VDatePickerMonths: {
         color?: string | undefined;
         year?: number | undefined;
         modelValue?: number | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             month?: ((arg: {
@@ -40786,6 +40798,7 @@ declare const VDatePickerMonths: {
     color?: string | undefined;
     year?: number | undefined;
     modelValue?: number | undefined;
+    allowedMonths?: number[] | ((date: number) => boolean) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         month?: ((arg: {
@@ -40844,6 +40857,7 @@ declare const VDatePickerMonths: {
     max: PropType<unknown>;
     modelValue: NumberConstructor;
     year: NumberConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     height: (StringConstructor | NumberConstructor)[];
@@ -40851,6 +40865,7 @@ declare const VDatePickerMonths: {
     max: PropType<unknown>;
     modelValue: NumberConstructor;
     year: NumberConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
 }>>;
 type VDatePickerMonths = InstanceType<typeof VDatePickerMonths>;
 
@@ -40861,6 +40876,7 @@ declare const VDatePickerYears: {
         min?: unknown;
         color?: string | undefined;
         modelValue?: number | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             year?: ((arg: {
@@ -40945,6 +40961,7 @@ declare const VDatePickerYears: {
         min?: unknown;
         color?: string | undefined;
         modelValue?: number | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             year?: ((arg: {
@@ -41008,6 +41025,7 @@ declare const VDatePickerYears: {
     min?: unknown;
     color?: string | undefined;
     modelValue?: number | undefined;
+    allowedYears?: number[] | ((date: number) => boolean) | undefined;
 } & {
     $children?: {} | vue.VNodeChild | {
         year?: ((arg: {
@@ -41085,12 +41103,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>;
 
@@ -89349,6 +89369,8 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
         inputFormat?: string | undefined;
         displayFormat?: string | Function | undefined;
     } & {
@@ -91546,6 +91568,8 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
         inputFormat?: string | undefined;
         displayFormat?: string | Function | undefined;
     } & {
@@ -93717,6 +93741,8 @@ declare const VDateInput: {
     modelModifiers?: Record<string, boolean> | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+    allowedYears?: number[] | ((date: number) => boolean) | undefined;
     inputFormat?: string | undefined;
     displayFormat?: string | Function | undefined;
 } & {
@@ -95901,6 +95927,8 @@ declare const VDateInput: {
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
+    allowedYears: PropType<number[] | ((date: number) => boolean)>;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -96133,6 +96161,8 @@ declare const VDateInput: {
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
+    allowedMonths: PropType<number[] | ((date: number) => boolean)>;
+    allowedYears: PropType<number[] | ((date: number) => boolean)>;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -101749,40 +101779,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
@@ -101790,71 +101817,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
@@ -101865,18 +101876,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
@@ -101885,20 +101910,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
@@ -101915,27 +101944,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-labs.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.
 */
@@ -22306,7 +22306,8 @@ const makeVDatePickerMonthsProps = propsFactory({
   min: null,
   max: null,
   modelValue: Number,
-  year: Number
+  year: Number,
+  allowedMonths: [Array, Function]
 }, 'VDatePickerMonths');
 const VDatePickerMonths = genericComponent()({
   name: 'VDatePickerMonths',
@@ -22328,7 +22329,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,
@@ -22340,6 +22341,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({
@@ -22385,7 +22395,8 @@ const makeVDatePickerYearsProps = propsFactory({
   height: [String, Number],
   min: null,
   max: null,
-  modelValue: Number
+  modelValue: Number,
+  allowedYears: [Array, Function]
 }, 'VDatePickerYears');
 const VDatePickerYears = genericComponent()({
   name: 'VDatePickerYears',
@@ -22417,7 +22428,8 @@ const VDatePickerYears = genericComponent()({
         date = adapter.setYear(date, adapter.getYear(date) + 1);
         return {
           text,
-          value: i
+          value: i,
+          isDisabled: !isYearAllowed(i)
         };
       });
     });
@@ -22431,6 +22443,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({
@@ -22445,6 +22466,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) {
@@ -22594,6 +22616,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'
@@ -22709,14 +22766,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, {
@@ -32012,7 +32071,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
@@ -32310,7 +32369,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */