Angular Material Datepicker bug in Firefox

44 Views Asked by At

I'm not sure if anyone has witnessed this... but using Angular material and trying to use the datepicker. A couple of dates combine the day and year to a weird fraction. This seems to happen only on firefox and I can't replicate it on chrome or Edge. Most times the date picker works fine... but when I select the first of the month, it shows a fraction (mostly happening in firefox).

  <mat-form-field appearance="outline" class='datepicker regulartext'>
                        <mat-label>{{ label }}</mat-label>
                        <input matInput [matDatepicker]="picker" [formControlName]="name" [min]="todayDate">
                        <mat-hint>Format: MM/DD/YYYY</mat-hint>
                        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                        <mat-datepicker #picker></mat-datepicker>
                    </mat-form-field>

And this is what happens in firefox... enter image description here

Any ideas?

0

There are 0 best solutions below