ayanova/src/components/dash-test-day-calendar-widget.vue

@@ -17,6 +17,7 @@
         interval-width="45"
         :events="events"
         :event-color="getEventColor"
+        @click:event="showEvent"
       ></v-calendar>
     </template>
   </gz-dash>
@@ -85,12 +86,16 @@ export default {
         end: getEventTimeStamp(yy, mm, dd, 16, 45),
         color: "teal"
       });
-      console.log(events);
+
       this.events = events;
-      //console.log("GzDashTestDayCalendarWidget::loadData");
     },
     getEventColor(event) {
       return event.color;
+    },
+    showEvent({ nativeEvent, event }) {
+      alert(JSON.stringify(event));
+
+      nativeEvent.stopPropagation();
     }
   }
 };