如何使用按钮在Angular中构建datepicker (示例图像)

<button (click)="openDatePicker()">打开日期选择器</button>
<input type="text" [(ngModel)]="selectedDate" [matDatepicker]="picker">
<mat-datepicker #picker></mat-datepicker>

import { Component } from '@angular/core';

@Component({
  selector: 'app-datepicker',
  templateUrl: './datepicker.component.html',
  styleUrls: ['./datepicker.component.css']
})
export class DatepickerComponent {
  selectedDate: Date;

  openDatePicker() {
    this.picker.open();
  }
}

import { MatDatepickerModule } from '@angular/material/datepicker';

@NgModule({
  imports: [
    // 其他导入...
    MatDatepickerModule
  ],
  // 其他配置...
})
export class AppModule { }