From 974bd901804f7d570a6af0b3ac03f3ef6a966346 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 3 Apr 2025 16:50:43 +0300 Subject: [PATCH] fix(calendar): fix range preview inactive dates text color --- .../styles/components/calendar/_calendar-component.scss | 4 ++++ .../core/styles/components/calendar/_calendar-theme.scss | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-component.scss index e7590e2526b..ed82d6134a1 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-component.scss @@ -179,6 +179,10 @@ @extend %date-range-preview !optional; } + @include e(date, $mods: ('range-preview', 'inactive')) { + @extend %date-range-preview-inactive !optional; + } + @include e(date, $mods: ('range-preview', 'current')) { @extend %date-range-preview-current !optional; } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss index 88dce836976..aff1bd91756 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss @@ -2389,6 +2389,12 @@ } } + %date-range-preview-inactive { + %date-inner { + color: var-get($theme, 'inactive-color'); + } + } + %date-range-preview-current { %date-inner { color: var-get($theme, 'date-selected-current-range-foreground');