How to open the datepicker dialog by clicking on mat-input field in Angular
Solution:
We can add the focus event in input field like the below example:
(focus)="datePicker.open()"
<mat-form-field>
<input matInput [matDatepicker]="datePicker" placeholder="Choose a date" (focus)="datePicker.open()">
<mat-datepicker-toggle matSuffix [for]="datePicker"></mat-datepicker-toggle>
<mat-datepicker #datePicker></mat-datepicker>
</mat-form-field>
Comments
Post a Comment