From ddf35f6b406a2f2e8c27c2c65d15206eaa3ddbe6 Mon Sep 17 00:00:00 2001
From: zaultavangar <zaul_tavangar@brown.edu>
Date: Sat, 16 Dec 2023 14:15:56 -0500
Subject: starting calendar feature

---
 src/client/util/CalendarManager.scss | 62 ++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/client/util/CalendarManager.scss

(limited to 'src/client/util/CalendarManager.scss')

diff --git a/src/client/util/CalendarManager.scss b/src/client/util/CalendarManager.scss
new file mode 100644
index 000000000..60610f298
--- /dev/null
+++ b/src/client/util/CalendarManager.scss
@@ -0,0 +1,62 @@
+.calendar-interface{
+    width: 600px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    gap: 7px;
+    padding: 10px;
+
+    .selected-doc-title{
+        font-size: 1.4em;
+    }
+
+    .creation-type-container{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        align-self: center;
+        gap: 12px;
+
+        .calendar-creation{
+            cursor: pointer;
+        }
+
+        .calendar-creation-selected{
+            border-bottom: 2px solid white;
+        }
+    }
+
+    .choose-calendar-container{
+        margin-top: 10px;
+        align-self: center;
+        width: 60%;
+
+        .MuiFilledInput-input{
+            padding: 10px;
+        }
+    }
+
+    .date-range-picker-container{
+        margin-top: 5px;
+        align-self:center;
+
+        .react-date-range{
+
+        }
+    }
+
+    .create-button-container{
+        
+        margin-top: 5px;
+        align-self: center;
+
+        .button-content{
+            font-size: 1.2em;
+            padding: 10px;
+            border-radius: 5px;
+            background-color: #EFF2F7;
+        }
+
+    }
+}
-- 
cgit v1.2.3-70-g09d2