Как использовать угловой инструмент выбора даты без <mat-datepicker-toggle>

Question

Я хочу открыть средство выбора даты, когда пользователь фокусируется на элементе ввода. Мне не нужна никакая кнопка переключения.

<input
     matInput
     [matDatepicker]="picker"
     type="text"
     name="dob"
     #dob="ngModel"
     class="form-control"
     [(ngModel)]="details.dob"
     placeholder="Enter Date of Birth"
     readonly
 />
 <mat-datepicker #picker></mat-datepicker>

Приведенный выше код не работает.

Answer 1

Добавьте событие focus с обработчиком, который picker.open ()

<input
         matInput
         [matDatepicker]="picker"
         type="text"
         name="dob"
         #dob="ngModel"
         class="form-control"
         [(ngModel)]="details.dob"
         (focus)="picker.open()"
         placeholder="Enter Date of Birth"
         readonly
     />
     <mat-datepicker #picker></mat-datepicker>