@vuetify/nightly 3.7.17-dev.2025-03-18 → 3.7.18-dev.2025-03-19

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.17-dev.2025-03-18
+* Vuetify v3.7.18-dev.2025-03-19
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16820,6 +16820,7 @@
 
   const makeVPickerProps = propsFactory({
     bgColor: String,
+    divided: Boolean,
     landscape: Boolean,
     title: String,
     hideHeader: Boolean,
@@ -16842,6 +16843,7 @@
         return vue.createVNode(VSheet, vue.mergeProps(sheetProps, {
           "color": props.bgColor,
           "class": ['v-picker', {
+            'v-picker--divided': props.divided,
             'v-picker--landscape': props.landscape,
             'v-picker--with-actions': !!slots.actions
           }, props.class],
@@ -18366,7 +18368,8 @@
     okText: {
       type: String,
       default: '$vuetify.confirmEdit.ok'
-    }
+    },
+    hideActions: Boolean
   }, 'VConfirmEdit');
   const VConfirmEdit = genericComponent()({
     name: 'VConfirmEdit',
@@ -18426,7 +18429,7 @@
             actionsUsed = true;
             return actions;
           }
-        }), !actionsUsed && actions()]);
+        }), !props.hideActions && !actionsUsed && actions()]);
       });
       return {
         save,
@@ -21639,6 +21642,7 @@
       type: [String, Array],
       default: undefined
     },
+    controlHeight: [Number, String],
     disabled: {
       type: [Boolean, String, Array],
       default: null
@@ -21702,7 +21706,10 @@
       useRender(() => {
         // TODO: add slot support and scope defaults
         return vue.createVNode("div", {
-          "class": ['v-date-picker-controls']
+          "class": ['v-date-picker-controls'],
+          "style": {
+            '--v-date-picker-controls-height': convertToUnit(props.controlHeight)
+          }
         }, [vue.createVNode(VBtn, {
           "class": "v-date-picker-controls__month-btn",
           "data-testid": "month-btn",
@@ -21724,6 +21731,7 @@
         }, [vue.createVNode(VBtn, {
           "data-testid": "prev-month",
           "disabled": disablePrev.value,
+          "density": "comfortable",
           "icon": props.prevIcon,
           "variant": "text",
           "onClick": onClickPrev
@@ -21731,6 +21739,7 @@
           "data-testid": "next-month",
           "disabled": disableNext.value,
           "icon": props.nextIcon,
+          "density": "comfortable",
           "variant": "text",
           "onClick": onClickNext
         }, null)])]);
@@ -22098,12 +22107,12 @@
           const slotProps = {
             props: {
               class: 'v-date-picker-month__day-btn',
-              color: (item.isSelected || item.isToday) && !item.isDisabled ? props.color : undefined,
+              color: item.isSelected || item.isToday ? 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',
+              variant: item.isSelected ? 'flat' : item.isToday ? 'outlined' : 'text',
               onClick: () => onClick(item.date)
             },
             item,
@@ -22325,6 +22334,7 @@
       type: String,
       default: '$vuetify.datePicker.header'
     },
+    headerColor: String,
     ...makeVDatePickerControlsProps(),
     ...makeVDatePickerMonthProps({
       weeksInMonth: 'static'
@@ -22382,6 +22392,7 @@
         }
         return value && adapter.isValid(value) ? value : today;
       });
+      const headerColor = vue.computed(() => props.headerColor ?? props.color);
       const month = vue.ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
       const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
       const isReversing = vue.shallowRef(false);
@@ -22489,10 +22500,12 @@
         const datePickerMonthsProps = omit(VDatePickerMonths.filterProps(props), ['modelValue']);
         const datePickerYearsProps = omit(VDatePickerYears.filterProps(props), ['modelValue']);
         const headerProps = {
+          color: headerColor.value,
           header: header.value,
           transition: headerTransition.value
         };
         return vue.createVNode(VPicker, vue.mergeProps(pickerProps, {
+          "color": headerColor.value,
           "class": ['v-date-picker', `v-date-picker--${viewMode.value}`, {
             'v-date-picker--show-week': props.showWeek
           }, rtlClasses.value, props.class],
@@ -28833,7 +28846,6 @@
   // Types
 
   const makeVDateInputProps = propsFactory({
-    hideActions: Boolean,
     location: {
       type: String,
       default: 'bottom start'
@@ -31190,7 +31202,7 @@
       };
     });
   }
-  const version$1 = "3.7.17-dev.2025-03-18";
+  const version$1 = "3.7.18-dev.2025-03-19";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31230,6 +31242,16 @@
       VCombobox: {
         variant: 'underlined'
       },
+      VDatePicker: {
+        color: 'primary',
+        controlHeight: 44,
+        elevation: 1,
+        rounded: 0,
+        VBtn: {
+          color: 'high-emphasis',
+          rounded: 'circle'
+        }
+      },
       VSelect: {
         variant: 'underlined'
       },
@@ -31301,6 +31323,16 @@
       VCombobox: {
         variant: 'filled'
       },
+      VDatePicker: {
+        color: 'primary',
+        controlHeight: 56,
+        elevation: 2,
+        rounded: 'md',
+        VBtn: {
+          color: 'high-emphasis',
+          rounded: 'circle'
+        }
+      },
       VSelect: {
         variant: 'filled'
       },
@@ -31384,6 +31416,18 @@
       VCombobox: {
         variant: 'filled'
       },
+      VDatePicker: {
+        controlHeight: 48,
+        color: 'primary',
+        divided: true,
+        headerColor: '',
+        elevation: 3,
+        rounded: 'xl',
+        VBtn: {
+          color: 'high-emphasis',
+          rounded: 'circle'
+        }
+      },
       VNavigationDrawer: {
         // VList: {
         //   nav: true,
@@ -31443,7 +31487,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.17-dev.2025-03-18";
+  const version = "3.7.18-dev.2025-03-19";
 
   /* eslint-disable local-rules/sort-imports */