From 8d837eddb3e26e08971db0daf41b205b72c72046 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:42:44 +0530
Subject: [PATCH] chore: calendar current date indicator improvement (#5880)

---
 web/styles/react-day-picker.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/styles/react-day-picker.css b/web/styles/react-day-picker.css
index 4c24e9cf7..4532d3a03 100644
--- a/web/styles/react-day-picker.css
+++ b/web/styles/react-day-picker.css
@@ -9,7 +9,7 @@
   /* Font size for the caption labels. */
   --rdp-accent-color: rgba(var(--color-primary-100));
   /* Accent color for the background of selected days. */
-  --rdp-background-color: rgba(var(--color-primary-100), 0.2);
+  --rdp-background-color: rgba(var(--color-primary-100), 0.5);
   /* Background color for the hovered/focused elements. */
   --rdp-dark-background-color: rgba(var(--color-primary-300));
   /* Background color for the hovered/focused, already selected elements. */
@@ -223,7 +223,7 @@
   color: unset;
 }
 
-.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label {
+.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
   background-color: var(--rdp-background-color);
   border: var(--rdp-outline);
   border-radius: 6px;
@@ -293,7 +293,7 @@
 }
 
 .rdp-day_today:not(.rdp-day_outside)::after {
-  content: '';
+  content: "";
   position: absolute;
   left: 50%;
   bottom: 2px;
@@ -329,7 +329,7 @@ td:has(.rdp-day_range_end) {
 td:has(.rdp-day_range_start)::before,
 td:has(.rdp-day_range_middle)::before,
 td:has(.rdp-day_range_end)::before {
-  content: '';
+  content: "";
   position: absolute;
   background-color: var(--rdp-background-color);
   top: 50%;
@@ -365,4 +365,4 @@ td:has(.rdp-day_range_start.rdp-day_range_end)::before {
 .rdp-day_range_middle:focus-visible {
   background-color: var(--rdp-background-color) !important;
   color: inherit !important;
-}
\ No newline at end of file
+}