Components: Setting the locale does not change the displayed date.

[carlo-nomes]

What is the expected behavior?

That the displayed date changes when the locale is updated.

What is the current behavior?

Changing the locale does not affect the displayed value of the DatePicker component.

What are the steps to reproduce?

https://stackblitz.com/angular/bayaoxeekbm?file=app%2Fdatepicker-locale-example.ts

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Latest versions

[michael-letcher]

I have the same issue, seems the datepicker display format is stuck on UTC but the output has the correct timezone.

[crisbeto]

It seems to work for me when I move the example into our local dev app. The issue might be due to the Moment locale data not being included for the locale you're switching to.

[michael-letcher]

@crisbeto I'm not using Moment locales in our app and we're setting LOCALE_ID in the AppModule, which it should be picking up.

[christophercr]

Even the Stackblitz opened via the Angular Material website about internationalization in the Date Picker is not working

[christophercr]

Interestingly enough, the issue happens only when the logic is implemented in the AppModule. When this this logic is implemented in a different module (i.e. SharedModule or even in a service) it does work 😕

[mmalerba]

This looks like a dup of https://github.com/angular/components/issues/9780 which seems to only affect stackblitz examples

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}