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

desig9stein · web-flow · commit 405960da77e0 · 2025-04-08T15:43:29.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
@@ -2354,6 +2354,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
`@@ -2354,6 +2354,12 @@`
`2354`	`2354`	`}`
`2355`	`2355`	`}`
`2356`	`2356`
	`2357`	`+ %date-range-preview-inactive {`
	`2358`	`+ %date-inner {`
	`2359`	`+ color: var-get($theme, 'inactive-color');`
	`2360`	`+ }`
	`2361`	`+ }`
	`2362`	`+`
`2357`	`2363`	`%date-range-preview-current {`
`2358`	`2364`	`%date-inner {`
`2359`	`2365`	`color: var-get($theme, 'date-selected-current-range-foreground');`