Haga clic aquí para ver la apariencia El selector de fecha de material angular está actuando de manera extraña, cuando se selecciona en el icono, el calendario parece ser muy grande. ¿Hay alguien más que enfrente este problema?

aplicación.componente.html:

 <mat-form-field appearance="fill"> <input matInput [matDatepicker]="myDatePicker"> <mat-datepicker-toggle matSuffix [for]="myDatePicker"></mat-datepicker-toggle> <mat-datepicker #myDatePicker></mat-datepicker> </mat-form-field>

aplicación.modelo.ts:

 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import {CommonModule} from '@angular/common'; import {FormsModule} from '@angular/forms'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatNativeDateModule} from '@angular/material/core'; import {MatInputModule} from '@angular/material/input' // import { MatMomentDateModule } from "@angular/material/moment-adapter"; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, CommonModule, FormsModule, BrowserAnimationsModule, MatDatepickerModule, MatFormFieldModule, MatNativeDateModule, MatInputModule], providers: [], bootstrap: [AppComponent] }) export class AppModule { }