@vuetify/nightly 3.10.7-dev.2025-10-24 → 3.10.7-dev.2025-10-25

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.7-dev.2025-10-24
+* Vuetify v3.10.7-dev.2025-10-25
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -23730,6 +23730,14 @@ const makeVDatePickerMonthProps = propsFactory({
     type: String,
     default: 'picker-reverse-transition'
   },
+  events: {
+    type: [Array, Function, Object],
+    default: () => null
+  },
+  eventColor: {
+    type: [Array, Function, Object, String],
+    default: () => null
+  },
   ...omit(makeCalendarProps(), ['displayValue'])
 }, 'VDatePickerMonth');
 const VDatePickerMonth = genericComponent()({
@@ -23829,6 +23837,49 @@ const VDatePickerMonth = genericComponent()({
         model.value = [value];
       }
     }
+    function getEventColors(date) {
+      const {
+        events,
+        eventColor
+      } = props;
+      let eventData;
+      let eventColors = [];
+      if (Array.isArray(events)) {
+        eventData = events.includes(date);
+      } else if (events instanceof Function) {
+        eventData = events(date) || false;
+      } else if (events) {
+        eventData = events[date] || false;
+      } else {
+        eventData = false;
+      }
+      if (!eventData) {
+        return [];
+      } else if (eventData !== true) {
+        eventColors = wrapInArray(eventData);
+      } else if (typeof eventColor === 'string') {
+        eventColors = [eventColor];
+      } else if (typeof eventColor === 'function') {
+        eventColors = wrapInArray(eventColor(date));
+      } else if (Array.isArray(eventColor)) {
+        eventColors = eventColor;
+      } else if (typeof eventColor === 'object' && eventColor !== null) {
+        eventColors = wrapInArray(eventColor[date]);
+      }
+
+      // Fallback to default color if no color is found
+      return !eventColors.length ? ['surface-variant'] : eventColors.filter(Boolean).map(color => typeof color === 'string' ? color : 'surface-variant');
+    }
+    function genEvents(date) {
+      const eventColors = getEventColors(date);
+      if (!eventColors.length) return null;
+      return createElementVNode("div", {
+        "class": "v-date-picker-month__events"
+      }, [eventColors.map(color => createVNode(VBadge, {
+        "dot": true,
+        "color": color
+      }, null))]);
+    }
     useRender(() => createElementVNode("div", {
       "class": "v-date-picker-month",
       "style": {
@@ -23859,7 +23910,6 @@ const VDatePickerMonth = genericComponent()({
             disabled: item.isDisabled,
             icon: true,
             ripple: false,
-            text: item.localized,
             variant: item.isSelected ? 'flat' : item.isToday ? 'outlined' : 'text',
             'aria-label': getDateAriaLabel(item),
             'aria-current': item.isToday ? 'date' : undefined,
@@ -23880,7 +23930,9 @@ 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) && (slots.day?.(slotProps) ?? createVNode(VBtn, slotProps.props, {
+          default: () => [item.localized, genEvents(item.isoDate)]
+        }))]);
       })])]
     })]));
   }
@@ -38211,7 +38263,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.10.7-dev.2025-10-24";
+const version$1 = "3.10.7-dev.2025-10-25";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -38509,7 +38561,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.10.7-dev.2025-10-24";
+const version = "3.10.7-dev.2025-10-25";
 
 /* eslint-disable local-rules/sort-imports */