fix(material/datepicker): use system colors

Andrew Seguin · Andrew Seguin · commit 3eb9b340d56d · 2025-06-06T06:36:26.000-06:00
diff --git a/src/material/datepicker/_datepicker-theme.scss b/src/material/datepicker/_datepicker-theme.scss
@@ -35,7 +35,7 @@
           m2-datepicker.get-color-tokens($theme, primary));
     }
 
-    .mat-datepicker-content {
+    .mat-datepicker-content, .mat-datepicker-toggle-active {
       &.mat-accent {
         @include token-utils.create-token-values-mixed(
             m2-datepicker.get-color-tokens($theme, secondary));
diff --git a/src/material/datepicker/_m2-datepicker.scss b/src/material/datepicker/_m2-datepicker.scss
@@ -40,7 +40,7 @@
     datepicker-calendar-date-hover-state-background-color: m3-utils.color-with-opacity(
         map.get($system, primary), map.get($system, hover-state-layer-opacity)),
 
-    datepicker-toggle-active-state-icon-color: map.get($theme, on-primary),
+    datepicker-toggle-active-state-icon-color: map.get($system, primary),
     datepicker-toggle-icon-color: map.get($system, on-surface-variant),
     datepicker-calendar-body-label-text-color: map.get($system, on-surface-variant),
     datepicker-calendar-period-button-text-color: map.get($system, on-surface),

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`m2-datepicker.get-color-tokens($theme, primary));`
`36`	`36`	`}`
`37`	`37`
`38`		`- .mat-datepicker-content {`
	`38`	`+ .mat-datepicker-content, .mat-datepicker-toggle-active {`
`39`	`39`	`&.mat-accent {`
`40`	`40`	`@include token-utils.create-token-values-mixed(`
`41`	`41`	`m2-datepicker.get-color-tokens($theme, secondary));`