fix: CSS misbehaviors

-- fix active calendar__tile with the wrong color when also hovering. This is particularly noticeable when updating a range with 'keepBoundarySelected' -- fix focused calendar__tile with the same color as a hovered tile, causing it to remain "selected" when updating a range (and in other specific cases)
wojtekmaj · Mar 8, 2024 · 800b883 · 800b883
1 parent 6d17e54
commit 800b883
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-calendar/src/Calendar.css b/packages/react-calendar/src/Calendar.css
@@ -118,8 +118,7 @@
   color: #cdcdcd;
 }
 
-.react-calendar__tile:enabled:hover,
-.react-calendar__tile:enabled:focus {
+.react-calendar__tile:enabled:hover {
   background-color: #e6e6e6;
 }
 
@@ -153,4 +152,5 @@
 
 .react-calendar--selectRange .react-calendar__tile--hover {
   background-color: #e6e6e6;
+  color: unset;
 }