MatDatePicker показывается внизу страницы и в ломаном стиле - PullRequest
0 голосов
/ 05 марта 2020

Я использую angular 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>

Когда я нажимаю на переключатель, он прокручивается к нижней части страницы, где открыт DatePicker, и действительно правильно выбирает даты, но стиль и позиция полностью перепутаны. ...

enter image description here

Это происходит в любом месте моего проекта, когда я добавляю указатель даты.

1 Ответ

0 голосов
/ 05 марта 2020

После добавления @import '@ angular / material / prebuilt-themes / indi go -pink. css'; к стилям. css все отлично работает. https://material.angular.io/guide/theming

...