vuetify 3.7.16 → 3.7.18

package/dist/vuetify-labs.d.ts

@@ -29028,7 +29028,7 @@ declare const VDatePickerMonth: {
         "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (date: unknown) => true;
         'update:month': (date: number) => true;
         'update:year': (date: number) => true;
@@ -29156,7 +29156,7 @@ declare const VDatePickerMonth: {
         "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, () => JSX.Element, {}, {}, {}, {
         transition: string;
         disabled: boolean;
         reverseTransition: string;
@@ -29219,7 +29219,7 @@ declare const VDatePickerMonth: {
     "onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
     "onUpdate:month"?: ((date: number) => any) | undefined;
     "onUpdate:year"?: ((date: number) => any) | undefined;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (date: unknown) => true;
     'update:month': (date: number) => true;
     'update:year': (date: number) => true;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.16
+* Vuetify v3.7.18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2447,7 +2447,7 @@ function createTheme(options) {
   function getHead() {
     return {
       style: [{
-        children: styles.value,
+        textContent: styles.value,
         id: 'vuetify-theme-stylesheet',
         nonce: parsedOptions.cspNonce || false
       }]
@@ -11825,11 +11825,6 @@ const VField = genericComponent()({
     };
   }
 });
-// TODO: this is kinda slow, might be better to implicitly inherit props instead
-function filterFieldProps(attrs) {
-  const keys = Object.keys(VField.props).filter(k => !isOn(k) && k !== 'class' && k !== 'style');
-  return pick(attrs, keys);
-}
 
 // Types
 
@@ -11937,7 +11932,7 @@ const VTextField = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -21551,30 +21546,30 @@ const VDatePickerControls = genericComponent()({
         "class": ['v-date-picker-controls']
       }, [createVNode(VBtn, {
         "class": "v-date-picker-controls__month-btn",
+        "data-testid": "month-btn",
         "disabled": disableMonth.value,
         "text": props.text,
         "variant": "text",
         "rounded": true,
         "onClick": onClickMonth
       }, null), createVNode(VBtn, {
-        "key": "mode-btn",
         "class": "v-date-picker-controls__mode-btn",
+        "data-testid": "year-btn",
         "disabled": disableYear.value,
         "density": "comfortable",
         "icon": props.modeIcon,
         "variant": "text",
         "onClick": onClickYear
-      }, null), createVNode(VSpacer, {
-        "key": "mode-spacer"
-      }, null), createVNode("div", {
-        "key": "month-buttons",
+      }, null), createVNode(VSpacer, null, null), createVNode("div", {
         "class": "v-date-picker-controls__month"
       }, [createVNode(VBtn, {
+        "data-testid": "prev-month",
         "disabled": disablePrev.value,
         "icon": props.prevIcon,
         "variant": "text",
         "onClick": onClickPrev
       }, null), createVNode(VBtn, {
+        "data-testid": "next-month",
         "disabled": disableNext.value,
         "icon": props.nextIcon,
         "variant": "text",
@@ -21921,7 +21916,7 @@ const VDatePickerMonth = genericComponent()({
         model.value = [value];
       }
     }
-    useRender(() => createVNode("div", {
+    return () => createVNode("div", {
       "class": "v-date-picker-month"
     }, [props.showWeek && createVNode("div", {
       "key": "weeks",
@@ -21943,13 +21938,6 @@ const VDatePickerMonth = genericComponent()({
       }, [weekDay])), daysInMonth.value.map((item, i) => {
         const slotProps = {
           props: {
-            class: 'v-date-picker-month__day-btn',
-            color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
-            disabled: item.isDisabled,
-            icon: true,
-            ripple: false,
-            text: item.localized,
-            variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
             onClick: () => onClick(item.date)
           },
           item,
@@ -21967,9 +21955,24 @@ const VDatePickerMonth = genericComponent()({
             'v-date-picker-month__day--week-start': item.isWeekStart
           }],
           "data-v-date": !item.isDisabled ? item.isoDate : undefined
-        }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, null))]);
+        }, [(props.showAdjacentMonths || !item.isAdjacent) && createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              class: 'v-date-picker-month__day-btn',
+              color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
+              disabled: item.isDisabled,
+              icon: true,
+              ripple: false,
+              text: item.localized,
+              variant: item.isDisabled ? item.isToday ? 'outlined' : 'text' : item.isToday && !item.isSelected ? 'outlined' : 'flat',
+              onClick: () => onClick(item.date)
+            }
+          }
+        }, {
+          default: () => [slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, null)]
+        })]);
       })])]
-    })]));
+    })]);
   }
 });
 
@@ -23107,7 +23110,7 @@ const VFileInput = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": props.multiple ? model.value : model.value[0],
@@ -27242,7 +27245,7 @@ const VTextarea = genericComponent()({
         modelValue: _,
         ...inputProps
       } = VInput.filterProps(props);
-      const fieldProps = filterFieldProps(props);
+      const fieldProps = VField.filterProps(props);
       return createVNode(VInput, mergeProps({
         "ref": vInputRef,
         "modelValue": model.value,
@@ -28293,7 +28296,7 @@ const VDateInput = genericComponent()({
         return;
       }
       const target = e.target;
-      model.value = target.value;
+      model.value = target.value === '' ? null : target.value;
     }
     function onClick(e) {
       e.preventDefault();
@@ -31077,7 +31080,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.16";
+const version$1 = "3.7.18";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31330,7 +31333,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.16";
+const version = "3.7.18";
 
 /* eslint-disable local-rules/sort-imports */