fix: show overnight appointments on each covered calendar day

src/modules/appointment-calendar/AppointmentCalendarPanel.vue

@@ -2,11 +2,12 @@
 import '@/styles/adminDensity.css'
 import { computed, ref } from 'vue'
 import AppointmentInboundCodes from './AppointmentInboundCodes.vue'
-import { addDays, calendarDates, calendarRange, dateKey, moveCalendar, type CalendarMode } from './calendar'
+import { addDays, calendarDates, calendarRange, dateKey, moveCalendar, occursOnDate, type CalendarMode } from './calendar'
 
 export interface CalendarEvent {
   key: string
   date: string
+  endAt?: string
   time: string
   type: 'arrival' | 'delivery' | 'pickup' | 'trip'
   title: string
@@ -38,9 +39,12 @@ const dates = computed(() => calendarDates(selectedDate.value, mode.value))
 const grouped = computed(() => {
   const result = new Map<string, CalendarEvent[]>()
   for (const event of props.events) {
-    const group = result.get(event.date) || []
-    group.push(event)
-    result.set(event.date, group)
+    for (const date of dates.value) {
+      if (!occursOnDate(event.date, event.endAt, date)) continue
+      const group = result.get(date) || []
+      group.push(event)
+      result.set(date, group)
+    }
   }
   for (const group of result.values()) group.sort((a, b) => a.time.localeCompare(b.time) || a.key.localeCompare(b.key))
   return result