要解决ag-grid的mat-datepicker作为单元格编辑器弹出时显示空白的问题，可以尝试以下解决方法：

1. 确保正确导入依赖项： 确保已正确导入需要的依赖项，包括MatDatepickerModule和FormsModule。确保在需要使用mat-datepicker的组件中正确导入这些模块。

   import { MatDatepickerModule } from '@angular/material/datepicker';
   import { FormsModule } from '@angular/forms';
   
   @NgModule({
     imports: [
       MatDatepickerModule,
       FormsModule
     ],
     ...
   })
   export class YourModule { }
   

2. 在单元格编辑器中使用mat-datepicker： 在单元格编辑器组件中使用mat-datepicker，并将其绑定到相应的单元格值。

   @Component({
     template: `
       
       
     `,
   })
   export class DateEditorComponent implements OnInit {
     public value: Date;
   
     constructor() { }
   
     ngOnInit(): void { }
   }
   

3. 在单元格编辑器中设置Styles： 在单元格编辑器组件中，为mat-datepicker设置适当的样式，以确保其正确显示。

   @Component({
     styles: [`
       input {
         width: 100%;
       }
   
       mat-datepicker {
         width: 100%;
       }
     `],
     ...
   })
   export class DateEditorComponent implements OnInit {
     ...
   }
   

   通过为mat-datepicker设置合适的宽度样式，可以确保它占满整个单元格。

4. 配置ag-grid中的单元格编辑器： 在ag-grid的列定义中，将mat-datepicker作为单元格编辑器配置。

   {
     headerName: 'Date',
     field: 'date',
     editable: true,
     cellEditorFramework: DateEditorComponent,
   }
   

   通过将DateEditorComponent指定为cellEditorFramework，将mat-datepicker配置为单元格编辑器。

这些解决方法可以帮助解决ag-grid的mat-datepicker作为单元格编辑器弹出时显示空白的问题，并确保正确显示和编辑日期值。