Calendar component

2025-06-02 20:52:49 +03:00
parent 7d4d50848b
commit c83e4ff00b
4 changed files with 127 additions and 0 deletions
--- a/app/components/Calendar.module.css
+++ b/app/components/Calendar.module.css
@@ -0,0 +1,41 @@
+.calendarGrid {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: auto auto auto auto auto auto auto;
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.monthNavigation {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+    margin-bottom: 2rem;
+}
+
+.monthTitle {
+    text-align: center;
+}
+
+.monthNavBtn {
+    background-color: #d4f0dd;
+}
+
+.emptyBtn {
+    background-color: #d4f0dd;
+}
+
+.calendarCell {
+    background-color: #d4f0dd;
+    border: 1px solid #ccc;
+    padding: 0.5rem;
+    cursor: pointer;
+    height: 3rem;
+    width: 3rem;
+    border-radius: 0.5rem;
+}
+
+.firstWeekPaddingCell {
+    height: 3rem;
+    width: 3rem;
+}