chore(style): add opacity to differentiate outside days (#1592)

Co-authored-by: Ganesh Anbazhagan <ganeshpandiyan.anbazhagan@aexp.com>
gpbl · Nov 20, 2022 · f8e0ad5 · f8e0ad5
1 parent baf9f34
commit f8e0ad5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/react-day-picker/src/style.css b/packages/react-day-picker/src/style.css
@@ -274,6 +274,10 @@
   background-color: var(--rdp-accent-color);
 }
 
+.rdp-day_outside {
+  opacity: 0.5;
+}
+
 .rdp-day_selected:focus-visible {
   /* Since the background is the same use again the outline */
   outline: var(--rdp-outline);