bug(Input): Input of type="time" doesn't have icon and drop-down anymore

[knabbema]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14.2.7

Description

<input matInput type="time"> presents differently in version15.0.0 and does not show the clock icon anymore. Therefore the drop-down to pick a time can no longer be accessed. The time can only be entered via number keys:

Previous version:

Reproduction

Steps to reproduce:

1. set type of input to time:
   <form class="example-form">
<mat-form-field class="example-full-width">
<mat-label>Pick a time</mat-label>
<input matInput type="time"/>
</mat-form-field>
</form>

Expected Behavior

Input field shows clock icon and drop-down can be accessed to pick a time via mouse click.

Actual Behavior

Time can only be entered via number keys.

Environment

• Angular: 15.0.0
• CDK/Material: 15.0.0
• Browser(s): Edge, Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[crisbeto]

This is covered in the "Input" section of the upgrade guide: https://material.angular.io/guide/mdc-migration#input. You can re-enable the indicator by adding the following CSS:

.mat-mdc-input-element::-webkit-calendar-picker-indicator {
  display: block;
}

[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.}