bug(material-date-fns-adapter): parse function does not take locale into consideration

[DmitryEfimenko]

Reproduction

Use StackBlitz to reproduce your issue:

• https://stackblitz.com/edit/harness-issue-xsd1sn?file=src/app/date-fns-adapter.spec.ts

Steps to reproduce:

1. set MAT_DATE_LOCALE to a locale from date-fns to something other than enUS. For example: de.
2. run the following code const parsed = dateAdapter.parse('02.01.2017', 'P')
3. observe the value of parsed to be Date(Invalid Date) instead of an actual valid parsed date.

Expected Behavior

The value should be parsed correctly.

Actual Behavior

What behavior did you actually see?

The parsed value is Date(Invalid Date)

Proposed fix

Change line 168 in the date-fns-adapter.ts from:

const fromFormat = parse(value, currentFormat, new Date());

to

const fromFormat = parse(value, currentFormat, new Date(), { locale: this.locale });

Environment

• Angular: 12
• CDK/Material: next (13)
• Browser(s): Chrome
• Operating System: Windows

Additional notes:

The line 15 in the StackBlitz repro - if uncommented - gives an error due to a number of arguments. I tried installing the next version of @angular/core, but that didn't fix it. Not sure what to do about that, but it does not really affect the main described issue.

[angular-automatic-lock-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.}