如何在过滤和编辑模式下在ng2-smart-datatable中添加datepicker？

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { NgbDatepicker } from '@ng-bootstrap/ng-bootstrap';

<ng2-smart-table [settings]="settings" [source]="data">
  <ng2-smart-table-column title="Date" filter="false" editable="true">
    <ng-template ng2-smart-table-cell-template let-rowData="rowData" let-value="value">
      <input type="text" class="form-control" [(ngModel)]="value" (click)="openDatePicker(datepicker)">
      <ngb-datepicker #datepicker (select)="onDateSelect($event, rowData)"></ngb-datepicker>
    </ng-template>
  </ng2-smart-table-column>
</ng2-smart-table>

import { NgbDateStruct, NgbDatepicker } from '@ng-bootstrap/ng-bootstrap';

// ...

export class YourComponent {
  // ...

  openDatePicker(datepicker: NgbDatepicker) {
    datepicker.open();
  }

  onDateSelect(event: { year: number, month: number, day: number }, rowData: any) {
    // Handle date selection logic here
  }

  // ...
}