From a890ed0f0a59b4c1d968186df4b3521cb78b8b1c Mon Sep 17 00:00:00 2001
From: Lucid Kobold <72232219+LucidKobold@users.noreply.github.com>
Date: Fri, 17 Jun 2022 15:21:07 -0500
Subject: [PATCH] Weekday responsiveness.

---
 src/components/calender/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/calender/index.tsx b/src/components/calender/index.tsx
index 12da16a..a88b3da 100644
--- a/src/components/calender/index.tsx
+++ b/src/components/calender/index.tsx
@@ -86,9 +86,15 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
                 h={10}
                 key={weekDay}
               >
-                <Text w="100%" h="auto">
+                <Text display={{base:"none", lg:"block"}} w="100%" h="auto">
                   {weekDay}
                 </Text>
+                <Text display={{base:"none", sm: "block", lg:"none"}} w="100%" h="auto">
+                  {weekDay.substring(0, 3)}
+                </Text>
+                <Text display={{base:"block", sm: "none",}} w="100%" h="auto">
+                  {weekDay.substring(0, 2)}
+                </Text>
               </Box>
             );
           })}