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

package/dist/vuetify-labs.cjs

@@ -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.
 */
@@ -23734,6 +23734,14 @@
       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()({
@@ -23833,6 +23841,49 @@
           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 vue.createElementVNode("div", {
+          "class": "v-date-picker-month__events"
+        }, [eventColors.map(color => vue.createVNode(VBadge, {
+          "dot": true,
+          "color": color
+        }, null))]);
+      }
       useRender(() => vue.createElementVNode("div", {
         "class": "v-date-picker-month",
         "style": {
@@ -23863,7 +23914,6 @@
               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,
@@ -23884,7 +23934,9 @@
               'v-date-picker-month__day--week-start': item.isWeekStart
             }]),
             "data-v-date": !item.isDisabled ? item.isoDate : undefined
-          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, null))]);
+          }, [(props.showAdjacentMonths || !item.isAdjacent) && (slots.day?.(slotProps) ?? vue.createVNode(VBtn, slotProps.props, {
+            default: () => [item.localized, genEvents(item.isoDate)]
+          }))]);
         })])]
       })]));
     }
@@ -38215,7 +38267,7 @@
       };
     });
   }
-  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
@@ -38513,7 +38565,7 @@
 
   /* 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 */