Искаженное отображение Mat-Date-Picker в angular-8

Question

Мы используем angular-8 с Mat-DatePicker.

Ниже приведен фрагмент кода,

<input matInput name="picker" [matDatepicker]="Picker" [(ngModel)]="batchEntity.batchDate"
                placeholder="Choose a date" class="textbox txt mandatory" disabled
                (dateChange)="toggleField('BatchDate')"
                [ngClass]="{'error': (ValidationResult.batchDate)}">
              <mat-datepicker-toggle matSuffix [for]="Picker"></mat-datepicker-toggle>
              <mat-datepicker #Picker disabled="false"></mat-datepicker>

Это работает отлично, но для отображения месяца июнь полностью искажено, как показано ниже -

https://i.stack.imgur.com/NXJt4.png

Как исправить отображение датпикера?