Javascript 角材质日期选择器在手动更改日期并按tab键时更改疯狂日期

我在这里使用了控制。我的组件上有个奇怪的问题。i、 当我使用日历控件选择它时，它很好。但如果我手动更改日期，然后按tab按钮，那将是一个完全疯狂的日期。有没有关于如何避免这种情况的线索？我这里没有任何日期初始化之类的东西。我也用反应形式进行了测试，但行为相同。这个疯狂的日期会因不同的值而改变。i、 不是同一个疯狂的约会

.html

键盘箭头向下

行为：

---

我认为根据您的需求，您应该创建自定义日期适配器。 检查此示例：

---

您可以将字段设置为只读，用户将无法手动输入日期。@Tushar否。我需要该功能以实现良好的用户体验。

<mat-form-field class="example-full-width">
        <input matInput [matDatepicker]="picker" placeholder="Choose a date">
        <mat-datepicker-toggle matSuffix [for]="picker">
          <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon>
        </mat-datepicker-toggle>
        <mat-datepicker #picker></mat-datepicker>
</mat-form-field>