change some event datetime formatting

web/src/components/events/DateList.tsx

@@ -1,7 +1,11 @@
 "use client";
 
 import { useState } from "react";
-import { formatDate, isTodayOrFuture } from "@/lib/date";
+import {
+  formatDate,
+  formatExtendedDateTime,
+  isTodayOrFuture,
+} from "@/lib/date";
 import { EventFragment, EventOccurrence, compareDates } from "@/lib/event";
 import styles from "./dateList.module.scss";
 import Link from "next/link";
@@ -14,7 +18,7 @@ const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
     <li className={styles.date}>
       <div className={styles.time}>
         <span className={styles.day}>
-          {formatDate(occurrence.start, dateFormat)}
+          {formatExtendedDateTime(occurrence.start, true)}
         </span>
         <span className={styles.hour}>
           {formatDate(occurrence.start, timeFormat)}