fix(calendar): fix range preview inactive dates text color (#15671)

desig9stein · web-flow · commit 99ef0748627d · 2025-04-08T15:44:05.000+03:00
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
@@ -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
@@ -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');

Original file line number	Diff line number	Diff line change
`@@ -179,6 +179,10 @@`
`179`	`179`	`@extend %date-range-preview !optional;`
`180`	`180`	`}`
`181`	`181`
	`182`	`+ @include e(date, $mods: ('range-preview', 'inactive')) {`
	`183`	`+ @extend %date-range-preview-inactive !optional;`
	`184`	`+ }`
	`185`	`+`
`182`	`186`	`@include e(date, $mods: ('range-preview', 'current')) {`
`183`	`187`	`@extend %date-range-preview-current !optional;`
`184`	`188`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2389,6 +2389,12 @@`
`2389`	`2389`	`}`
`2390`	`2390`	`}`
`2391`	`2391`
	`2392`	`+ %date-range-preview-inactive {`
	`2393`	`+ %date-inner {`
	`2394`	`+ color: var-get($theme, 'inactive-color');`
	`2395`	`+ }`
	`2396`	`+ }`
	`2397`	`+`
`2392`	`2398`	`%date-range-preview-current {`
`2393`	`2399`	`%date-inner {`
`2394`	`2400`	`color: var-get($theme, 'date-selected-current-range-foreground');`