@vuetify/nightly 3.8.3-master.2025-04-30 → 3.8.3-master.2025-05-01

package/dist/vuetify-labs.d.ts

@@ -88484,6 +88484,7 @@ declare const VDateInput: {
         weeksInMonth: "static" | "dynamic";
         hideWeekdays: boolean;
         showWeek: boolean;
+        updateOn: ("blur" | "enter")[];
     } & {
         name?: string | undefined;
         max?: unknown;
@@ -90597,6 +90598,7 @@ declare const VDateInput: {
         firstDayOfWeek: string | number;
         hideWeekdays: boolean;
         showWeek: boolean;
+        updateOn: ("blur" | "enter")[];
     }, true, {}, vue.SlotsType<Partial<{
         message: (arg: VMessageSlot) => vue.VNode[];
         clear: (arg: DefaultInputSlot & {
@@ -90675,6 +90677,7 @@ declare const VDateInput: {
         weeksInMonth: "static" | "dynamic";
         hideWeekdays: boolean;
         showWeek: boolean;
+        updateOn: ("blur" | "enter")[];
     } & {
         name?: string | undefined;
         max?: unknown;
@@ -92784,6 +92787,7 @@ declare const VDateInput: {
         firstDayOfWeek: string | number;
         hideWeekdays: boolean;
         showWeek: boolean;
+        updateOn: ("blur" | "enter")[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -92841,6 +92845,7 @@ declare const VDateInput: {
     weeksInMonth: "static" | "dynamic";
     hideWeekdays: boolean;
     showWeek: boolean;
+    updateOn: ("blur" | "enter")[];
 } & {
     name?: string | undefined;
     max?: unknown;
@@ -94954,6 +94959,7 @@ declare const VDateInput: {
     firstDayOfWeek: string | number;
     hideWeekdays: boolean;
     showWeek: boolean;
+    updateOn: ("blur" | "enter")[];
 }, {}, string, vue.SlotsType<Partial<{
     message: (arg: VMessageSlot) => vue.VNode[];
     clear: (arg: DefaultInputSlot & {
@@ -95185,9 +95191,12 @@ declare const VDateInput: {
         type: PropType<boolean>;
         default: boolean;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<boolean | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
@@ -95195,6 +95204,10 @@ declare const VDateInput: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
     };
+    updateOn: {
+        type: PropType<("blur" | "enter")[]>;
+        default: () => string[];
+    };
 }, vue.ExtractPropTypes<{
     max: PropType<unknown>;
     height: (StringConstructor | NumberConstructor)[];
@@ -95408,9 +95421,12 @@ declare const VDateInput: {
         type: PropType<boolean>;
         default: boolean;
     };
-    mobile: {
+    mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<boolean | null>;
+        default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     displayFormat: (FunctionConstructor | StringConstructor)[];
@@ -95418,6 +95434,10 @@ declare const VDateInput: {
         type: PropType<StrategyProps$1["location"]>;
         default: string;
     };
+    updateOn: {
+        type: PropType<("blur" | "enter")[]>;
+        default: () => string[];
+    };
 }>>;
 type VDateInput = InstanceType<typeof VDateInput>;
 
@@ -100903,42 +100923,39 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
-    VAppBar: VAppBar
-    VAppBarNavIcon: VAppBarNavIcon
-    VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
+    VAppBar: VAppBar
+    VAppBarNavIcon: VAppBarNavIcon
+    VAppBarTitle: VAppBarTitle
     VAvatar: VAvatar
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
     VBadge: VBadge
+    VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBtnToggle: VBtnToggle
+    VBtn: VBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnToggle: VBtnToggle
-    VBtn: VBtn
+    VApp: VApp
+    VBottomNavigation: VBottomNavigation
+    VBtnGroup: VBtnGroup
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VBtnGroup: VBtnGroup
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VChipGroup: VChipGroup
-    VCounter: VCounter
-    VCode: VCode
-    VCombobox: VCombobox
     VColorPicker: VColorPicker
-    VChip: VChip
+    VChipGroup: VChipGroup
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -100946,35 +100963,37 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
+    VCombobox: VCombobox
+    VCode: VCode
+    VCounter: VCounter
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
     VDialog: VDialog
-    VFab: VFab
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VField: VField
-    VFieldLabel: VFieldLabel
+    VFab: VFab
     VFileInput: VFileInput
     VFooter: VFooter
-    VEmptyState: VEmptyState
+    VDivider: VDivider
+    VField: VField
+    VFieldLabel: VFieldLabel
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VImg: VImg
-    VInfiniteScroll: VInfiniteScroll
     VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
+    VKbd: VKbd
     VLabel: VLabel
-    VItemGroup: VItemGroup
-    VItem: VItem
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -100984,49 +101003,49 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VKbd: VKbd
-    VMain: VMain
+    VItemGroup: VItemGroup
+    VItem: VItem
     VMenu: VMenu
+    VMain: VMain
+    VNumberInput: VNumberInput
     VMessages: VMessages
-    VOverlay: VOverlay
+    VOtpInput: VOtpInput
     VNavigationDrawer: VNavigationDrawer
     VPagination: VPagination
-    VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
+    VOverlay: VOverlay
     VProgressCircular: VProgressCircular
-    VProgressLinear: VProgressLinear
+    VSelect: VSelect
     VRating: VRating
     VRadioGroup: VRadioGroup
+    VProgressLinear: VProgressLinear
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VSelectionControl: VSelectionControl
-    VSelect: VSelect
+    VSnackbar: VSnackbar
     VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
-    VSheet: VSheet
     VSlider: VSlider
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSnackbar: VSnackbar
+    VSwitch: VSwitch
+    VSystemBar: VSystemBar
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
-    VSwitch: VSwitch
-    VTable: VTable
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VTable: VTable
     VTextarea: VTextarea
-    VTextField: VTextField
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTooltip: VTooltip
+    VTextField: VTextField
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
@@ -101040,19 +101059,20 @@ declare module 'vue' {
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VLazy: VLazy
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
-    VRangeSlider: VRangeSlider
     VResponsive: VResponsive
+    VRangeSlider: VRangeSlider
     VSnackbarQueue: VSnackbarQueue
+    VSheet: VSheet
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
+    VValidation: VValidation
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -101069,27 +101089,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VIconBtn: VIconBtn
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
-    VDateInput: VDateInput
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VPullToRefresh: VPullToRefresh
+    VDateInput: VDateInput
   }
 }

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.3-master.2025-04-30
+* Vuetify v3.8.3-master.2025-05-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -18991,7 +18991,7 @@ function provideSelection(props, _ref9) {
     index = index ?? currentPage.value.findIndex(i => i.value === item.value);
     if (props.selectStrategy !== 'single' && event?.shiftKey && lastSelectedIndex.value !== null) {
       const [start, end] = [lastSelectedIndex.value, index].sort((a, b) => a - b);
-      items.push(...currentPage.value.slice(start, end + 1));
+      items.push(...currentPage.value.slice(start, end + 1).filter(item => item.selectable));
     } else {
       items.push(item);
       lastSelectedIndex.value = index;
@@ -29061,7 +29061,13 @@ const makeVDateInputProps = propsFactory({
     type: String,
     default: 'bottom start'
   },
-  ...makeDisplayProps(),
+  updateOn: {
+    type: Array,
+    default: () => ['blur', 'enter']
+  },
+  ...makeDisplayProps({
+    mobile: null
+  }),
   ...makeFocusProps(),
   ...makeVConfirmEditProps({
     hideActions: true
@@ -29131,7 +29137,10 @@ const VDateInput = genericComponent()({
       return 'none';
     });
     const isInteractive = computed(() => !props.disabled && !props.readonly);
-    const isReadonly = computed(() => !(mobile.value && isEditingInput.value) && props.readonly);
+    const isReadonly = computed(() => {
+      if (!props.updateOn.length) return true;
+      return !(mobile.value && isEditingInput.value) && props.readonly;
+    });
     watch(menu, val => {
       if (val) return;
       isEditingInput.value = false;
@@ -29143,8 +29152,9 @@ const VDateInput = genericComponent()({
         menu.value = true;
         return;
       }
-      const target = e.target;
-      model.value = adapter.isValid(target.value) ? target.value : null;
+      if (props.updateOn.includes('enter')) {
+        onUserInput(e.target);
+      }
     }
     function onClick(e) {
       e.preventDefault();
@@ -29168,7 +29178,10 @@ const VDateInput = genericComponent()({
       if (value != null) return;
       model.value = null;
     }
-    function onBlur() {
+    function onBlur(e) {
+      if (props.updateOn.includes('blur')) {
+        onUserInput(e.target);
+      }
       blur();
 
       // When in mobile mode and editing is done (due to keyboard dismissal), close the menu
@@ -29177,6 +29190,13 @@ const VDateInput = genericComponent()({
         isEditingInput.value = false;
       }
     }
+    function onUserInput(_ref2) {
+      let {
+        value
+      } = _ref2;
+      if (value && !adapter.isValid(value)) return;
+      model.value = !value ? null : value;
+    }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
       const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
@@ -29215,14 +29235,14 @@ const VDateInput = genericComponent()({
             "onSave": onSave,
             "onCancel": onCancel
           }), {
-            default: _ref2 => {
+            default: _ref3 => {
               let {
                 actions,
                 model: proxyModel,
                 save,
                 cancel,
                 isPristine
-              } = _ref2;
+              } = _ref3;
               function onUpdateModel(value) {
                 if (!props.hideActions) {
                   proxyModel.value = value;
@@ -31637,7 +31657,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.3-master.2025-04-30";
+const version$1 = "3.8.3-master.2025-05-01";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31935,7 +31955,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.3-master.2025-04-30";
+const version = "3.8.3-master.2025-05-01";
 
 /* eslint-disable local-rules/sort-imports */