From 1b671572497cd7360d991ca134052337efebdeae Mon Sep 17 00:00:00 2001 From: Robert Anderson Date: Fri, 10 Jun 2022 12:37:37 +1000 Subject: [PATCH] Highlight today in DatePicker --- packages/components/src/date-time/date/style.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/components/src/date-time/date/style.scss b/packages/components/src/date-time/date/style.scss index 26b41d089a86a1..a41c24520fb152 100644 --- a/packages/components/src/date-time/date/style.scss +++ b/packages/components/src/date-time/date/style.scss @@ -53,6 +53,11 @@ border: none; font-size: $default-font-size; border-radius: $radius-round; + background: $white; + + &:hover { + color: var(--wp-admin-theme-color); + } &:focus { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 #{ $border-width-focus + $border-width } $white; @@ -60,12 +65,17 @@ } } + .CalendarDay__today { + background: $gray-100; + } + .CalendarDay__selected { background: var(--wp-admin-theme-color); border: 2px solid transparent; // This indicates selection in Windows 10 high contrast mode. &:hover { background: var(--wp-admin-theme-color-darker-20); + color: $white; } &:focus {