@vuetify/nightly 3.8.0-beta.0-dev.2025-03-24 → 3.8.0-beta.0-dev.2025-03-25

package/dist/vuetify-labs.d.ts

@@ -23031,20 +23031,12 @@ declare const VDataTableHeaders: {
 }>>;
 type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>;
 
-type VDataTableGroupHeaderRowSlots = {
-    'data-table-group': {
-        item: Group;
-        count: number;
-        props: Record<string, unknown>;
-    };
-    'data-table-select': {
-        props: Record<string, unknown>;
-    };
+type VDataTableItemCellColumnSlotProps<T> = Omit<ItemKeySlot<T>, 'value'> & {
+    props: Record<string, unknown>;
 };
-
 type VDataTableRowSlots<T> = {
-    'item.data-table-select': Omit<ItemKeySlot<T>, 'value'>;
-    'item.data-table-expand': Omit<ItemKeySlot<T>, 'value'>;
+    'item.data-table-select': VDataTableItemCellColumnSlotProps<T>;
+    'item.data-table-expand': VDataTableItemCellColumnSlotProps<T>;
     'header.data-table-select': VDataTableHeaderCellColumnSlotProps;
     'header.data-table-expand': VDataTableHeaderCellColumnSlotProps;
 } & {
@@ -23065,8 +23057,8 @@ declare const VDataTableRow: {
     }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
         [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -23103,8 +23095,8 @@ declare const VDataTableRow: {
 }, {}, string, vue.SlotsType<Partial<{
     [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
     [x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
@@ -23137,6 +23129,17 @@ declare const VDataTableRow: {
 }>>;
 type VDataTableRow = InstanceType<typeof VDataTableRow>;
 
+type VDataTableGroupHeaderRowSlots = {
+    'data-table-group': {
+        item: Group;
+        count: number;
+        props: Record<string, unknown>;
+    };
+    'data-table-select': {
+        props: Record<string, unknown>;
+    };
+};
+
 type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots<T> & {
     item: ItemSlot$1<T> & {
         props: Record<string, any>;
@@ -23173,8 +23176,8 @@ declare const VDataTableRows: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -23246,8 +23249,8 @@ declare const VDataTableRows: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<unknown>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -23492,8 +23495,8 @@ declare const VDataTable: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -23793,8 +23796,8 @@ declare const VDataTable: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -24584,8 +24587,8 @@ declare const VDataTableVirtual: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -24907,8 +24910,8 @@ declare const VDataTableVirtual: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -25358,8 +25361,8 @@ declare const VDataTableServer: {
         'data-table-select': (arg: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
-        'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-        'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+        'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+        'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         item: (arg: {
@@ -25730,8 +25733,8 @@ declare const VDataTableServer: {
     'data-table-select': (arg: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
-    'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
-    'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
+    'item.data-table-select': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
+    'item.data-table-expand': (arg: VDataTableItemCellColumnSlotProps<any>) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     item: (arg: {
@@ -66862,6 +66865,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -66920,8 +66924,12 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        save: (value: string) => true;
+        cancel: () => true;
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         flat: boolean;
@@ -67106,6 +67114,7 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        displayFormat?: string | Function | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -67164,7 +67173,9 @@ declare const VDateInput: {
         "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
+        onCancel?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        onSave?: ((value: string) => any) | undefined;
     }, any, {}, {}, {}, {
         flat: boolean;
         reverse: boolean;
@@ -67327,6 +67338,7 @@ declare const VDateInput: {
     modelModifiers?: Record<string, boolean> | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+    displayFormat?: string | Function | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -67385,8 +67397,12 @@ declare const VDateInput: {
     "v-slot:actions"?: false | ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
+    onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    onSave?: ((value: string) => any) | undefined;
 }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    save: (value: string) => true;
+    cancel: () => true;
     'update:modelValue': (val: string) => true;
 }, string, {
     flat: boolean;
@@ -67681,7 +67697,11 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
-    hideActions: BooleanConstructor;
+    hideActions: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
@@ -67907,7 +67927,11 @@ declare const VDateInput: {
         type: StringConstructor;
         default: string;
     };
-    hideActions: BooleanConstructor;
+    hideActions: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    displayFormat: (FunctionConstructor | StringConstructor)[];
     location: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
@@ -73028,80 +73052,78 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
-    VAvatar: VAvatar
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VAutocomplete: VAutocomplete
+    VApp: VApp
+    VAvatar: VAvatar
+    VBottomSheet: VBottomSheet
     VBottomNavigation: VBottomNavigation
+    VBadge: VBadge
+    VBtnGroup: VBtnGroup
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
-    VAutocomplete: VAutocomplete
-    VBottomSheet: VBottomSheet
+    VBtn: VBtn
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VBtn: VBtn
     VBtnToggle: VBtnToggle
-    VBtnGroup: VBtnGroup
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
+    VCode: VCode
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VChip: VChip
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
-    VCode: VCode
+    VDialog: VDialog
     VChipGroup: VChipGroup
-    VColorPicker: VColorPicker
     VCombobox: VCombobox
-    VCounter: VCounter
-    VDialog: VDialog
+    VChip: VChip
+    VColorPicker: VColorPicker
+    VDivider: VDivider
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
     VEmptyState: VEmptyState
+    VCounter: VCounter
+    VFab: VFab
+    VFooter: VFooter
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VDivider: VDivider
-    VFooter: VFooter
-    VFab: VFab
-    VFileInput: VFileInput
-    VField: VField
-    VFieldLabel: VFieldLabel
-    VInfiniteScroll: VInfiniteScroll
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VKbd: VKbd
+    VField: VField
+    VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
     VImg: VImg
+    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VInput: VInput
-    VLabel: VLabel
-    VMenu: VMenu
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VKbd: VKbd
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -73111,24 +73133,26 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VLabel: VLabel
+    VMenu: VMenu
+    VNumberInput: VNumberInput
+    VMessages: VMessages
     VNavigationDrawer: VNavigationDrawer
     VMain: VMain
+    VOtpInput: VOtpInput
     VOverlay: VOverlay
-    VMessages: VMessages
-    VNumberInput: VNumberInput
-    VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
-    VOtpInput: VOtpInput
     VProgressLinear: VProgressLinear
-    VSelect: VSelect
-    VProgressCircular: VProgressCircular
+    VPagination: VPagination
     VRating: VRating
+    VSelect: VSelect
     VSelectionControl: VSelectionControl
+    VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
     VSheet: VSheet
-    VSlider: VSlider
-    VSkeletonLoader: VSkeletonLoader
     VSnackbar: VSnackbar
+    VSlider: VSlider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
@@ -73137,17 +73161,17 @@ declare module 'vue' {
     VStepperWindowItem: VStepperWindowItem
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTable: VTable
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VSystemBar: VSystemBar
+    VTextField: VTextField
     VTextarea: VTextarea
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
-    VSwitch: VSwitch
-    VTable: VTable
-    VTextField: VTextField
     VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
@@ -73162,19 +73186,19 @@ declare module 'vue' {
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VHover: VHover
     VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRadio: VRadio
-    VRangeSlider: VRangeSlider
+    VParallax: VParallax
     VResponsive: VResponsive
     VSnackbarQueue: VSnackbarQueue
-    VSpeedDial: VSpeedDial
     VSparkline: VSparkline
+    VRangeSlider: VRangeSlider
+    VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
     VVirtualScroll: VVirtualScroll
@@ -73200,8 +73224,6 @@ declare module 'vue' {
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VPicker: VPicker
     VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
@@ -73210,6 +73232,8 @@ declare module 'vue' {
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-beta.0-dev.2025-03-24
+* Vuetify v3.8.0-beta.0-dev.2025-03-25
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -229,7 +229,7 @@ function has(obj, key) {
 function pick(obj, paths) {
   const found = {};
   for (const key of paths) {
-    if (Object.hasOwn(obj, key)) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
       found[key] = obj[key];
     }
   }
@@ -4682,7 +4682,7 @@ const VIcon = genericComponent()({
     const slotIcon = ref();
     const {
       themeClasses
-    } = provideTheme(props);
+    } = useTheme();
     const {
       iconData
     } = useIcon(computed(() => slotIcon.value || props.icon));
@@ -20567,22 +20567,37 @@ const VDataTableRow = genericComponent()({
         "width": !mobile.value ? column.width : undefined
       }, cellProps, columnCellProps), {
         default: () => {
-          if (slots[slotName] && !mobile.value) return slots[slotName]?.(slotProps);
           if (column.key === 'data-table-select') {
-            return slots['item.data-table-select']?.(slotProps) ?? createVNode(VCheckboxBtn, {
+            return slots['item.data-table-select']?.({
+              ...slotProps,
+              props: {
+                disabled: !item.selectable,
+                modelValue: isSelected([item]),
+                onClick: withModifiers(() => toggleSelect(item), ['stop'])
+              }
+            }) ?? createVNode(VCheckboxBtn, {
               "disabled": !item.selectable,
               "modelValue": isSelected([item]),
               "onClick": withModifiers(event => toggleSelect(item, props.index, event), ['stop'])
             }, null);
           }
           if (column.key === 'data-table-expand') {
-            return slots['item.data-table-expand']?.(slotProps) ?? createVNode(VBtn, {
+            return slots['item.data-table-expand']?.({
+              ...slotProps,
+              props: {
+                icon: isExpanded(item) ? '$collapse' : '$expand',
+                size: 'small',
+                variant: 'text',
+                onClick: withModifiers(() => toggleExpand(item), ['stop'])
+              }
+            }) ?? createVNode(VBtn, {
               "icon": isExpanded(item) ? '$collapse' : '$expand',
               "size": "small",
               "variant": "text",
               "onClick": withModifiers(() => toggleExpand(item), ['stop'])
             }, null);
           }
+          if (slots[slotName] && !mobile.value) return slots[slotName](slotProps);
           const displayValue = toDisplayString(slotProps.value);
           return !mobile.value ? displayValue : createVNode(Fragment, null, [createVNode("div", {
             "class": "v-data-table__td-title"
@@ -21925,7 +21940,7 @@ const makeCalendarProps = propsFactory({
 }, 'calendar');
 function useCalendar(props) {
   const adapter = useDate();
-  const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v));
+  const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v).map(i => adapter.date(i)));
   const displayValue = computed(() => {
     if (props.displayValue) return adapter.date(props.displayValue);
     if (model.value.length > 0) return adapter.date(model.value[0]);
@@ -22438,7 +22453,7 @@ const VDatePicker = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
-    const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
+    const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v).map(i => adapter.date(i)), v => props.multiple ? v : v[0]);
     const viewMode = useProxiedModel(props, 'viewMode');
     // const inputMode = useProxiedModel(props, 'inputMode')
 
@@ -28916,12 +28931,15 @@ const VCalendar = genericComponent()({
 // Types
 
 const makeVDateInputProps = propsFactory({
+  displayFormat: [Function, String],
   location: {
     type: String,
     default: 'bottom start'
   },
   ...makeFocusProps(),
-  ...makeVConfirmEditProps(),
+  ...makeVConfirmEditProps({
+    hideActions: true
+  }),
   ...makeVTextFieldProps({
     placeholder: 'mm/dd/yyyy',
     prependIcon: '$calendar'
@@ -28935,10 +28953,13 @@ const VDateInput = genericComponent()({
   name: 'VDateInput',
   props: makeVDateInputProps(),
   emits: {
+    save: value => true,
+    cancel: () => true,
     'update:modelValue': val => true
   },
   setup(props, _ref) {
     let {
+      emit,
       slots
     } = _ref;
     const {
@@ -28953,6 +28974,12 @@ const VDateInput = genericComponent()({
     const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null, val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
     const menu = shallowRef(false);
     const vDateInputRef = ref();
+    function format(date) {
+      if (typeof props.displayFormat === 'function') {
+        return props.displayFormat(date);
+      }
+      return adapter.format(date, props.displayFormat ?? 'keyboardDate');
+    }
     const display = computed(() => {
       const value = wrapInArray(model.value);
       if (!value.length) return null;
@@ -28962,9 +28989,10 @@ const VDateInput = genericComponent()({
       if (props.multiple === 'range') {
         const start = value[0];
         const end = value[value.length - 1];
-        return adapter.isValid(start) && adapter.isValid(end) ? `${adapter.format(adapter.date(start), 'keyboardDate')} - ${adapter.format(adapter.date(end), 'keyboardDate')}` : '';
+        if (!adapter.isValid(start) || !adapter.isValid(end)) return '';
+        return `${format(adapter.date(start))} - ${format(adapter.date(end))}`;
       }
-      return adapter.isValid(model.value) ? adapter.format(adapter.date(model.value), 'keyboardDate') : '';
+      return adapter.isValid(model.value) ? format(adapter.date(model.value)) : '';
     });
     const isInteractive = computed(() => !props.disabled && !props.readonly);
     function onKeydown(e) {
@@ -28981,10 +29009,15 @@ const VDateInput = genericComponent()({
       e.stopPropagation();
       menu.value = true;
     }
-    function onSave() {
+    function onCancel() {
+      emit('cancel');
       menu.value = false;
     }
-    function onUpdateModel(value) {
+    function onSave(value) {
+      emit('save', value);
+      menu.value = false;
+    }
+    function onUpdateDisplayModel(value) {
       if (value != null) return;
       model.value = null;
     }
@@ -29004,7 +29037,7 @@ const VDateInput = genericComponent()({
         "onBlur": blur,
         "onClick:control": isInteractive.value ? onClick : undefined,
         "onClick:prepend": isInteractive.value ? onClick : undefined,
-        "onUpdate:modelValue": onUpdateModel
+        "onUpdate:modelValue": onUpdateDisplayModel
       }), {
         ...slots,
         default: () => createVNode(Fragment, null, [createVNode(VMenu, {
@@ -29021,7 +29054,7 @@ const VDateInput = genericComponent()({
             "modelValue": model.value,
             "onUpdate:modelValue": $event => model.value = $event,
             "onSave": onSave,
-            "onCancel": () => menu.value = false
+            "onCancel": onCancel
           }), {
             default: _ref2 => {
               let {
@@ -29031,16 +29064,21 @@ const VDateInput = genericComponent()({
                 cancel,
                 isPristine
               } = _ref2;
+              function onUpdateModel(value) {
+                if (!props.hideActions) {
+                  proxyModel.value = value;
+                } else {
+                  model.value = value;
+                  if (!props.multiple) {
+                    menu.value = false;
+                  }
+                }
+                emit('save', value);
+                vDateInputRef.value?.blur();
+              }
               return createVNode(VDatePicker, mergeProps(datePickerProps, {
                 "modelValue": props.hideActions ? model.value : proxyModel.value,
-                "onUpdate:modelValue": val => {
-                  if (!props.hideActions) {
-                    proxyModel.value = val;
-                  } else {
-                    model.value = val;
-                    if (!props.multiple) menu.value = false;
-                  }
-                },
+                "onUpdate:modelValue": value => onUpdateModel(value),
                 "onMousedown": e => e.preventDefault()
               }), {
                 actions: !props.hideActions ? () => slots.actions?.({
@@ -31272,7 +31310,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.0-beta.0-dev.2025-03-24";
+const version$1 = "3.8.0-beta.0-dev.2025-03-25";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31557,7 +31595,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.0-beta.0-dev.2025-03-24";
+const version = "3.8.0-beta.0-dev.2025-03-25";
 
 /* eslint-disable local-rules/sort-imports */