Merge pull request #2895 from devtron-labs/fix/calendar-theme

feat: add DayPicker styles for improved UI

Author: AbhishekA1509

src/css/base.scss

@@ -5182,3 +5182,29 @@ details[open] {
         contain: paint;
     }
 }
+
+.DayPicker {
+    background-color: var(--bg-menu-primary);
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 2px 5px 0 rgba(0, 0, 0, 0.07), 0 3px 8px 0 rgba(0, 0, 0, 0.07);
+
+    .DayPickerNavigation_button {
+        background-color: var(--bg-primary);
+        border: 1px solid var(--border-primary-translucent);
+
+        &:hover {
+            background-color: var(--bg-hover);
+        }
+    }
+
+    .CalendarMonthGrid {
+        background: var(--bg-menu-primary);
+
+        .CalendarMonth_caption {
+            color: var(--N900);
+        }
+
+        .CalendarMonth {
+            background: var(--bg-menu-primary);
+        }
+    }
+}