Angular MatDatePicker显示在页面底部，样式不正确

我用的是角度8。在我的app.module.ts中，我添加了：

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

我在@NgModuel导入中添加了它们

在html组件中，我有：

<input [matDatepicker]="LMPDatepicker" formControlName="LMP" class="t-field t-field--date menstural-field" aria-labelledby="menstural_LMP" max="{{lmpmax}}" min="{{lmpmin}}">
<mat-datepicker-toggle [for]="LMPDatepicker"></mat-datepicker-toggle>
<mat-datepicker #LMPDatepicker></mat-datepicker>

当我点击切换按钮时，它会滚动到页面底部，在那里日期选择器是打开的，并且确实正确地选择了日期，但是样式和位置完全混乱了

---

在我的项目中的任何地方，我都会添加日期选择器。

在添加@import'@angular/material/prebuilded themes/indigo pink.css'之后； 对于styles.css，一切正常