Angular Material 17日期选择器无法关闭，页面冻结求助

使用Angular Material 17版本的Mat Calendar时出现以下异常：

• 日期选择器打开后，选择日期或点击页面背景均无法将其关闭
• 页面完全冻结，仅能通过刷新页面才能关闭选择器
• 尝试在TS文件中手动调用选择器关闭方法，未产生效果

相关HTML代码如下：

<div class="ui-lg-3 ui-md-2 ui-g-12 story-section">        
  <mat-form-field rds-form-field class="w-90">
    <mat-label rds-form-field-label>End Date</mat-label>
    <input
      #inputEndDate
      matTooltipClass="mat-tool-cust"
      matTooltip="End Date"
      matInput
      placeholder="End Date"
      [formControl]="endDate"
      rds-form-field-input
      [matDatepicker]="picker2"
      trim="blur"
    />
    <mat-datepicker-toggle
      matSuffix
      [for]="picker2"
    ></mat-datepicker-toggle>
    <mat-datepicker #picker2></mat-datepicker>
  </mat-form-field>
  <span
    style="margin-top: -16px; display: block"
    *ngIf="invalidEndDt.flag"
  >
    <mat-error rds-form-field-hint-error>
      <i-tabler name="exclamation-circle"></i-tabler>
      {{ invalidEndDt.msg }}
    </mat-error>
  </span>
</div>

内容的提问来源于stack exchange，提问作者jayanti khutwad