Merge branch 'master' into mpopov/calendar/bug/19-2-0/fluent-range-radius

desig9stein · web-flow · commit 3c9bb03d5675 · 2025-04-08T16:13:15.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
@@ -2431,6 +2431,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
`@@ -2431,6 +2431,12 @@`
`2431`	`2431`	`}`
`2432`	`2432`	`}`
`2433`	`2433`
	`2434`	`+ %date-range-preview-inactive {`
	`2435`	`+ %date-inner {`
	`2436`	`+ color: var-get($theme, 'inactive-color');`
	`2437`	`+ }`
	`2438`	`+ }`
	`2439`	`+`
`2434`	`2440`	`%date-range-preview-current {`
`2435`	`2441`	`%date-inner {`
`2436`	`2442`	`color: var-get($theme, 'date-selected-current-range-foreground');`