diff --git a/app/routes/events-calendar.tsx b/app/routes/events-calendar.tsx
index 60f25ae..395a1ae 100644
--- a/app/routes/events-calendar.tsx
+++ b/app/routes/events-calendar.tsx
@@ -74,6 +74,15 @@ export default function () {
   const data = useLoaderData<typeof loader>();
   const [selectedDate, setDate] = useState(new Date());
 
+  const eventsOfDay = () => {
+    return data.eventList.filter(
+      (e) =>
+        e.day === selectedDate.getUTCDate() &&
+        e.month === selectedDate.getUTCMonth() + 1 &&
+        e.year === selectedDate.getUTCFullYear(),
+    ) as { [k: string]: any }[];
+  };
+
   return (
     <Container maxW="container.lg" h="600px">
       <Calendar
@@ -94,7 +103,10 @@ export default function () {
               <AccordionIcon />
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}></AccordionPanel>
+          <AccordionPanel pb={4}>
+            {eventsOfDay().find((e) => e.type === "fotd")?.details || "None"}
+            <br />
+          </AccordionPanel>
         </AccordionItem>
         <AccordionItem>
           <h2>
@@ -105,7 +117,10 @@ export default function () {
               <AccordionIcon />
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}></AccordionPanel>
+          <AccordionPanel pb={4}>
+            {eventsOfDay().find((e) => e.type === "gamenight")?.details ||
+              "None"}
+          </AccordionPanel>
         </AccordionItem>
         <AccordionItem>
           <h2>
@@ -115,7 +130,9 @@ export default function () {
               </Box>
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}></AccordionPanel>
+          <AccordionPanel pb={4}>
+            {eventsOfDay().find((e) => e.type === "rotw")?.details || "None"}
+          </AccordionPanel>
         </AccordionItem>
         <AccordionItem>
           <h2>
@@ -125,7 +142,9 @@ export default function () {
               </Box>
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}></AccordionPanel>
+          <AccordionPanel pb={4}>
+            {eventsOfDay().find((e) => e.type === "qotd")?.details || "None"}
+          </AccordionPanel>
         </AccordionItem>
       </Accordion>
     </Container>