Angular 12 Datepicker

Question

I am trying to use material datepicker in Angular 12, but having error:

main.js:1 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'localeChanges' of null TypeError: Cannot read property 'localeChanges' of null

Any suggestion about other datepicker working fine on angular 12?

Please provide your code so that others can determine the problem. — Mohamed Karkotly, Aug 19 '21 at 03:12

score 28 · Answer 1 · edited Nov 02 '22 at 18:46

28

import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatNativeDateModule } from '@angular/material/core';

....

imports: [
   MatInputModule,
   MatDatepickerModule,
   MatNativeDateModule
]

import these two in your app.module.ts

The order matters here, MatInputModule should be imported before MatDatepickerModule.

edited Nov 02 '22 at 18:46

Naveed Ahmed

10,048
12
46
85

answered Aug 27 '21 at 18:34

Gaurav kumar

281
2
4

Could you add documentation citations on why these dependencies are required? – Gunther Aug 27 '21 at 20:20
Please add further details to expand on your answer, such as working code or documentation citations. – Community Aug 27 '21 at 20:20
1

This fixed my problem. And they still did not add it to the documentaion. – user3502626 Nov 16 '21 at 05:48

Angular 12 Datepicker

1 Answers1