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>