有没有什么逻辑可以使用angular7一次点击实现两个日历？

ng add @angular/material

<!-- 日历组件1 -->
<input matInput [matDatepicker]="datepicker1">
<mat-datepicker #datepicker1></mat-datepicker>

<!-- 日历组件2 -->
<input matInput [matDatepicker]="datepicker2">
<mat-datepicker #datepicker2></mat-datepicker>

import { Component, ViewChild } from '@angular/core';
import { MatDatepicker } from '@angular/material/datepicker';

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent {
  @ViewChild('datepicker1') datepicker1: MatDatepicker<Date>;
  @ViewChild('datepicker2') datepicker2: MatDatepicker<Date>;

  onClick() {
    const selectedDate = new Date(); // 获取当前日期
    this.datepicker1.select(selectedDate);
    this.datepicker2.select(selectedDate);
  }
}

<button mat-button (click)="onClick()">点击选择日期</button>