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

package/dist/vuetify-labs.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.
 */
@@ -16816,6 +16816,7 @@ const VSheet = genericComponent()({
 
 const makeVPickerProps = propsFactory({
   bgColor: String,
+  divided: Boolean,
   landscape: Boolean,
   title: String,
   hideHeader: Boolean,
@@ -16838,6 +16839,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],
@@ -18362,7 +18364,8 @@ const makeVConfirmEditProps = propsFactory({
   okText: {
     type: String,
     default: '$vuetify.confirmEdit.ok'
-  }
+  },
+  hideActions: Boolean
 }, 'VConfirmEdit');
 const VConfirmEdit = genericComponent()({
   name: 'VConfirmEdit',
@@ -18422,7 +18425,7 @@ const VConfirmEdit = genericComponent()({
           actionsUsed = true;
           return actions;
         }
-      }), !actionsUsed && actions()]);
+      }), !props.hideActions && !actionsUsed && actions()]);
     });
     return {
       save,
@@ -21635,6 +21638,7 @@ const makeVDatePickerControlsProps = propsFactory({
     type: [String, Array],
     default: undefined
   },
+  controlHeight: [Number, String],
   disabled: {
     type: [Boolean, String, Array],
     default: null
@@ -21698,7 +21702,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",
@@ -21720,6 +21727,7 @@ const VDatePickerControls = genericComponent()({
       }, [createVNode(VBtn, {
         "data-testid": "prev-month",
         "disabled": disablePrev.value,
+        "density": "comfortable",
         "icon": props.prevIcon,
         "variant": "text",
         "onClick": onClickPrev
@@ -21727,6 +21735,7 @@ const VDatePickerControls = genericComponent()({
         "data-testid": "next-month",
         "disabled": disableNext.value,
         "icon": props.nextIcon,
+        "density": "comfortable",
         "variant": "text",
         "onClick": onClickNext
       }, null)])]);
@@ -22094,12 +22103,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,
@@ -22321,6 +22330,7 @@ const makeVDatePickerProps = propsFactory({
     type: String,
     default: '$vuetify.datePicker.header'
   },
+  headerColor: String,
   ...makeVDatePickerControlsProps(),
   ...makeVDatePickerMonthProps({
     weeksInMonth: 'static'
@@ -22378,6 +22388,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);
@@ -22485,10 +22496,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],
@@ -28829,7 +28842,6 @@ const VCalendar = genericComponent()({
 // Types
 
 const makeVDateInputProps = propsFactory({
-  hideActions: Boolean,
   location: {
     type: String,
     default: 'bottom start'
@@ -31186,7 +31198,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
@@ -31226,6 +31238,16 @@ const md1 = {
     VCombobox: {
       variant: 'underlined'
     },
+    VDatePicker: {
+      color: 'primary',
+      controlHeight: 44,
+      elevation: 1,
+      rounded: 0,
+      VBtn: {
+        color: 'high-emphasis',
+        rounded: 'circle'
+      }
+    },
     VSelect: {
       variant: 'underlined'
     },
@@ -31297,6 +31319,16 @@ const md2 = {
     VCombobox: {
       variant: 'filled'
     },
+    VDatePicker: {
+      color: 'primary',
+      controlHeight: 56,
+      elevation: 2,
+      rounded: 'md',
+      VBtn: {
+        color: 'high-emphasis',
+        rounded: 'circle'
+      }
+    },
     VSelect: {
       variant: 'filled'
     },
@@ -31380,6 +31412,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,
@@ -31439,7 +31483,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */