如何将Flatpickr替换为角材料设计日期选择器

Question

我将Flatpickr（jQuery）datepicker替换为有角度的材料设计日期选择器时遇到问题。在项目中，创建返回html的网格文件（.ts）。

 return `<input id="${this.configurationObject.tableName}_${colIndex}" class="form-control fp-date ${this.customSearchClass}"
         data-column-index="${colIndex}" data-column-type-input="false" value="${val}"
          type="text" placeholder="mm/dd/yyyy" ${readonly ? 'readonly="readonly"' : ''}/>`;

我需要将其替换为棱角分明的材料设计。当我单击输入时，日历应自动打开。 我尝试过：

return ` <input matInput [matDatepicker]="dateDatepicker"  placeholder="mm/dd/yyyy"
                 name="targetApprovalDate" class="form-control table-col-search" (click)="dateDatepicker.open()">
          <mat-datepicker #dateDatepicker></mat-datepicker>`;

但是当我单击输入时，压光机无法打开。 谢谢