TimePicker 按钮，用于 time 类型的 Angular Material Input

问：

基于 MDC 的 MatInput 隐藏本机选取器指示器。

我想以现代方式重新创建这个指标，并带有按钮的输入

<mat-form-field appearance="outline">
  <mat-label>Material Input with Button</mat-label>
  <input matInput type="time" value="09:00">
  <button matSuffix mat-icon-button aria-label="TimePicker">
    <mat-icon>schedule</mat-icon>
  </button>
</mat-form-field>

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

有没有办法用我的MatIconButton切换本机按钮功能？ 原生 Button 有效，但看起来非常过时，也没有主题。

还是有另一种现代的挑选时间的方式？