Fix disabled neighboring tiles text color

wojtekmaj · Jan 9, 2024 · e997ea2 · e997ea2
1 parent 695497e
commit e997ea2
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/react-calendar/src/Calendar.css b/packages/react-calendar/src/Calendar.css
@@ -109,6 +109,13 @@
 
 .react-calendar__tile:disabled {
   background-color: #f0f0f0;
+  color: #ababab;
+}
+
+.react-calendar__month-view__days__day--neighboringMonth:disabled,
+.react-calendar__decade-view__years__year--neighboringDecade:disabled,
+.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
+  color: #cdcdcd;
 }
 
 .react-calendar__tile:enabled:hover,