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

package/lib/framework.d.ts

@@ -499,9 +499,10 @@ type SelectStrategyFunction = (data: {
     selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
     children: Map<unknown, unknown[]>;
     parents: Map<unknown, unknown>;
+    disabled: Set<unknown>;
     event?: Event;
 }) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
-type SelectStrategyTransformInFunction = (v: readonly unknown[] | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
+type SelectStrategyTransformInFunction = (v: readonly unknown[] | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>, disabled: Set<unknown>) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
 type SelectStrategyTransformOutFunction = (v: Map<unknown, 'on' | 'off' | 'indeterminate'>, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => unknown[];
 type SelectStrategy = {
     select: SelectStrategyFunction;
@@ -590,7 +591,7 @@ type DataTableHeader<T = Record<string, any>> = {
     key?: 'data-table-group' | 'data-table-select' | 'data-table-expand' | (string & {});
     value?: SelectItemKey<T>;
     title?: string;
-    fixed?: boolean;
+    fixed?: boolean | 'start' | 'end';
     align?: 'start' | 'end' | 'center';
     width?: number | string;
     minWidth?: number | string;
@@ -609,7 +610,9 @@ type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children
     value: SelectItemKey | null;
     sortable: boolean;
     fixedOffset?: number;
+    fixedEndOffset?: number;
     lastFixed?: boolean;
+    firstFixedEnd?: boolean;
     nowrap?: boolean;
     colspan?: number;
     rowspan?: number;
@@ -2577,12 +2580,17 @@ declare module 'vue' {
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBanner: typeof import('vuetify/components')['VBanner']
+    VBannerActions: typeof import('vuetify/components')['VBannerActions']
+    VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
@@ -2594,23 +2602,15 @@ declare module 'vue' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VCode: typeof import('vuetify/components')['VCode']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChip: typeof import('vuetify/components')['VChip']
+    VCode: typeof import('vuetify/components')['VCode']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VCounter: typeof import('vuetify/components')['VCounter']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDatePicker: typeof import('vuetify/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
-    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
-    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2618,32 +2618,36 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
+    VCounter: typeof import('vuetify/components')['VCounter']
+    VDatePicker: typeof import('vuetify/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
+    VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
+    VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VDivider: typeof import('vuetify/components')['VDivider']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFab: typeof import('vuetify/components')['VFab']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VInput: typeof import('vuetify/components')['VInput']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
-    VLabel: typeof import('vuetify/components')['VLabel']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInput: typeof import('vuetify/components')['VInput']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VMenu: typeof import('vuetify/components')['VMenu']
-    VMain: typeof import('vuetify/components')['VMain']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2653,56 +2657,54 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VMessages: typeof import('vuetify/components')['VMessages']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VMain: typeof import('vuetify/components')['VMain']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VRating: typeof import('vuetify/components')['VRating']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VSheet: typeof import('vuetify/components')['VSheet']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTimePicker: typeof import('vuetify/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
@@ -2711,7 +2713,6 @@ declare module 'vue' {
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
@@ -2743,24 +2744,26 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VTable: typeof import('vuetify/components')['VTable']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VHover: typeof import('vuetify/components')['VHover']
     VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
-    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
-    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VHotkey: typeof import('vuetify/labs/components')['VHotkey']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
+    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
+    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VHotkey: typeof import('vuetify/labs/components')['VHotkey']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.9.0-beta.1-dev.2025-06-28";
+export const version = "3.9.0-beta.1-dev.2025-07-04";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/labs/VCalendar/VCalendar.d.ts

@@ -321,7 +321,7 @@ export declare const VCalendar: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -329,7 +329,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -341,7 +341,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -378,7 +378,7 @@ export declare const VCalendar: {
             }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -386,7 +386,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -398,7 +398,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -435,7 +435,7 @@ export declare const VCalendar: {
             }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -443,7 +443,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -455,7 +455,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -525,7 +525,7 @@ export declare const VCalendar: {
         intervals: number;
         hideWeekNumber: boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
-        intervalBody: (arg: {
+        'interval-body': (arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -533,7 +533,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNode[];
-        intervalEvent: (arg: {
+        'interval-event': (arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -545,7 +545,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNode[];
-        intervalTitle: (arg: {
+        'interval-title': (arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -621,7 +621,7 @@ export declare const VCalendar: {
         dayIndex?: number | undefined;
     } & {
         $children?: {} | import("vue").VNodeChild | {
-            intervalBody?: ((arg: {
+            'interval-body'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -629,7 +629,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: ((arg: {
+            'interval-event'?: ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -641,7 +641,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: ((arg: {
+            'interval-title'?: ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -678,7 +678,7 @@ export declare const VCalendar: {
             }) => import("vue").VNodeChild) | undefined;
         };
         'v-slots'?: {
-            intervalBody?: false | ((arg: {
+            'interval-body'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -686,7 +686,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalEvent?: false | ((arg: {
+            'interval-event'?: false | ((arg: {
                 height: string;
                 margin: string;
                 eventClass: string;
@@ -698,7 +698,7 @@ export declare const VCalendar: {
                     events: any[];
                 };
             }) => import("vue").VNodeChild) | undefined;
-            intervalTitle?: false | ((arg: {
+            'interval-title'?: false | ((arg: {
                 interval: {
                     label: string;
                     start: unknown;
@@ -735,7 +735,7 @@ export declare const VCalendar: {
             }) => import("vue").VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:intervalBody"?: false | ((arg: {
+        "v-slot:interval-body"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -743,7 +743,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalEvent"?: false | ((arg: {
+        "v-slot:interval-event"?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -755,7 +755,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:intervalTitle"?: false | ((arg: {
+        "v-slot:interval-title"?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -857,7 +857,7 @@ export declare const VCalendar: {
     dayIndex?: number | undefined;
 } & {
     $children?: {} | import("vue").VNodeChild | {
-        intervalBody?: ((arg: {
+        'interval-body'?: ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -865,7 +865,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: ((arg: {
+        'interval-event'?: ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -877,7 +877,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: ((arg: {
+        'interval-title'?: ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -914,7 +914,7 @@ export declare const VCalendar: {
         }) => import("vue").VNodeChild) | undefined;
     };
     'v-slots'?: {
-        intervalBody?: false | ((arg: {
+        'interval-body'?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -922,7 +922,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalEvent?: false | ((arg: {
+        'interval-event'?: false | ((arg: {
             height: string;
             margin: string;
             eventClass: string;
@@ -934,7 +934,7 @@ export declare const VCalendar: {
                 events: any[];
             };
         }) => import("vue").VNodeChild) | undefined;
-        intervalTitle?: false | ((arg: {
+        'interval-title'?: false | ((arg: {
             interval: {
                 label: string;
                 start: unknown;
@@ -971,7 +971,7 @@ export declare const VCalendar: {
         }) => import("vue").VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:intervalBody"?: false | ((arg: {
+    "v-slot:interval-body"?: false | ((arg: {
         interval: {
             label: string;
             start: unknown;
@@ -979,7 +979,7 @@ export declare const VCalendar: {
             events: any[];
         };
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalEvent"?: false | ((arg: {
+    "v-slot:interval-event"?: false | ((arg: {
         height: string;
         margin: string;
         eventClass: string;
@@ -991,7 +991,7 @@ export declare const VCalendar: {
             events: any[];
         };
     }) => import("vue").VNodeChild) | undefined;
-    "v-slot:intervalTitle"?: false | ((arg: {
+    "v-slot:interval-title"?: false | ((arg: {
         interval: {
             label: string;
             start: unknown;
@@ -1061,7 +1061,7 @@ export declare const VCalendar: {
     intervals: number;
     hideWeekNumber: boolean;
 }, {}, string, import("vue").SlotsType<Partial<{
-    intervalBody: (arg: {
+    'interval-body': (arg: {
         interval: {
             label: string;
             start: unknown;
@@ -1069,7 +1069,7 @@ export declare const VCalendar: {
             events: any[];
         };
     }) => import("vue").VNode[];
-    intervalEvent: (arg: {
+    'interval-event': (arg: {
         height: string;
         margin: string;
         eventClass: string;
@@ -1081,7 +1081,7 @@ export declare const VCalendar: {
             events: any[];
         };
     }) => import("vue").VNode[];
-    intervalTitle: (arg: {
+    'interval-title': (arg: {
         interval: {
             label: string;
             start: unknown;

package/lib/labs/VCalendar/VCalendar.js

@@ -40,9 +40,8 @@ export 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)];
@@ -80,6 +79,7 @@ export 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',
@@ -101,19 +101,19 @@ export 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],
@@ -136,7 +136,7 @@ export 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,