Как добавить календарь в столбец ag grid

Question

При использовании этого кода дата отображается, но она скрыта внутри сетки, ее не видно, я использую измельчение внутри NgbModal. Итак, appendTo = "body" я удалил для простого календаря this.diagnosticDefs = [

      { headerName: 'Discovery Date', field: 'meddaDtFrom', cellEditor: 'dateEditor' }

]

 this.frameworkComponents = {
      dateEditor: GridDateComponent
    }

grid-date.component. html - GridDateComponent (html)

 <p-calendar class="ui-datepicker" type="number" dateFormat="dd-mm-yy" formControlName="appStartDate" monthNavigator="true" [maxDate]=today
        yearRange="1930:2030" yearNavigator="true" showButtonBar="true">
      </p-calendar>

Компонент даты сетки

export class GridDateComponent implements ICellEditorAngularComp, AfterViewInit {

  @ViewChild("calendar", { static: false }) calendar: Calendar;

  ngAfterViewInit() {
    setTimeout(() => {
      this.calendar.inputfieldViewChild.nativeElement.focus();
    }, 0);
     
  }
}