diff --git a/src/components/calendar/themes/shared/indigo/days-view.indigo.scss b/src/components/calendar/themes/shared/indigo/days-view.indigo.scss
index 052891e72..aa8de74e2 100644
--- 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
index e50242964..6289da114 100644
--- 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');
     }