From f8e0ad540606ac286671dec1c6009e7ceb1cfed7 Mon Sep 17 00:00:00 2001 From: hpdganesh <116823465+hpdganesh@users.noreply.github.com> Date: Sun, 20 Nov 2022 11:26:18 -0500 Subject: [PATCH] chore(style): add opacity to differentiate outside days (#1592) Co-authored-by: Ganesh Anbazhagan --- packages/react-day-picker/src/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/react-day-picker/src/style.css b/packages/react-day-picker/src/style.css index 520b5f8cb7..26c46e70b1 100644 --- 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);