MatDatePicker显示在页面底部，样式不完整

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

@NgModule({
  imports: [
    MatDatepickerModule,
    MatNativeDateModule,
    // 其他模块
  ],
  // 其他配置
})
export class AppModule { }

<mat-form-field class="datepicker-field">
  <input matInput [matDatepicker]="picker" placeholder="选择日期">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

.datepicker-field {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}