@vuetify/nightly 3.8.11-master.2025-06-30 → 3.8.12-master.2025-07-03

package/dist/vuetify-labs.d.ts

@@ -101806,39 +101806,41 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
     VBadge: VBadge
+    VAvatar: VAvatar
     VBottomNavigation: VBottomNavigation
+    VBottomSheet: VBottomSheet
+    VBtnToggle: VBtnToggle
+    VBtn: VBtn
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtn: VBtn
-    VBtnGroup: VBtnGroup
-    VBtnToggle: VBtnToggle
-    VBottomSheet: VBottomSheet
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VColorPicker: VColorPicker
+    VChipGroup: VChipGroup
+    VChip: VChip
     VCombobox: VCombobox
+    VColorPicker: VColorPicker
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VCounter: VCounter
     VCode: VCode
-    VChip: VChip
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -101852,18 +101854,14 @@ declare module 'vue' {
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VChipGroup: VChipGroup
-    VDialog: VDialog
-    VDivider: VDivider
-    VEmptyState: VEmptyState
-    VFab: VFab
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VCounter: VCounter
-    VFooter: VFooter
+    VDialog: VDialog
+    VDivider: VDivider
     VFileInput: VFileInput
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
     VIcon: VIcon
@@ -101871,13 +101869,13 @@ declare module 'vue' {
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VEmptyState: VEmptyState
+    VFooter: VFooter
     VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
     VInput: VInput
-    VKbd: VKbd
-    VInfiniteScroll: VInfiniteScroll
-    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -101887,50 +101885,52 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VKbd: VKbd
     VMain: VMain
-    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
+    VLabel: VLabel
+    VMessages: VMessages
+    VMenu: VMenu
     VNumberInput: VNumberInput
     VOtpInput: VOtpInput
     VOverlay: VOverlay
     VProgressCircular: VProgressCircular
     VPagination: VPagination
-    VRating: VRating
     VProgressLinear: VProgressLinear
+    VRating: VRating
     VRadioGroup: VRadioGroup
     VSelect: VSelect
-    VSkeletonLoader: VSkeletonLoader
-    VSelectionControlGroup: VSelectionControlGroup
-    VSelectionControl: VSelectionControl
     VSheet: VSheet
-    VSnackbar: VSnackbar
-    VSlider: VSlider
+    VSelectionControl: VSelectionControl
+    VSelectionControlGroup: VSelectionControlGroup
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSnackbar: VSnackbar
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSwitch: VSwitch
     VSystemBar: VSystemBar
-    VTextField: VTextField
+    VSwitch: VSwitch
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
+    VTextField: VTextField
+    VTable: VTable
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VTable: VTable
     VTooltip: VTooltip
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VMenu: VMenu
+    VTextarea: VTextarea
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
@@ -101946,14 +101946,15 @@ declare module 'vue' {
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
-    VThemeProvider: VThemeProvider
+    VSnackbarQueue: VSnackbarQueue
     VValidation: VValidation
+    VThemeProvider: VThemeProvider
+    VRadio: VRadio
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -101970,10 +101971,6 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
     VCalendar: VCalendar
@@ -101982,16 +101979,19 @@ declare module 'vue' {
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
+    VIconBtn: VIconBtn
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
+    VColorInput: VColorInput
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VIconBtn: VIconBtn
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.11-master.2025-06-30
+* Vuetify v3.8.12-master.2025-07-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -17300,7 +17300,7 @@ function format(value, formatString, locale, formats) {
     case 'fullDate':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric'
       };
       break;
@@ -22096,13 +22096,9 @@ function useCalendar(props) {
     const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
     return adapter.setMonth(date, value);
   }, v => adapter.getMonth(v));
-  const weekDays = computed(() => {
-    const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
-    return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
-  });
   const weekdayLabels = computed(() => {
-    const labels = adapter.getWeekdays(props.firstDayOfWeek);
-    return weekDays.value.map(day => labels[day]);
+    const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
+    return adapter.getWeekdays(props.firstDayOfWeek).filter((_, i) => props.weekdays.includes((i + firstDayOfWeek) % 7));
   });
   const weeksInMonth = computed(() => {
     const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22126,13 +22122,14 @@ function useCalendar(props) {
   });
   function genDays(days, today) {
     return days.filter(date => {
-      return weekDays.value.includes(adapter.toJsDate(date).getDay());
+      return props.weekdays.includes(adapter.toJsDate(date).getDay());
     }).map((date, index) => {
       const isoDate = adapter.toISO(date);
       const isAdjacent = !adapter.isSameMonth(date, month.value);
       const isStart = adapter.isSameDay(date, adapter.startOfMonth(month.value));
       const isEnd = adapter.isSameDay(date, adapter.endOfMonth(month.value));
       const isSame = adapter.isSameDay(date, month.value);
+      const weekdaysCount = props.weekdays.length;
       return {
         date,
         formatted: adapter.format(date, 'keyboardDate'),
@@ -22144,8 +22141,8 @@ function useCalendar(props) {
         isSelected: model.value.some(value => adapter.isSameDay(date, value)),
         isStart,
         isToday: adapter.isSameDay(date, today),
-        isWeekEnd: index % 7 === 6,
-        isWeekStart: index % 7 === 0,
+        isWeekEnd: index % weekdaysCount === weekdaysCount - 1,
+        isWeekStart: index % weekdaysCount === 0,
         isoDate,
         localized: adapter.format(date, 'dayOfMonth'),
         month: adapter.getMonth(date),
@@ -22192,7 +22189,6 @@ function useCalendar(props) {
     genDays,
     model,
     weeksInMonth,
-    weekDays,
     weekdayLabels,
     weekNumbers
   };
@@ -22233,7 +22229,6 @@ const VDatePickerMonth = genericComponent()({
       daysInMonth,
       model,
       weekNumbers,
-      weekDays,
       weekdayLabels
     } = useCalendar(props);
     const adapter = useDate();
@@ -22308,7 +22303,7 @@ const VDatePickerMonth = genericComponent()({
     useRender(() => createElementVNode("div", {
       "class": "v-date-picker-month",
       "style": {
-        '--v-date-picker-days-in-week': weekDays.value.length
+        '--v-date-picker-days-in-week': props.weekdays.length
       }
     }, [props.showWeek && createElementVNode("div", {
       "key": "weeks",
@@ -22708,7 +22703,8 @@ const VDatePicker = genericComponent()({
     }
     function allowedMonths(month) {
       if (typeof props.allowedDates === 'function') {
-        const startOfMonth = adapter.parseISO(`${year.value}-${month + 1}-01`);
+        const monthTwoDigits = String(month + 1).padStart(2, '0');
+        const startOfMonth = adapter.parseISO(`${year.value}-${monthTwoDigits}-01`);
         return isAllowedInRange(startOfMonth, adapter.endOfMonth(startOfMonth));
       }
       if (Array.isArray(props.allowedDates) && props.allowedDates.length) {
@@ -25379,19 +25375,21 @@ const VOtpInput = genericComponent()({
     const contentRef = ref();
     const inputRef = ref([]);
     const current = computed(() => inputRef.value[focusIndex.value]);
-    const intersectScope = effectScope();
-    intersectScope.run(() => {
-      const {
-        intersectionRef,
-        isIntersecting
-      } = useIntersectionObserver();
-      watch(isIntersecting, v => {
-        if (!v) return;
-        intersectionRef.value?.focus();
-        intersectScope.stop();
-      });
-      watchEffect(() => {
-        intersectionRef.value = inputRef.value[0];
+    useToggleScope(() => props.autofocus, () => {
+      const intersectScope = effectScope();
+      intersectScope.run(() => {
+        const {
+          intersectionRef,
+          isIntersecting
+        } = useIntersectionObserver();
+        watchEffect(() => {
+          intersectionRef.value = inputRef.value[0];
+        });
+        watch(isIntersecting, v => {
+          if (!v) return;
+          intersectionRef.value?.focus();
+          intersectScope.stop();
+        });
       });
     });
     function onInput() {
@@ -29230,9 +29228,8 @@ const VCalendar = genericComponent()({
       model,
       displayValue,
       weekNumbers,
-      weekDays
+      weekdayLabels
     } = useCalendar(props);
-    const dayNames = adapter.getWeekdays();
     function onClickNext() {
       if (props.viewMode === 'month') {
         model.value = [adapter.addMonths(displayValue.value, 1)];
@@ -29270,6 +29267,7 @@ const VCalendar = genericComponent()({
     useRender(() => {
       const calendarDayProps = VCalendarDay.filterProps(props);
       const calendarHeaderProps = VCalendarHeader.filterProps(props);
+      const weekdaysCount = daysInWeek.value.length;
       return createElementVNode("div", {
         "class": normalizeClass(['v-calendar', {
           'v-calendar-monthly': props.viewMode === 'month',
@@ -29291,25 +29289,25 @@ const VCalendar = genericComponent()({
       }), {
         title: slots.title
       }))]), createElementVNode("div", {
-        "class": normalizeClass(['v-calendar__container', `days__${weekDays.value.length}`])
+        "class": normalizeClass(['v-calendar__container', `days__${weekdaysCount}`])
       }, [props.viewMode === 'month' && !props.hideDayHeader && createElementVNode("div", {
-        "class": normalizeClass(['v-calendar-weekly__head', `days__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])]),
+        "class": normalizeClass(['v-calendar-weekly__head', `days__${weekdaysCount}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])]),
         "key": "calendarWeeklyHead"
       }, [!props.hideWeekNumber ? createElementVNode("div", {
         "key": "weekNumber0",
         "class": "v-calendar-weekly__head-weeknumber"
-      }, null) : '', weekDays.value.map(weekday => createElementVNode("div", {
+      }, null) : '', weekdayLabels.value.map(weekday => createElementVNode("div", {
         "class": normalizeClass(`v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`)
-      }, [dayNames[weekday]]))]), props.viewMode === 'month' && createElementVNode("div", {
+      }, [weekday]))]), props.viewMode === 'month' && createElementVNode("div", {
         "key": "VCalendarMonth",
-        "class": normalizeClass(['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])])
-      }, [chunkArray(daysInMonth.value, weekDays.value.length).map((week, wi) => [!props.hideWeekNumber ? createElementVNode("div", mergeProps({
+        "class": normalizeClass(['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekdaysCount}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])])
+      }, [chunkArray(daysInMonth.value, weekdaysCount).map((week, wi) => [!props.hideWeekNumber ? createElementVNode("div", mergeProps({
         "class": "v-calendar-month__weeknumber"
       }, getPrefixedEventHandlers(attrs, ':weekNumber', () => ({
         weekNumber: weekNumbers.value[wi],
         week
       }))), [weekNumbers.value[wi]]) : '', week.map(day => createVNode(VCalendarMonthDay, mergeProps({
-        "key": day.date.getTime()
+        "key": adapter.toJsDate(day.date).getTime()
       }, calendarDayProps, {
         "day": day,
         "title": adapter.format(day.date, 'dayOfMonth'),
@@ -32199,7 +32197,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.11-master.2025-06-30";
+const version$1 = "3.8.12-master.2025-07-03";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -32497,7 +32495,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.11-master.2025-06-30";
+const version = "3.8.12-master.2025-07-03";
 
 /* eslint-disable local-rules/sort-imports */