@vuetify/nightly 3.3.10-master.2023-07-29 → 3.3.10-master.2023-08-01

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.10-master.2023-07-29...v) (2023-07-29)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.10-master.2023-08-01...v) (2023-08-01)
 
 
 
-## [3.3.10-master.2023-07-29](https://github.com/vuetifyjs/vuetify/compare/v3.3.10...v3.3.10-master.2023-07-29) (2023-07-29)
+## [3.3.10-master.2023-08-01](https://github.com/vuetifyjs/vuetify/compare/v3.3.10...v3.3.10-master.2023-08-01) (2023-08-01)
 
 
 ### Bug Fixes
@@ -10,7 +10,10 @@
 * **blueprints:** buttons inherit text color in toolbars ([dfbf561](https://github.com/vuetifyjs/vuetify/commit/dfbf561a48d382b3798c1e7cf07b02da084fdae0)), closes [#17883](https://github.com/vuetifyjs/vuetify/issues/17883)
 * **date:** parse string dates in local time zone ([#17876](https://github.com/vuetifyjs/vuetify/issues/17876)) ([246cd06](https://github.com/vuetifyjs/vuetify/commit/246cd06b86000079152417fff95f840ae3ee9925))
 * **VChip:** filter slot not working ([#17896](https://github.com/vuetifyjs/vuetify/issues/17896)) ([9e9767f](https://github.com/vuetifyjs/vuetify/commit/9e9767f4fa36bb4cafd8e550051937f0c4161332))
+* **VDatePicker:** add missing body padding ([b006640](https://github.com/vuetifyjs/vuetify/commit/b006640030b2eeb83ff415bf89de0ee897083a65))
+* **VDatePicker:** reactive actions slot ([2835247](https://github.com/vuetifyjs/vuetify/commit/283524775a4c3c28a3f14cac481dd39f0ff681fa))
 * **VExpansionPanel:** provide eager prop via defaults ([#17891](https://github.com/vuetifyjs/vuetify/issues/17891)) ([0a9ee3e](https://github.com/vuetifyjs/vuetify/commit/0a9ee3eab8189305da4f1f5f8414ce5979bd69cf))
+* **VRangeSlider:** accept strings in model ([4ec7f13](https://github.com/vuetifyjs/vuetify/commit/4ec7f13e39f4e6da4dc70910eeab1852f47363d2)), closes [#17928](https://github.com/vuetifyjs/vuetify/issues/17928)
 * **VSelect:** don't break environments without :autofill selector ([ebcce06](https://github.com/vuetifyjs/vuetify/commit/ebcce060c1710e0927943de53e841e518b0c2534))
 
 

package/dist/json/attributes.json

@@ -6236,7 +6236,7 @@
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/v-radio-group.json))"
   },
   "v-range-slider/model-value": {
-    "type": "number[]\n",
+    "type": "(string | number)[]\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
   },
   "v-range-slider/error": {

package/dist/json/importMap.json

@@ -144,10 +144,6 @@
       "from": "components/VDialog/index.mjs",
       "styles": []
     },
-    "VDivider": {
-      "from": "components/VDivider/index.mjs",
-      "styles": []
-    },
     "VExpansionPanels": {
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
@@ -164,6 +160,10 @@
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
     },
+    "VDivider": {
+      "from": "components/VDivider/index.mjs",
+      "styles": []
+    },
     "VField": {
       "from": "components/VField/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.10-master.2023-07-29",
+  "version": "3.3.10-master.2023-08-01",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -25208,7 +25208,7 @@
               "default": "[0, 0]",
               "value": {
                 "kind": "expression",
-                "type": "number[]\n"
+                "type": "(string | number)[]\n"
               }
             },
             {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.10-master.2023-07-29
+* Vuetify v3.3.10-master.2023-08-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15986,6 +15986,36 @@ html.overflow-y-hidden {
   .v-bottom-sheet.v-bottom-sheet--inset {
     max-width: 70%;
   }
+}.v-data-table-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0 8px;
+  justify-content: flex-end;
+}
+
+.v-data-table-footer__items-per-page {
+  padding-inline-end: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.v-data-table-footer__items-per-page > span {
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__info {
+  display: flex;
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__pagination {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-footer__page {
+  padding: 0 8px;
 }.v-data-table {
   width: 100%;
 }
@@ -16110,36 +16140,6 @@ html.overflow-y-hidden {
 .v-data-table-rows-loading,
 .v-data-table-rows-no-data {
   text-align: center;
-}.v-data-table-footer {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 0 8px;
-  justify-content: flex-end;
-}
-
-.v-data-table-footer__items-per-page {
-  padding-inline-end: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.v-data-table-footer__items-per-page > span {
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__info {
-  display: flex;
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__pagination {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-footer__page {
-  padding: 0 8px;
 }.v-date-card {
   padding-bottom: 8px;
 }
@@ -16181,15 +16181,16 @@ html.overflow-y-hidden {
 .v-date-picker {
   overflow: hidden;
 }
-.v-date-picker .v-date-picker-month {
-  padding-inline-start: 12px;
-  padding-inline-end: 12px;
+
+.v-date-picker-month {
+  padding: 0 12px 12px;
 }
-.v-date-picker .v-date-picker-month .v-date-picker-month__day {
+
+.v-date-picker-month__day {
   height: 48px;
   width: 48px;
 }
-.v-date-picker .v-date-picker-month .v-date-picker-month__day .v-btn {
+.v-date-picker-month__day .v-btn {
   --v-btn-height: 28px;
   --v-btn-size: 0.85rem;
 }.v-date-picker-controls {

package/dist/vuetify-labs.d.ts

@@ -38722,7 +38722,7 @@ declare const VRangeSlider: {
             messages?: string | readonly string[] | undefined;
             rounded?: string | number | boolean | undefined;
             density?: Density | undefined;
-            modelValue?: readonly number[] | undefined;
+            modelValue?: readonly (string | number)[] | undefined;
             focused?: boolean | undefined;
             errorMessages?: string | readonly string[] | undefined;
             maxErrors?: string | number | undefined;
@@ -38876,7 +38876,7 @@ declare const VRangeSlider: {
             elevation: NonNullable<string | number>;
             messages: string | readonly string[];
             density: Density;
-            modelValue: readonly number[];
+            modelValue: readonly (string | number)[];
             focused: boolean;
             errorMessages: string | readonly string[];
             maxErrors: string | number;
@@ -38963,7 +38963,7 @@ declare const VRangeSlider: {
             messages: string | readonly string[];
             rounded: string | number | boolean;
             density: Density;
-            modelValue: readonly number[];
+            modelValue: readonly (string | number)[];
             focused: boolean;
             errorMessages: string | readonly string[];
             maxErrors: string | number;
@@ -39034,7 +39034,7 @@ declare const VRangeSlider: {
         elevation: NonNullable<string | number>;
         messages: string | readonly string[];
         density: Density;
-        modelValue: readonly number[];
+        modelValue: readonly (string | number)[];
         focused: boolean;
         errorMessages: string | readonly string[];
         maxErrors: string | number;
@@ -39119,7 +39119,7 @@ declare const VRangeSlider: {
     elevation: NonNullable<string | number>;
     messages: string | readonly string[];
     density: Density;
-    modelValue: readonly number[];
+    modelValue: readonly (string | number)[];
     focused: boolean;
     errorMessages: string | readonly string[];
     maxErrors: string | number;
@@ -39206,7 +39206,7 @@ declare const VRangeSlider: {
     messages: string | readonly string[];
     rounded: string | number | boolean;
     density: Density;
-    modelValue: readonly number[];
+    modelValue: readonly (string | number)[];
     focused: boolean;
     errorMessages: string | readonly string[];
     maxErrors: string | number;
@@ -39246,7 +39246,7 @@ declare const VRangeSlider: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     strict: BooleanConstructor;
     modelValue: {
-        type: PropType<readonly number[]>;
+        type: PropType<readonly (string | number)[]>;
         default: () => number[];
     };
     elevation: Omit<{
@@ -39363,7 +39363,7 @@ declare const VRangeSlider: {
 }, vue.ExtractPropTypes<{
     strict: BooleanConstructor;
     modelValue: {
-        type: PropType<readonly number[]>;
+        type: PropType<readonly (string | number)[]>;
         default: () => number[];
     };
     elevation: Omit<{

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.10-master.2023-07-29
+* Vuetify v3.3.10-master.2023-08-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -11224,7 +11224,7 @@ const VAutocomplete = genericComponent()({
     const vTextFieldRef = ref();
     const isFocused = shallowRef(false);
     const isPristine = shallowRef(true);
-    const listHasFocus = ref(false);
+    const listHasFocus = shallowRef(false);
     const vMenuRef = ref();
     const _menu = useProxiedModel(props, 'menu');
     const menu = computed({
@@ -13448,6 +13448,7 @@ const useSteps = props => {
   const step = computed(() => +props.step > 0 ? parseFloat(props.step) : 0);
   const decimals = computed(() => Math.max(getDecimals(step.value), getDecimals(min.value)));
   function roundValue(value) {
+    value = parseFloat(value);
     if (step.value <= 0) return value;
     const clamped = clamp(value, min.value, max.value);
     const offset = min.value % step.value;
@@ -13951,9 +13952,8 @@ const VSlider = genericComponent()({
       rtlClasses
     } = useRtl();
     const steps = useSteps(props);
-    const model = useProxiedModel(props, 'modelValue', undefined, v => {
-      const value = typeof v === 'string' ? parseFloat(v) : v == null ? steps.min.value : v;
-      return steps.roundValue(value);
+    const model = useProxiedModel(props, 'modelValue', undefined, value => {
+      return steps.roundValue(value == null ? steps.min.value : value);
     });
     const {
       min,
@@ -14747,7 +14747,7 @@ const VCombobox = genericComponent()({
     const vTextFieldRef = ref();
     const isFocused = shallowRef(false);
     const isPristine = shallowRef(true);
-    const listHasFocus = ref(false);
+    const listHasFocus = shallowRef(false);
     const vMenuRef = ref();
     const _menu = useProxiedModel(props, 'menu');
     const menu = computed({
@@ -22807,7 +22807,7 @@ const VPicker = genericComponent()({
           "class": "v-picker__header"
         }, [slots.header()]), createVNode("div", {
           "class": "v-picker__body"
-        }, [slots.default?.()]), slots.actions && createVNode("div", {
+        }, [slots.default?.()]), slots.actions?.()[0]?.children && createVNode("div", {
           "class": "v-picker__actions"
         }, [slots.actions()])]
       });
@@ -22875,7 +22875,7 @@ const VDatePicker = genericComponent()({
       viewMode,
       inputMode
     } = createDatePicker(props);
-    const isReversing = ref(false);
+    const isReversing = shallowRef(false);
     const inputModel = computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
     const title = computed(() => t(props.title));
     const header = computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
@@ -22957,7 +22957,7 @@ const VDatePicker = genericComponent()({
           "label": t(props.inputText),
           "placeholder": "dd/mm/yyyy"
         }, null)]),
-        actions: !props.hideActions ? () => createVNode("div", null, [createVNode(VBtn, {
+        actions: () => !props.hideActions ? createVNode("div", null, [createVNode(VBtn, {
           "variant": "text",
           "color": props.color,
           "onClick": onClickCancel,
@@ -23051,10 +23051,10 @@ const VInfiniteScroll = genericComponent()({
       emit
     } = _ref2;
     const rootEl = ref();
-    const startStatus = ref('ok');
-    const endStatus = ref('ok');
+    const startStatus = shallowRef('ok');
+    const endStatus = shallowRef('ok');
     const margin = computed(() => convertToUnit(props.margin));
-    const isIntersecting = ref(false);
+    const isIntersecting = shallowRef(false);
     function setScrollAmount(amount) {
       if (!rootEl.value) return;
       const property = props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
@@ -23708,7 +23708,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.10-master.2023-07-29";
+const version$1 = "3.3.10-master.2023-08-01";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -23722,7 +23722,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.10-master.2023-07-29";
+const version = "3.3.10-master.2023-08-01";
 
 /* eslint-disable local-rules/sort-imports */