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

package/dist/vuetify-labs.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.
 */
@@ -17304,7 +17304,7 @@
       case 'fullDate':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric'
         };
         break;
@@ -22100,13 +22100,9 @@
       const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
-    const weekDays = vue.computed(() => {
-      const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
-      return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
-    });
     const weekdayLabels = vue.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 = vue.computed(() => {
       const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22130,13 +22126,14 @@
     });
     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'),
@@ -22148,8 +22145,8 @@
           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),
@@ -22196,7 +22193,6 @@
       genDays,
       model,
       weeksInMonth,
-      weekDays,
       weekdayLabels,
       weekNumbers
     };
@@ -22237,7 +22233,6 @@
         daysInMonth,
         model,
         weekNumbers,
-        weekDays,
         weekdayLabels
       } = useCalendar(props);
       const adapter = useDate();
@@ -22312,7 +22307,7 @@
       useRender(() => vue.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 && vue.createElementVNode("div", {
         "key": "weeks",
@@ -22712,7 +22707,8 @@
       }
       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) {
@@ -25383,19 +25379,21 @@
       const contentRef = vue.ref();
       const inputRef = vue.ref([]);
       const current = vue.computed(() => inputRef.value[focusIndex.value]);
-      const intersectScope = vue.effectScope();
-      intersectScope.run(() => {
-        const {
-          intersectionRef,
-          isIntersecting
-        } = useIntersectionObserver();
-        vue.watch(isIntersecting, v => {
-          if (!v) return;
-          intersectionRef.value?.focus();
-          intersectScope.stop();
-        });
-        vue.watchEffect(() => {
-          intersectionRef.value = inputRef.value[0];
+      useToggleScope(() => props.autofocus, () => {
+        const intersectScope = vue.effectScope();
+        intersectScope.run(() => {
+          const {
+            intersectionRef,
+            isIntersecting
+          } = useIntersectionObserver();
+          vue.watchEffect(() => {
+            intersectionRef.value = inputRef.value[0];
+          });
+          vue.watch(isIntersecting, v => {
+            if (!v) return;
+            intersectionRef.value?.focus();
+            intersectScope.stop();
+          });
         });
       });
       function onInput() {
@@ -29234,9 +29232,8 @@
         model,
         displayValue,
         weekNumbers,
-        weekDays
+        weekdayLabels
       } = useCalendar(props);
-      const dayNames = adapter.getWeekdays();
       function onClickNext() {
         if (props.viewMode === 'month') {
           model.value = [adapter.addMonths(displayValue.value, 1)];
@@ -29274,6 +29271,7 @@
       useRender(() => {
         const calendarDayProps = VCalendarDay.filterProps(props);
         const calendarHeaderProps = VCalendarHeader.filterProps(props);
+        const weekdaysCount = daysInWeek.value.length;
         return vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-calendar', {
             'v-calendar-monthly': props.viewMode === 'month',
@@ -29295,25 +29293,25 @@
         }), {
           title: slots.title
         }))]), vue.createElementVNode("div", {
-          "class": vue.normalizeClass(['v-calendar__container', `days__${weekDays.value.length}`])
+          "class": vue.normalizeClass(['v-calendar__container', `days__${weekdaysCount}`])
         }, [props.viewMode === 'month' && !props.hideDayHeader && vue.createElementVNode("div", {
-          "class": vue.normalizeClass(['v-calendar-weekly__head', `days__${weekDays.value.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])]),
+          "class": vue.normalizeClass(['v-calendar-weekly__head', `days__${weekdaysCount}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])]),
           "key": "calendarWeeklyHead"
         }, [!props.hideWeekNumber ? vue.createElementVNode("div", {
           "key": "weekNumber0",
           "class": "v-calendar-weekly__head-weeknumber"
-        }, null) : '', weekDays.value.map(weekday => vue.createElementVNode("div", {
+        }, null) : '', weekdayLabels.value.map(weekday => vue.createElementVNode("div", {
           "class": vue.normalizeClass(`v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`)
-        }, [dayNames[weekday]]))]), props.viewMode === 'month' && vue.createElementVNode("div", {
+        }, [weekday]))]), props.viewMode === 'month' && vue.createElementVNode("div", {
           "key": "VCalendarMonth",
-          "class": vue.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 ? vue.createElementVNode("div", vue.mergeProps({
+          "class": vue.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 ? vue.createElementVNode("div", vue.mergeProps({
           "class": "v-calendar-month__weeknumber"
         }, getPrefixedEventHandlers(attrs, ':weekNumber', () => ({
           weekNumber: weekNumbers.value[wi],
           week
         }))), [weekNumbers.value[wi]]) : '', week.map(day => vue.createVNode(VCalendarMonthDay, vue.mergeProps({
-          "key": day.date.getTime()
+          "key": adapter.toJsDate(day.date).getTime()
         }, calendarDayProps, {
           "day": day,
           "title": adapter.format(day.date, 'dayOfMonth'),
@@ -32203,7 +32201,7 @@
       };
     });
   }
-  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
@@ -32501,7 +32499,7 @@
 
   /* 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 */