Datepicker has clear value button in IE but not in Chrome/Firefox

[mserbruyns]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Either there should be a clear button working in all browsers or in none.

What is the current behavior?

In IE: When you focus the datepicker after selecting a date, there is a clear button visible which clears the value

That button doesn't appear in Chrome/Firefox:

What are the steps to reproduce?

<mat-form-field fxFlex="50%">
    <input matInput  id="dateCreationFrom" name="dateCreationFrom" placeholder="Datum Creatie" (click)="dateCreationFromPicker.open()"
           [matDatepicker]="dateCreationFromPicker" [(ngModel)]="selectedDateCreationFrom" formControlName="dateCreationFromControl">
    <mat-datepicker-toggle matSuffix [for]="dateCreationFromPicker"></mat-datepicker-toggle>
    <mat-datepicker #dateCreationFromPicker></mat-datepicker>
    <mat-hint align="start">van</mat-hint>
</mat-form-field>

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 4.4.6
Angular Material 2.0.0-beta.12
tested in Chrome, Firefox and IE11

[alexfung888]

@crisbeto shouldn't you add the feature to all browsers, instead of removing it from IE?

Actually I need to write a custom component to add a clear button to the 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.}