special time formatting when event items are in a calendar

web/src/components/events/EventContainer.tsx

@@ -67,7 +67,7 @@ const EventCalendar = ({ events }: { events: EventFragment[] }) => {
                   </h3>
                   <ul>
                     {eventsByDate[yearMonth][week][day].map((event) => (
-                      <EventItem key={event.id} event={event} />
+                      <EventItem key={event.id} event={event} mode="calendar" />
                     ))}
                   </ul>
                 </div>

web/src/components/events/EventItem.tsx

@@ -8,8 +8,10 @@ import { toLocalTime, formatDate, commonDateFormat } from "@/lib/date";
 
 export const EventItem = ({
   event,
+  mode,
 }: {
   event: SingularEvent | EventFragment;
+  mode: "list" | "calendar";
 }) => {
   return (
     <li className={`${styles.eventItem} linkItem`}>
@@ -26,11 +28,16 @@ export const EventItem = ({
       </div>
       <div className={styles.text}>
         <h1 className={styles.title}>{event.title}</h1>
-        {event.occurrence?.start && (
+        {event.occurrence?.start && mode === "list" && (
           <p className={styles.details}>
             {formatDate(event.occurrence?.start, commonDateFormat)}
           </p>
         )}
+        {event.occurrence?.start && mode === "calendar" && (
+          <p className={styles.details}>
+            {formatDate(event.occurrence?.start, "'kl.' HH:mm")}
+          </p>
+        )}
       </div>
       <Link href={`/arrangementer/${event.slug}`} className="hiddenLink">
         Mer om arrangementet {event.title}