@vuetify/nightly 3.9.0-beta.1-dev.2025-06-28 → 3.9.0-beta.1-dev.2025-07-04

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.1-dev.2025-06-28
+* Vuetify v3.9.0-beta.1-dev.2025-07-04
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8822,7 +8822,7 @@ const independentSelectStrategy = mandatory => {
       selected.set(id, value ? 'on' : 'off');
       return selected;
     },
-    in: (v, children, parents) => {
+    in: (v, children, parents, disabled) => {
       const map = new Map();
       for (const id of v || []) {
         strategy.select({
@@ -8830,7 +8830,8 @@ const independentSelectStrategy = mandatory => {
           value: true,
           selected: map,
           children,
-          parents
+          parents,
+          disabled
         });
       }
       return map;
@@ -8862,9 +8863,9 @@ const independentSingleSelectStrategy = mandatory => {
         selected: singleSelected
       });
     },
-    in: (v, children, parents) => {
+    in: (v, children, parents, disabled) => {
       if (v?.length) {
-        return parentStrategy.in(v.slice(0, 1), children, parents);
+        return parentStrategy.in(v.slice(0, 1), children, parents, disabled);
       }
       return new Map();
     },
@@ -8930,23 +8931,32 @@ const classicSelectStrategy = mandatory => {
         value,
         selected,
         children,
-        parents
+        parents,
+        disabled
       } = _ref6;
       id = toRaw(id);
       const original = new Map(selected);
       const items = [id];
       while (items.length) {
         const item = items.shift();
-        selected.set(toRaw(item), value ? 'on' : 'off');
+        if (!disabled.has(item)) {
+          selected.set(toRaw(item), value ? 'on' : 'off');
+        }
         if (children.has(item)) {
           items.push(...children.get(item));
         }
       }
       let parent = toRaw(parents.get(id));
       while (parent) {
-        const childrenIds = children.get(parent);
-        const everySelected = childrenIds.every(cid => selected.get(toRaw(cid)) === 'on');
-        const noneSelected = childrenIds.every(cid => !selected.has(toRaw(cid)) || selected.get(toRaw(cid)) === 'off');
+        let everySelected = true;
+        let noneSelected = true;
+        for (const child of children.get(parent)) {
+          const cid = toRaw(child);
+          if (disabled.has(cid)) continue;
+          if (selected.get(cid) !== 'on') everySelected = false;
+          if (selected.has(cid) && selected.get(cid) !== 'off') noneSelected = false;
+          if (!everySelected && !noneSelected) break;
+        }
         selected.set(parent, everySelected ? 'on' : noneSelected ? 'off' : 'indeterminate');
         parent = toRaw(parents.get(parent));
       }
@@ -8963,7 +8973,7 @@ const classicSelectStrategy = mandatory => {
       }
       return selected;
     },
-    in: (v, children, parents) => {
+    in: (v, children, parents, disabled) => {
       let map = new Map();
       for (const id of v || []) {
         map = strategy.select({
@@ -8971,7 +8981,8 @@ const classicSelectStrategy = mandatory => {
           value: true,
           selected: map,
           children,
-          parents
+          parents,
+          disabled
         });
       }
       return map;
@@ -9018,8 +9029,9 @@ const emptyNested = {
   root: {
     register: () => null,
     unregister: () => null,
-    parents: ref(new Map()),
     children: ref(new Map()),
+    parents: ref(new Map()),
+    disabled: ref(new Set()),
     open: () => null,
     openOnSelect: () => null,
     activate: () => null,
@@ -9048,6 +9060,7 @@ const useNested = props => {
   let isUnmounted = false;
   const children = shallowRef(new Map());
   const parents = shallowRef(new Map());
+  const disabled = shallowRef(new Set());
   const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(Array.isArray(v) ? v.map(i => toRaw(i)) : v), v => [...v.values()]);
   const activeStrategy = computed(() => {
     if (typeof props.activeStrategy === 'object') return props.activeStrategy;
@@ -9096,7 +9109,7 @@ const useNested = props => {
     }
   });
   const activated = useProxiedModel(props, 'activated', props.activated, v => activeStrategy.value.in(v, children.value, parents.value), v => activeStrategy.value.out(v, children.value, parents.value));
-  const selected = useProxiedModel(props, 'selected', props.selected, v => selectStrategy.value.in(v, children.value, parents.value), v => selectStrategy.value.out(v, children.value, parents.value));
+  const selected = useProxiedModel(props, 'selected', props.selected, v => selectStrategy.value.in(v, children.value, parents.value, disabled.value), v => selectStrategy.value.out(v, children.value, parents.value));
   onBeforeUnmount(() => {
     isUnmounted = true;
   });
@@ -9126,7 +9139,7 @@ const useNested = props => {
         }
         return arr;
       }),
-      register: (id, parentId, isGroup) => {
+      register: (id, parentId, isDisabled, isGroup) => {
         if (nodeIds.has(id)) {
           const path = getPath(id).map(String).join(' -> ');
           const newPath = getPath(parentId).concat(id).map(String).join(' -> ');
@@ -9136,6 +9149,7 @@ const useNested = props => {
           nodeIds.add(id);
         }
         parentId && id !== parentId && parents.value.set(id, parentId);
+        isDisabled && disabled.value.add(id);
         isGroup && children.value.set(id, []);
         if (parentId != null) {
           children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
@@ -9145,6 +9159,7 @@ const useNested = props => {
         if (isUnmounted) return;
         nodeIds.delete(id);
         children.value.delete(id);
+        disabled.value.delete(id);
         const parent = parents.value.get(id);
         if (parent) {
           const list = children.value.get(parent) ?? [];
@@ -9194,6 +9209,7 @@ const useNested = props => {
           selected: new Map(selected.value),
           children: children.value,
           parents: parents.value,
+          disabled: disabled.value,
           event
         });
         newSelected && (selected.value = newSelected);
@@ -9236,13 +9252,14 @@ const useNested = props => {
       },
       children,
       parents,
+      disabled,
       getPath
     }
   };
   provide(VNestedSymbol, nested);
   return nested.root;
 };
-const useNestedItem = (id, isGroup) => {
+const useNestedItem = (id, isDisabled, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol('nested item');
   const computedId = computed(() => toRaw(toValue(id)) ?? uidSymbol);
@@ -9262,10 +9279,14 @@ const useNestedItem = (id, isGroup) => {
     isGroupActivator: parent.isGroupActivator
   };
   onBeforeMount(() => {
-    !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+    if (!parent.isGroupActivator) {
+      parent.root.register(computedId.value, parent.id.value, toValue(isDisabled), isGroup);
+    }
   });
   onBeforeUnmount(() => {
-    !parent.isGroupActivator && parent.root.unregister(computedId.value);
+    if (!parent.isGroupActivator) {
+      parent.root.unregister(computedId.value);
+    }
   });
   isGroup && provide(VNestedSymbol, item);
   return item;
@@ -9297,6 +9318,7 @@ const makeVListGroupProps = propsFactory({
     type: IconValue,
     default: '$collapse'
   },
+  disabled: Boolean,
   expandIcon: {
     type: IconValue,
     default: '$expand'
@@ -9322,7 +9344,7 @@ const VListGroup = genericComponent()({
       isOpen,
       open,
       id: _id
-    } = useNestedItem(() => props.value, true);
+    } = useNestedItem(() => props.value, () => props.disabled, true);
     const id = computed(() => `v-list-group--id-${String(props.rawId ?? _id.value)}`);
     const list = useList();
     const {
@@ -9492,7 +9514,7 @@ const VListItem = genericComponent()({
       parent,
       openOnSelect,
       id: uid
-    } = useNestedItem(id, false);
+    } = useNestedItem(id, () => props.disabled, false);
     const list = useList();
     const isActive = computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
     const isLink = toRef(() => props.link !== false && link.isLink.value);
@@ -10452,7 +10474,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
     });
     if (flipped.isFull) {
       const values = flipped.values();
-      if (deepEqual(values.at(-1), values.at(-3))) {
+      if (deepEqual(values.at(-1), values.at(-3)) && !deepEqual(values.at(-1), values.at(-2))) {
         // Flipping is causing a container resize loop
         return;
       }
@@ -12302,7 +12324,7 @@ const VTextField = genericComponent()({
       if (!isFocused.value) focus();
       nextTick(() => {
         if (inputRef.value !== document.activeElement) {
-          inputRef.value?.focus();
+          nextTick(() => inputRef.value?.focus());
         }
       });
     }
@@ -12641,7 +12663,7 @@ function useVirtual(props, items) {
     raf = requestAnimationFrame(_calculateVisibleItems);
   }
   function _calculateVisibleItems() {
-    if (!containerRef.value || !viewportHeight.value) return;
+    if (!containerRef.value || !viewportHeight.value || !itemHeight.value) return;
     const scrollTop = lastScrollTop - markerOffset;
     const direction = Math.sign(scrollVelocity);
     const startPx = Math.max(0, scrollTop - BUFFER_PX);
@@ -17524,7 +17546,7 @@ function format(value, formatString, locale, formats) {
     case 'fullDate':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric'
       };
       break;
@@ -19841,7 +19863,8 @@ function sortItems(items, sortByItems, locale, options) {
 
       // Dates should be compared numerically
       if (sortA instanceof Date && sortB instanceof Date) {
-        return sortA.getTime() - sortB.getTime();
+        sortA = sortA.getTime();
+        sortB = sortB.getTime();
       }
       [sortA, sortB] = [sortA, sortB].map(s => s != null ? s.toString().toLocaleLowerCase() : s);
       if (sortA !== sortB) {
@@ -20550,10 +20573,15 @@ const VDataTableColumn = defineFunctionalComponent({
     type: String,
     default: 'start'
   },
-  fixed: Boolean,
+  fixed: {
+    type: [Boolean, String],
+    default: false
+  },
   fixedOffset: [Number, String],
+  fixedEndOffset: [Number, String],
   height: [Number, String],
   lastFixed: Boolean,
+  firstFixedEnd: Boolean,
   noPadding: Boolean,
   tag: String,
   width: [Number, String],
@@ -20564,11 +20592,13 @@ const VDataTableColumn = defineFunctionalComponent({
     slots
   } = _ref;
   const Tag = props.tag ?? 'td';
+  const fixedSide = typeof props.fixed === 'string' ? props.fixed : props.fixed ? 'start' : 'none';
   return createVNode(Tag, {
-    "tabindex": "0",
     "class": normalizeClass(['v-data-table__td', {
-      'v-data-table-column--fixed': props.fixed,
+      'v-data-table-column--fixed': fixedSide === 'start',
+      'v-data-table-column--fixed-end': fixedSide === 'end',
       'v-data-table-column--last-fixed': props.lastFixed,
+      'v-data-table-column--first-fixed-end': props.firstFixedEnd,
       'v-data-table-column--no-padding': props.noPadding,
       'v-data-table-column--nowrap': props.nowrap
     }, `v-data-table-column--align-${props.align}`]),
@@ -20576,7 +20606,8 @@ const VDataTableColumn = defineFunctionalComponent({
       height: convertToUnit(props.height),
       width: convertToUnit(props.width),
       maxWidth: convertToUnit(props.maxWidth),
-      left: convertToUnit(props.fixedOffset || null)
+      left: fixedSide === 'start' ? convertToUnit(props.fixedOffset || null) : undefined,
+      right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined
     }
   }, {
     default: () => [slots.default?.()]
@@ -20673,20 +20704,28 @@ function getDepth(item) {
 }
 function parseFixedColumns(items) {
   let seenFixed = false;
-  function setFixed(item) {
-    let parentFixed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  function setFixed(item, side) {
+    let parentFixedSide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'none';
     if (!item) return;
-    if (parentFixed) {
-      item.fixed = true;
+    if (parentFixedSide !== 'none') {
+      item.fixed = parentFixedSide;
     }
-    if (item.fixed) {
-      if (item.children) {
-        for (let i = item.children.length - 1; i >= 0; i--) {
-          setFixed(item.children[i], true);
+
+    // normalize to simplify logic below
+    if (item.fixed === true) {
+      item.fixed = 'start';
+    }
+    const orderedChildren = side === 'start' ? item.children?.toReversed() : item.children;
+    if (item.fixed === side) {
+      if (orderedChildren) {
+        for (const child of orderedChildren) {
+          setFixed(child, side, side);
         }
       } else {
-        if (!seenFixed) {
+        if (!seenFixed && side === 'start') {
           item.lastFixed = true;
+        } else if (!seenFixed && side === 'end') {
+          item.firstFixedEnd = true;
         } else if (isNaN(Number(item.width))) {
           consoleError(`Multiple fixed columns should have a static width (key: ${item.key})`);
         } else {
@@ -20695,36 +20734,57 @@ function parseFixedColumns(items) {
         seenFixed = true;
       }
     } else {
-      if (item.children) {
-        for (let i = item.children.length - 1; i >= 0; i--) {
-          setFixed(item.children[i]);
+      if (orderedChildren) {
+        for (const child of orderedChildren) {
+          setFixed(child, side);
         }
       } else {
         seenFixed = false;
       }
     }
   }
-  for (let i = items.length - 1; i >= 0; i--) {
-    setFixed(items[i]);
+  for (const item of items.toReversed()) {
+    setFixed(item, 'start');
+  }
+  for (const item of items) {
+    setFixed(item, 'end');
   }
   function setFixedOffset(item) {
-    let fixedOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    if (!item) return fixedOffset;
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    if (!item) return offset;
     if (item.children) {
-      item.fixedOffset = fixedOffset;
+      item.fixedOffset = offset;
       for (const child of item.children) {
-        fixedOffset = setFixedOffset(child, fixedOffset);
+        offset = setFixedOffset(child, offset);
       }
-    } else if (item.fixed) {
-      item.fixedOffset = fixedOffset;
-      fixedOffset += parseFloat(item.width || '0') || 0;
+    } else if (item.fixed && item.fixed !== 'end') {
+      item.fixedOffset = offset;
+      offset += parseFloat(item.width || '0') || 0;
     }
-    return fixedOffset;
+    return offset;
   }
   let fixedOffset = 0;
   for (const item of items) {
     fixedOffset = setFixedOffset(item, fixedOffset);
   }
+  function setFixedEndOffset(item) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    if (!item) return offset;
+    if (item.children) {
+      item.fixedEndOffset = offset;
+      for (const child of item.children) {
+        offset = setFixedEndOffset(child, offset);
+      }
+    } else if (item.fixed === 'end') {
+      item.fixedEndOffset = offset;
+      offset += parseFloat(item.width || '0') || 0;
+    }
+    return offset;
+  }
+  let fixedEndOffset = 0;
+  for (const item of items.toReversed()) {
+    fixedEndOffset = setFixedEndOffset(item, fixedEndOffset);
+  }
 }
 function parse(items, maxDepth) {
   const headers = [];
@@ -20857,7 +20917,6 @@ const makeVDataTableHeadersProps = propsFactory({
   color: String,
   disableSort: Boolean,
   fixedHeader: Boolean,
-  lastFixed: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -20904,11 +20963,12 @@ const VDataTableHeaders = genericComponent()({
       loaderClasses
     } = useLoader(props);
     function getFixedStyles(column, y) {
-      if (!(props.sticky || props.fixedHeader) && !(column.fixed || column.lastFixed)) return undefined;
+      if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined;
+      const fixedSide = typeof column.fixed === 'string' ? column.fixed : column.fixed ? 'start' : 'none';
       return {
         position: 'sticky',
-        left: column.fixed || column.lastFixed ? convertToUnit(column.fixedOffset) : undefined,
-        right: column.lastFixed ? convertToUnit(column.fixedOffset ?? 0) : undefined,
+        left: fixedSide === 'start' ? convertToUnit(column.fixedOffset) : undefined,
+        right: fixedSide === 'end' ? convertToUnit(column.fixedEndOffset) : undefined,
         top: props.sticky || props.fixedHeader ? `calc(var(--v-table-header-height) * ${y})` : undefined
       };
     }
@@ -20968,14 +21028,15 @@ const VDataTableHeaders = genericComponent()({
         },
         "colspan": column.colspan,
         "rowspan": column.rowspan,
-        "onClick": column.sortable ? () => toggleSort(column) : undefined,
         "fixed": column.fixed,
         "nowrap": column.nowrap,
         "lastFixed": column.lastFixed,
-        "noPadding": noPadding
-      }, headerProps, {
-        "onKeydown": event => column.sortable && handleEnterKeyPress(event, column)
-      }), {
+        "firstFixedEnd": column.firstFixedEnd,
+        "noPadding": noPadding,
+        "tabindex": column.sortable ? 0 : undefined,
+        "onClick": column.sortable ? () => toggleSort(column) : undefined,
+        "onKeydown": column.sortable ? event => handleEnterKeyPress(event, column) : undefined
+      }, headerProps), {
         default: () => {
           const columnSlotName = `header.${column.key}`;
           const columnSlotProps = {
@@ -21251,7 +21312,9 @@ const VDataTableRow = genericComponent()({
         },
         "fixed": column.fixed,
         "fixedOffset": column.fixedOffset,
+        "fixedEndOffset": column.fixedEndOffset,
         "lastFixed": column.lastFixed,
+        "firstFixedEnd": column.firstFixedEnd,
         "maxWidth": !mobile.value ? column.maxWidth : undefined,
         "noPadding": column.key === 'data-table-select' || column.key === 'data-table-expand',
         "nowrap": column.nowrap,
@@ -22661,13 +22724,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, props.weekdayFormat);
-    return weekDays.value.map(day => labels[day]);
+    const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
+    return adapter.getWeekdays(props.firstDayOfWeek, props.weekdayFormat).filter((_, i) => props.weekdays.includes((i + firstDayOfWeek) % 7));
   });
   const weeksInMonth = computed(() => {
     const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
@@ -22691,13 +22750,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'),
@@ -22709,8 +22769,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),
@@ -22757,7 +22817,6 @@ function useCalendar(props) {
     genDays,
     model,
     weeksInMonth,
-    weekDays,
     weekdayLabels,
     weekNumbers
   };
@@ -22798,7 +22857,6 @@ const VDatePickerMonth = genericComponent()({
       daysInMonth,
       model,
       weekNumbers,
-      weekDays,
       weekdayLabels
     } = useCalendar(props);
     const adapter = useDate();
@@ -22873,7 +22931,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",
@@ -26044,19 +26102,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() {
@@ -30107,7 +30167,7 @@ const VTreeviewItem = genericComponent()({
       return createVNode(VListItem, mergeProps({
         "ref": vListItemRef
       }, listItemProps, {
-        "active": vListItemRef.value?.isActivated,
+        "active": vListItemRef.value?.isActivated || undefined,
         "class": ['v-treeview-item', {
           'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
           'v-treeview-item--filtered': isFiltered.value
@@ -30319,10 +30379,7 @@ const makeVTreeviewProps = propsFactory({
     expandIcon: '$treeviewExpand',
     slim: true
   }), ['itemType', 'nav', 'openStrategy']),
-  modelValue: {
-    type: Array,
-    default: () => []
-  }
+  modelValue: Array
 }, 'VTreeview');
 const VTreeview = genericComponent()({
   name: 'VTreeview',
@@ -30337,7 +30394,8 @@ const VTreeview = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      slots
+      slots,
+      emit
     } = _ref;
     const {
       items
@@ -30346,13 +30404,12 @@ const VTreeview = genericComponent()({
     const baseColor = toRef(() => props.baseColor);
     const color = toRef(() => props.color);
     const activated = useProxiedModel(props, 'activated');
-    const model = useProxiedModel(props, 'modelValue');
-    const _selected = useProxiedModel(props, 'selected', props.modelValue);
+    const _selected = useProxiedModel(props, 'selected');
     const selected = computed({
-      get: () => _selected.value,
+      get: () => props.modelValue ?? _selected.value,
       set(val) {
         _selected.value = val;
-        model.value = val;
+        emit('update:modelValue', val);
       }
     });
     const vListRef = ref();
@@ -30524,7 +30581,7 @@ const VCalendarIntervalEvent = genericComponent()({
       }
     };
     useRender(() => {
-      return createElementVNode("div", null, [slots.intervalEvent?.({
+      return createElementVNode("div", null, [slots['interval-event']?.({
         height: calcHeight().height,
         margin: calcHeight().margin,
         eventClass: 'v-calendar-internal-event',
@@ -30621,13 +30678,13 @@ const VCalendarInterval = genericComponent()({
         "style": normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
       }, [createElementVNode("div", mergeProps({
         "class": "v-calendar-day__row-label"
-      }, getPrefixedEventHandlers(attrs, ':time', () => props)), [slots.intervalTitle?.({
+      }, getPrefixedEventHandlers(attrs, ':time', () => props)), [slots['interval-title']?.({
         interval: interval.value
       }) ?? (props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '12 AM')]), createElementVNode("div", {
         "class": "v-calendar-day__row-hairline"
       }, null), createElementVNode("div", mergeProps({
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
+      }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots['interval-body']?.({
         interval: interval.value
       }) ?? createElementVNode("div", null, [interval.value.events?.map(event => createVNode(VCalendarIntervalEvent, mergeProps({
         "event": event,
@@ -30636,8 +30693,8 @@ const VCalendarInterval = genericComponent()({
         "intervalDuration": props.intervalDuration,
         "intervalHeight": props.intervalHeight
       }, attrs), {
-        ...(slots.intervalEvent ? {
-          intervalEvent: _ref2 => {
+        ...(slots['interval-event'] ? {
+          'interval-event': _ref2 => {
             let {
               height,
               margin,
@@ -30645,7 +30702,7 @@ const VCalendarInterval = genericComponent()({
               event,
               interval
             } = _ref2;
-            return slots.intervalEvent?.({
+            return slots['interval-event']?.({
               height,
               margin,
               eventClass,
@@ -30659,7 +30716,7 @@ const VCalendarInterval = genericComponent()({
         "style": normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
       }, [createElementVNode("div", mergeProps({
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
-      }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
+      }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots['interval-body']?.({
         interval: interval.value
       }) ?? interval.value.events?.map(event => createVNode(VCalendarIntervalEvent, mergeProps({
         "event": event,
@@ -30668,8 +30725,8 @@ const VCalendarInterval = genericComponent()({
         "intervalDuration": props.intervalDuration,
         "intervalHeight": props.intervalHeight
       }, attrs), {
-        ...(slots.intervalEvent ? {
-          intervalEvent: _ref3 => {
+        ...(slots['interval-event'] ? {
+          'interval-event': _ref3 => {
             let {
               height,
               margin,
@@ -30677,7 +30734,7 @@ const VCalendarInterval = genericComponent()({
               event,
               interval
             } = _ref3;
-            return slots.intervalEvent?.({
+            return slots['interval-event']?.({
               height,
               margin,
               eventClass,
@@ -30732,7 +30789,7 @@ const VCalendarDay = genericComponent()({
       }), null)])]), intervals.value.map((_, index) => slots.interval?.(calendarIntervalProps) ?? createVNode(VCalendarInterval, mergeProps({
         "index": index
       }, calendarIntervalProps, attrs, getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps)), {
-        ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle'])
+        ...pick(slots, ['interval-body', 'interval-event', 'interval-title'])
       }))]);
     });
     return {
@@ -30876,7 +30933,7 @@ const VCalendarMonthDay = genericComponent()({
       }, getPrefixedEventHandlers(attrs, ':day', () => props)), [!props.day?.isHidden ? createElementVNode("div", {
         "key": "title",
         "class": "v-calendar-weekly__day-label"
-      }, [slots.dayTitle?.({
+      }, [slots['day-title']?.({
         title: props.title
       }) ?? createVNode(VBtn, mergeProps({
         "class": props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined,
@@ -30889,12 +30946,12 @@ const VCalendarMonthDay = genericComponent()({
       }, getPrefixedEventHandlers(attrs, ':date', () => props)), null)]) : undefined, !props.day?.isHidden ? createElementVNode("div", {
         "key": "content",
         "class": "v-calendar-weekly__day-content"
-      }, [slots.dayBody?.({
+      }, [slots['day-body']?.({
         day: props.day,
         events: props.events
       }) ?? createElementVNode("div", null, [createElementVNode("div", {
         "class": "v-calendar-weekly__day-alldayevents-container"
-      }, [props.events?.filter(event => event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
+      }, [props.events?.filter(event => event.allDay).map(event => slots['day-event'] ? slots['day-event']({
         day: props.day,
         allDay: true,
         event
@@ -30904,7 +30961,7 @@ const VCalendarMonthDay = genericComponent()({
         "allDay": true
       }, attrs), null))]), createElementVNode("div", {
         "class": "v-calendar-weekly__day-events-container"
-      }, [props.events?.filter(event => !event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
+      }, [props.events?.filter(event => !event.allDay).map(event => slots['day-event'] ? slots['day-event']({
         day: props.day,
         event,
         allDay: false
@@ -30949,9 +31006,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)];
@@ -30989,6 +31045,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',
@@ -31010,19 +31067,19 @@ 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],
@@ -31045,7 +31102,7 @@ const VCalendar = genericComponent()({
         "dayIndex": i,
         "events": props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date))
       }, attrs), {
-        ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle'])
+        ...pick(slots, ['interval', 'interval-body', 'interval-event', 'interval-title'])
       })), props.viewMode === 'day' && (slots['day-interval'] ? slots['day-interval']({
         day: genDays([displayValue.value], adapter.date())[0],
         dayIndex: 0,
@@ -31960,6 +32017,7 @@ const VIconBtn = genericComponent()({
         opacity: props.opacity
       };
       return createVNode(props.tag, {
+        "type": props.tag === 'button' ? 'button' : undefined,
         "class": normalizeClass([{
           'v-icon-btn': true,
           'v-icon-btn--active': isActive.value,
@@ -33522,7 +33580,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.0-beta.1-dev.2025-06-28";
+const version$1 = "3.9.0-beta.1-dev.2025-07-04";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -33820,7 +33878,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.0-beta.1-dev.2025-06-28";
+const version = "3.9.0-beta.1-dev.2025-07-04";
 
 /* eslint-disable local-rules/sort-imports */