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

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,23 +100923,19 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: VApp
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAlert: VAlert
     VAlertTitle: VAlertTitle
     VAutocomplete: VAutocomplete
+    VApp: VApp
     VAvatar: VAvatar
-    VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
-    VBadge: VBadge
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBreadcrumbs: VBreadcrumbs
-    VBreadcrumbsItem: VBreadcrumbsItem
-    VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBottomSheet: VBottomSheet
+    VBadge: VBadge
     VBtnToggle: VBtnToggle
     VBtn: VBtn
     VCard: VCard
@@ -100928,17 +100944,17 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VChip: VChip
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VBtnGroup: VBtnGroup
+    VChipGroup: VChipGroup
+    VBottomNavigation: VBottomNavigation
+    VColorPicker: VColorPicker
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VChipGroup: VChipGroup
-    VCounter: VCounter
-    VCode: VCode
+    VBtnGroup: VBtnGroup
     VCombobox: VCombobox
-    VColorPicker: VColorPicker
-    VChip: VChip
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -100952,29 +100968,26 @@ declare module 'vue' {
     VDatePickerMonth: VDatePickerMonth
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
-    VDivider: VDivider
-    VDialog: VDialog
+    VCode: VCode
     VFab: VFab
+    VDivider: VDivider
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VDialog: VDialog
     VField: VField
     VFieldLabel: VFieldLabel
     VFileInput: VFileInput
     VFooter: VFooter
+    VInput: VInput
     VEmptyState: VEmptyState
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
     VInfiniteScroll: VInfiniteScroll
-    VInput: VInput
-    VLabel: VLabel
-    VItemGroup: VItemGroup
-    VItem: VItem
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -100984,53 +100997,58 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
+    VLabel: VLabel
     VKbd: VKbd
-    VMain: VMain
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VImg: VImg
     VMenu: VMenu
+    VMain: VMain
     VMessages: VMessages
+    VNumberInput: VNumberInput
     VOverlay: VOverlay
     VNavigationDrawer: VNavigationDrawer
     VPagination: VPagination
-    VOtpInput: VOtpInput
-    VNumberInput: VNumberInput
     VProgressCircular: VProgressCircular
+    VOtpInput: VOtpInput
+    VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
     VRating: VRating
-    VRadioGroup: VRadioGroup
-    VSelectionControl: VSelectionControl
-    VSelect: VSelect
-    VSkeletonLoader: VSkeletonLoader
     VSelectionControlGroup: VSelectionControlGroup
     VSheet: VSheet
-    VSlider: VSlider
+    VSelect: VSelect
+    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
+    VSlider: VSlider
     VSnackbar: VSnackbar
+    VSelectionControl: VSelectionControl
+    VBreadcrumbs: VBreadcrumbs
+    VBreadcrumbsItem: VBreadcrumbsItem
+    VBreadcrumbsDivider: VBreadcrumbsDivider
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
     VSwitch: VSwitch
-    VTable: VTable
+    VSystemBar: VSystemBar
+    VTooltip: VTooltip
+    VTextField: VTextField
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTextarea: VTextarea
-    VTextField: VTextField
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VTooltip: VTooltip
+    VTable: VTable
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VConfirmEdit: VConfirmEdit
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
     VContainer: VContainer
@@ -101038,16 +101056,17 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLayout: VLayout
-    VLayoutItem: VLayoutItem
     VLazy: VLazy
+    VWindow: VWindow
+    VWindowItem: VWindowItem
     VLocaleProvider: VLocaleProvider
+    VLayout: VLayout
+    VLayoutItem: VLayoutItem
     VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
@@ -101069,26 +101088,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VIconBtn: VIconBtn
+    VSnackbarQueue: VSnackbarQueue
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
+    VIconBtn: VIconBtn
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

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-02
 * 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
@@ -29100,7 +29106,8 @@ const VDateInput = genericComponent()({
       focus,
       blur
     } = useFocus(props);
-    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 emptyModelValue = () => props.multiple ? [] : null;
+    const model = useProxiedModel(props, 'modelValue', emptyModelValue(), 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 isEditingInput = shallowRef(false);
     const vTextFieldRef = ref();
@@ -29131,7 +29138,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 +29153,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();
@@ -29166,9 +29177,12 @@ const VDateInput = genericComponent()({
     }
     function onUpdateDisplayModel(value) {
       if (value != null) return;
-      model.value = null;
+      model.value = emptyModelValue();
     }
-    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 +29191,13 @@ const VDateInput = genericComponent()({
         isEditingInput.value = false;
       }
     }
+    function onUserInput(_ref2) {
+      let {
+        value
+      } = _ref2;
+      if (value && !adapter.isValid(value)) return;
+      model.value = !value ? emptyModelValue() : value;
+    }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
       const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
@@ -29215,14 +29236,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 +31658,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.3-master.2025-04-30";
+const version$1 = "3.8.3-master.2025-05-02";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31935,7 +31956,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-02";
 
 /* eslint-disable local-rules/sort-imports */