diff --git a/packages/vkui/src/components/CalendarDay/CalendarDay.module.css b/packages/vkui/src/components/CalendarDay/CalendarDay.module.css index 082b3cb06e..8fdaf704e7 100644 --- a/packages/vkui/src/components/CalendarDay/CalendarDay.module.css +++ b/packages/vkui/src/components/CalendarDay/CalendarDay.module.css @@ -23,7 +23,7 @@ } .selected { - background-color: var(--vkui--color_background_secondary); + background-color: var(--vkui--color_background_secondary_alpha); } .selectionStart.selected, @@ -74,11 +74,23 @@ } .hintedActive, -.hover :not(.hintedActive) .inner { +.hostHovered :not(.hintedActive) .inner { background-color: var(--vkui--color_background_secondary_alpha--hover); } +.hostActivated :not(.hintedActive) .inner { + background-color: var(--vkui--color_background_secondary_alpha--active); +} + .innerActive { background-color: var(--vkui--color_background_accent); color: var(--vkui--color_text_contrast); } + +.hostHovered .inner.innerActive { + background-color: var(--vkui--color_background_accent--hover); +} + +.hostActivated .inner.innerActive { + background-color: var(--vkui--color_background_accent--active); +} diff --git a/packages/vkui/src/components/CalendarDay/CalendarDay.tsx b/packages/vkui/src/components/CalendarDay/CalendarDay.tsx index e787acd468..d6832dc008 100644 --- a/packages/vkui/src/components/CalendarDay/CalendarDay.tsx +++ b/packages/vkui/src/components/CalendarDay/CalendarDay.tsx @@ -108,7 +108,8 @@ export const CalendarDay: React.FC = React.memo( !sameMonth && styles.notSameMonth, className, )} - hoverMode={active ? '' : styles.hover} + hoverMode={styles.hostHovered} + activeMode={styles.hostActivated} hasActive={false} onClick={onClick} disabled={disabled} diff --git a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-android-chromium-dark-1-snap.png b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-android-chromium-dark-1-snap.png index 04fb21dbb4..c69c51718f 100644 --- a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-android-chromium-dark-1-snap.png +++ b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-android-chromium-dark-1-snap.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:181d51447746f2a86b8a4df891818dfb102cf1f8a8b2696e9deb911f5b47f027 -size 138005 +oid sha256:f13443dec96e5ccf52663de62552ade81f8f72e795ebdc323d84ef41adae823f +size 139189 diff --git a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-ios-webkit-dark-1-snap.png b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-ios-webkit-dark-1-snap.png index 30bc7af84e..89a9e84060 100644 --- a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-ios-webkit-dark-1-snap.png +++ b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-ios-webkit-dark-1-snap.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:fd7b658dcb675b9746d93fbd922d9995f82f1a6766b90c3f02ba79ef1be60e96 -size 144431 +oid sha256:23810ac2dc8442a61f2616b080c69b732caad1d209c085ff04cd3a8cfc7d0643 +size 145521 diff --git a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-chromium-dark-1-snap.png b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-chromium-dark-1-snap.png index 9b0447ce52..fcf7ac15f5 100644 --- a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-chromium-dark-1-snap.png +++ b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-chromium-dark-1-snap.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:504722ddf001867ad6f4ee3801f2d01b1bf87906e82b359c1472911cd4f3cced -size 183729 +oid sha256:0928be796fcb1b3c3de8da93212f26f7a3d18f27f7d17bc61cd4a3583cd79945 +size 195511 diff --git a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-firefox-dark-1-snap.png b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-firefox-dark-1-snap.png index 3db4fe2b79..952f5ba93e 100644 --- a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-firefox-dark-1-snap.png +++ b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-firefox-dark-1-snap.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5a760f7433bcd6e0c80141dfff15415c8387bf230b42a577133192706d0c45c6 -size 292377 +oid sha256:d619cc6b1e937f5cf3b5d564d79169bcc57737286b5a4e5a6b1eb337d59f3612 +size 309404 diff --git a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-webkit-dark-1-snap.png b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-webkit-dark-1-snap.png index 530b166e42..cf5ef422b1 100644 --- a/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-webkit-dark-1-snap.png +++ b/packages/vkui/src/components/CalendarRange/__image_snapshots__/calendarrange-vkcom-webkit-dark-1-snap.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:164f094e8e6e4503abb5cdfae8dbef6cdf2501ca81d4974679390007ac3b2fe5 -size 191524 +oid sha256:72ead06f9327d6cca83796b648ef655163fe8bbd87f274e05f5e40855a9c046b +size 204672