fix(Calendar) fix disabled date forground color in range preview for material and indigo themes (#1595)

desig9stein · web-flow · commit af19fb6d327a · 2025-03-10T15:26:21.000+02:00
diff --git a/src/components/calendar/themes/shared/indigo/days-view.indigo.scss b/src/components/calendar/themes/shared/indigo/days-view.indigo.scss
@@ -456,7 +456,7 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
         }
     }
 
-    &[part~='disabled'][part~='range'] {
+    &[part~='disabled'][part~='range']:not([part~='preview']) {
         color: var-get($theme, 'date-disabled-range-foreground');
     }
 
diff --git a/src/components/calendar/themes/shared/material/days-view.material.scss b/src/components/calendar/themes/shared/material/days-view.material.scss
@@ -225,7 +225,7 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
         }
     }
 
-    &[part~='disabled'][part~='range'] {
+    &[part~='disabled'][part~='range']:not([part~='preview']) {
         color: var-get($theme, 'date-disabled-range-foreground');
     }
 

Original file line number	Diff line number	Diff line change
`@@ -456,7 +456,7 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');`
`456`	`456`	`}`
`457`	`457`	`}`
`458`	`458`
`459`		`- &[part~='disabled'][part~='range'] {`
	`459`	`+ &[part~='disabled'][part~='range']:not([part~='preview']) {`
`460`	`460`	`color: var-get($theme, 'date-disabled-range-foreground');`
`461`	`461`	`}`
`462`	`462`
Original file line number	Diff line number	Diff line change
`@@ -225,7 +225,7 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');`
`225`	`225`	`}`
`226`	`226`	`}`
`227`	`227`
`228`		`- &[part~='disabled'][part~='range'] {`
	`228`	`+ &[part~='disabled'][part~='range']:not([part~='preview']) {`
`229`	`229`	`color: var-get($theme, 'date-disabled-range-foreground');`
`230`	`230`	`}`
`231`	`231`