Change color of datetimepicker toggle

[aminebizid]

feature request:

I would like to change the color of the datetime picker toggle. The default color is black and i see i'ts an image and not a font.

What is the expected behavior?

Add an attribute [toggleColor]="Primary"
<md-datepicker #dateStart startView="year" [startAt]="start" [toggleColor]="Primary"></md-datepicker>

[willshowell]

Related, you can't make it gray when disabled... I've been having to set the opacity instead

.mat-datepicker-toggle[disabled] {
  opacity: 0.38;
}

[michaelz]

This makes it sadly unusable with a dark theme.

[mmalerba]

Yes, this is definitely a problem... trying to figure out the best way to fix.

@michaelz In the mean time if you need to work with dark theme I recommend just don't use the toggle. Use an md-icon and hook up the click handler manually. Sorry for the inconvenience

[jorgenfb]

My current workaround is to inline the image in a :

  <md-input-container>
    <input mdInput [mdDatepicker]="myDatepicker" formControlName="time">
    <button md-icon-button mdSuffix (click)="myDatepicker.opened ? myDatepicker.close() : myDatepicker.open()">
      <md-icon><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg></md-icon>
    </button>
  </md-input-container>
  <md-datepicker #myDatepicker></md-datepicker>

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}