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>
             );
           })}