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

package/dist/vuetify-labs.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-beta.0-dev.2025-03-25
+* Vuetify v3.8.0-beta.0-dev.2025-03-26
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -28940,6 +28940,7 @@
       type: String,
       default: 'bottom start'
     },
+    ...makeDisplayProps(),
     ...makeFocusProps(),
     ...makeVConfirmEditProps({
       hideActions: true
@@ -28970,6 +28971,9 @@
         t
       } = useLocale();
       const adapter = useDate();
+      const {
+        mobile
+      } = useDisplay();
       const {
         isFocused,
         focus,
@@ -28977,6 +28981,7 @@
       } = 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 menu = vue.shallowRef(false);
+      const isEditingInput = vue.shallowRef(false);
       const vDateInputRef = vue.ref();
       function format(date) {
         if (typeof props.displayFormat === 'function') {
@@ -28998,7 +29003,17 @@
         }
         return adapter.isValid(model.value) ? format(adapter.date(model.value)) : '';
       });
+      const inputmode = vue.computed(() => {
+        if (!mobile.value) return undefined;
+        if (isEditingInput.value) return 'text';
+        return 'none';
+      });
       const isInteractive = vue.computed(() => !props.disabled && !props.readonly);
+      const isReadonly = vue.computed(() => !(mobile.value && isEditingInput.value) && props.readonly);
+      vue.watch(menu, val => {
+        if (val) return;
+        isEditingInput.value = false;
+      });
       function onKeydown(e) {
         if (e.key !== 'Enter') return;
         if (!menu.value || !isFocused.value) {
@@ -29011,11 +29026,16 @@
       function onClick(e) {
         e.preventDefault();
         e.stopPropagation();
-        menu.value = true;
+        if (menu.value && mobile.value) {
+          isEditingInput.value = true;
+        } else {
+          menu.value = true;
+        }
       }
       function onCancel() {
         emit('cancel');
         menu.value = false;
+        isEditingInput.value = false;
       }
       function onSave(value) {
         emit('save', value);
@@ -29025,6 +29045,19 @@
         if (value != null) return;
         model.value = null;
       }
+      function onUpdateMenuModel(isMenuOpen) {
+        if (isMenuOpen) return;
+        isEditingInput.value = false;
+      }
+      function onBlur() {
+        blur();
+
+        // When in mobile mode and editing is done (due to keyboard dismissal), close the menu
+        if (mobile.value && isEditingInput.value && !isFocused.value) {
+          menu.value = false;
+          isEditingInput.value = false;
+        }
+      }
       useRender(() => {
         const confirmEditProps = VConfirmEdit.filterProps(props);
         const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
@@ -29035,10 +29068,12 @@
           "class": props.class,
           "style": props.style,
           "modelValue": display.value,
+          "inputmode": inputmode.value,
+          "readonly": isReadonly.value,
           "onKeydown": isInteractive.value ? onKeydown : undefined,
           "focused": menu.value || isFocused.value,
           "onFocus": focus,
-          "onBlur": blur,
+          "onBlur": onBlur,
           "onClick:control": isInteractive.value ? onClick : undefined,
           "onClick:prepend": isInteractive.value ? onClick : undefined,
           "onUpdate:modelValue": onUpdateDisplayModel
@@ -29046,7 +29081,7 @@
           ...slots,
           default: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(VMenu, {
             "modelValue": menu.value,
-            "onUpdate:modelValue": $event => menu.value = $event,
+            "onUpdate:modelValue": [$event => menu.value = $event, onUpdateMenuModel],
             "activator": "parent",
             "min-width": "0",
             "eager": isFocused.value,
@@ -31314,7 +31349,7 @@
       };
     });
   }
-  const version$1 = "3.8.0-beta.0-dev.2025-03-25";
+  const version$1 = "3.8.0-beta.0-dev.2025-03-26";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31599,7 +31634,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.0-beta.0-dev.2025-03-25";
+  const version = "3.8.0-beta.0-dev.2025-03-26";
 
   /* eslint-disable local-rules/sort-imports */