Material UI Datepicker not working on angular

Question

I have integrated the material UI in my angular project using this command ng add @angular/material and I have imported the all necessary components on app.module.ts file but I am facing the below error

Here is my HTML code

<mat-form-field appearance="fill">
  <mat-label>Choose a date</mat-label>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Please help me to fix this issue

did you check this stackoverflow.com/questions/46705101/…

Maksat Rahmanov
– Maksat Rahmanov

2022-03-17 15:17:37 +00:00
Commented Mar 17, 2022 at 15:17 — Maksat Rahmanov
– Maksat Rahmanov, Commented Mar 17, 2022 at 15:17

Joosep Parts · Accepted Answer · 2022-03-17 15:18:58Z

1

Your html code is fine. Make sure right imports have been made.

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    BrowserAnimationsModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatInputModule,
    MatFormFieldModule,
    ReactiveFormsModule,
  ],
  declarations: [
    AppComponent,
    HelloComponent,
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

answered Mar 17, 2022 at 15:18

Joosep Parts

6,3452 gold badges13 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pterrat · Accepted Answer · 2022-03-17 15:20:38Z

0

Probably, you forgot to import MatInputModule.

import { MatFormFieldModule, MatInputModule } from '@angular/material';

@NgModule({
    imports: [
        MatFormFieldModule,
        MatInputModule
    ]
})
export class AppModule { }

answered Mar 17, 2022 at 15:20

Pterrat

1,72012 silver badges18 bronze badges

1 Comment

Ashok K Over a year ago

No, actually I have imported the both on app.module.ts

Collectives™ on Stack Overflow

Material UI Datepicker not working on angular

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related