Как открыть указатель даты в файле ts внутри функции

Question

У меня есть материал DatePicker, я хочу открыть его по щелчку, поэтому я использовал startDatePicker.open(), но я хочу, чтобы он вызывался внутри TS, используя onStartDateFocus. Как я могу добиться этого, когда я пытался использовать @viewchild, получал ошибку.

<div class="form-group">
 <label for="startdate">start date</label>
 <div class="input-group icon" (click)="startDatePicker.open();onStartDateFocus();">
  <i class="icon date" [ngClass]="{'selected': startDate}"></i>
   <input matInput #="mm/dd/yyyy" md-hide-icons="calendar" class="form-control date input" (click)="startDatePicker.open();onStartDateFocus()"
    [value]="startDate"  [ngModel]="startDate |  date: 'MM/dd/yyyy'">
    <mat-datepicker #startDatePicker [ngClass]="{'show': showStartDate}">
    </mat-datepicker>
  </div>
</div>

TS:

export class datepickComponent  {

  onStartDateFocus() {
    this.showStartDate = true;
    if (!this.startDate || this.startDate == 'Invalid Date') {
      const date = new Date();
      this.startDate = date;
    }
  }

}