Question

143

Angular material: MatDatepicker: No provider found for DateAdapter

rated 0 times [ 147] [ 4] / answers: 1 / hits: 135188 / 6 Years ago, sun, april 8, 2018, 12:00:00

I'm trying to use the Datepicker component in Angular Material. Here is my HTML code:

<input matInput [matDatepicker]=picker placeholder=Choose a date disabled>

<mat-datepicker #picker disabled=false></mat-datepicker>

However, it's not working for me and I'm getting the following error:

Error: MatDatepicker: No provider found for DateAdapter.

The error message tells me that I need to import MatNativeDateModule as well as MatDatepickerModule but I have done that. Here is my import code below from app.module.ts:

import {

    MatFormFieldModule,

    MatMenuModule,

    MatCheckboxModule,

    MatIconModule,

    MatDatepickerModule,

    MatNativeDateModule

} from '@angular/material';

Is there anything else I'm missing?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tylerdamiena

Add To Favorites

Follow

Total Points: 139

Total Questions: 90

Total Answers: 118

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

tylerdamiena questions

1 How to access sveltekit session in endpoint?

Tue, May 3, 22, 00:00, 2 Years ago

1 React.js, Each child in a list should have a unique key prop. how to fix if key is already given

Mon, Mar 7, 22, 00:00, 2 Years ago

1 Can`t resolve image.png in styles.css

Fri, Sep 17, 21, 00:00, 3 Years ago

1 Warning: validateDOMNesting(...): < body> cannot appear as a child of < div> in React.js

Wed, May 26, 21, 00:00, 3 Years ago

1 Using readonly on a reactive object

Tue, May 26, 20, 00:00, 4 Years ago

View All

answered 6 Years ago isaac · Accepted Answer

You need to import both MatDatepickerModule and MatNativeDateModule under imports and add MatDatepickerModule under providers

 imports: [

    MatDatepickerModule,

    MatNativeDateModule 

  ],

  providers: [  

    MatDatepickerModule,  

  ],