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

package/dist/vuetify.esm.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.
 */
@@ -1793,6 +1793,16 @@ const md1 = {
     VCombobox: {
       variant: 'underlined'
     },
+    VDatePicker: {
+      color: 'primary',
+      controlHeight: 44,
+      elevation: 1,
+      rounded: 0,
+      VBtn: {
+        color: 'high-emphasis',
+        rounded: 'circle'
+      }
+    },
     VSelect: {
       variant: 'underlined'
     },
@@ -1864,6 +1874,16 @@ const md2 = {
     VCombobox: {
       variant: 'filled'
     },
+    VDatePicker: {
+      color: 'primary',
+      controlHeight: 56,
+      elevation: 2,
+      rounded: 'md',
+      VBtn: {
+        color: 'high-emphasis',
+        rounded: 'circle'
+      }
+    },
     VSelect: {
       variant: 'filled'
     },
@@ -1947,6 +1967,18 @@ const md3 = {
     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,
@@ -17049,6 +17081,7 @@ const VSheet = genericComponent()({
 
 const makeVPickerProps = propsFactory({
   bgColor: String,
+  divided: Boolean,
   landscape: Boolean,
   title: String,
   hideHeader: Boolean,
@@ -17071,6 +17104,7 @@ const VPicker = genericComponent()({
       return createVNode(VSheet, 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],
@@ -18595,7 +18629,8 @@ const makeVConfirmEditProps = propsFactory({
   okText: {
     type: String,
     default: '$vuetify.confirmEdit.ok'
-  }
+  },
+  hideActions: Boolean
 }, 'VConfirmEdit');
 const VConfirmEdit = genericComponent()({
   name: 'VConfirmEdit',
@@ -18655,7 +18690,7 @@ const VConfirmEdit = genericComponent()({
           actionsUsed = true;
           return actions;
         }
-      }), !actionsUsed && actions()]);
+      }), !props.hideActions && !actionsUsed && actions()]);
     });
     return {
       save,
@@ -21868,6 +21903,7 @@ const makeVDatePickerControlsProps = propsFactory({
     type: [String, Array],
     default: undefined
   },
+  controlHeight: [Number, String],
   disabled: {
     type: [Boolean, String, Array],
     default: null
@@ -21931,7 +21967,10 @@ const VDatePickerControls = genericComponent()({
     useRender(() => {
       // TODO: add slot support and scope defaults
       return createVNode("div", {
-        "class": ['v-date-picker-controls']
+        "class": ['v-date-picker-controls'],
+        "style": {
+          '--v-date-picker-controls-height': convertToUnit(props.controlHeight)
+        }
       }, [createVNode(VBtn, {
         "class": "v-date-picker-controls__month-btn",
         "data-testid": "month-btn",
@@ -21953,6 +21992,7 @@ const VDatePickerControls = genericComponent()({
       }, [createVNode(VBtn, {
         "data-testid": "prev-month",
         "disabled": disablePrev.value,
+        "density": "comfortable",
         "icon": props.prevIcon,
         "variant": "text",
         "onClick": onClickPrev
@@ -21960,6 +22000,7 @@ const VDatePickerControls = genericComponent()({
         "data-testid": "next-month",
         "disabled": disableNext.value,
         "icon": props.nextIcon,
+        "density": "comfortable",
         "variant": "text",
         "onClick": onClickNext
       }, null)])]);
@@ -22327,12 +22368,12 @@ const VDatePickerMonth = genericComponent()({
         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,
@@ -22554,6 +22595,7 @@ const makeVDatePickerProps = propsFactory({
     type: String,
     default: '$vuetify.datePicker.header'
   },
+  headerColor: String,
   ...makeVDatePickerControlsProps(),
   ...makeVDatePickerMonthProps({
     weeksInMonth: 'static'
@@ -22611,6 +22653,7 @@ const VDatePicker = genericComponent()({
       }
       return value && adapter.isValid(value) ? value : today;
     });
+    const headerColor = computed(() => props.headerColor ?? props.color);
     const month = ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
     const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
     const isReversing = shallowRef(false);
@@ -22718,10 +22761,12 @@ const VDatePicker = genericComponent()({
       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 createVNode(VPicker, 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],
@@ -29056,7 +29101,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -29081,7 +29126,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.17-dev.2025-03-18";
+const version = "3.7.18-dev.2025-03-19";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };