@vuetify/nightly 3.7.11-master.2025-02-04 → 3.7.11-master.2025-02-07

package/dist/vuetify-labs.d.ts

@@ -68664,7 +68664,7 @@ declare const VDateInput: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
@@ -68956,7 +68956,7 @@ declare const VDateInput: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, any, {}, {}, {}, {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -69126,7 +69126,7 @@ declare const VDateInput: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: string) => true;
 }, string, {
     flat: boolean;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.11-master.2025-02-04
+* Vuetify v3.7.11-master.2025-02-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5348,11 +5348,13 @@ const ripples = {
     animation.classList.add('v-ripple__animation--visible');
     transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
     animation.dataset.activated = String(performance.now());
-    setTimeout(() => {
-      animation.classList.remove('v-ripple__animation--enter');
-      animation.classList.add('v-ripple__animation--in');
-      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-    }, 0);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        animation.classList.remove('v-ripple__animation--enter');
+        animation.classList.add('v-ripple__animation--in');
+        transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+      });
+    });
   },
   hide(el) {
     if (!el?._ripple?.enabled) return;
@@ -28197,8 +28199,9 @@ const VDateInput = genericComponent()({
       focus,
       blur
     } = useFocus(props);
-    const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null);
+    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();
     const display = computed(() => {
       const value = wrapInArray(model.value);
       if (!value.length) return null;
@@ -28220,7 +28223,7 @@ const VDateInput = genericComponent()({
         return;
       }
       const target = e.target;
-      model.value = adapter.date(target.value);
+      model.value = target.value;
     }
     function onClick(e) {
       e.preventDefault();
@@ -28230,11 +28233,17 @@ const VDateInput = genericComponent()({
     function onSave() {
       menu.value = false;
     }
+    function onUpdateModel(value) {
+      if (value != null) return;
+      model.value = null;
+    }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
       const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']));
       const textFieldProps = VTextField.filterProps(props);
-      return createVNode(VTextField, mergeProps(textFieldProps, {
+      return createVNode(VTextField, mergeProps({
+        "ref": vDateInputRef
+      }, textFieldProps, {
         "class": props.class,
         "style": props.style,
         "modelValue": display.value,
@@ -28243,7 +28252,8 @@ const VDateInput = genericComponent()({
         "onFocus": focus,
         "onBlur": blur,
         "onClick:control": isInteractive.value ? onClick : undefined,
-        "onClick:prepend": isInteractive.value ? onClick : undefined
+        "onClick:prepend": isInteractive.value ? onClick : undefined,
+        "onUpdate:modelValue": onUpdateModel
       }), {
         default: () => [createVNode(VMenu, {
           "modelValue": menu.value,
@@ -28291,6 +28301,7 @@ const VDateInput = genericComponent()({
         }), slots.default?.()]
       });
     });
+    return forwardRefs({}, vDateInputRef);
   }
 });
 
@@ -30869,7 +30880,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.11-master.2025-02-04";
+const version$1 = "3.7.11-master.2025-02-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31122,7 +31133,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.11-master.2025-02-04";
+const version = "3.7.11-master.2025-02-07";
 
 /* eslint-disable local-rules/sort-imports */