bug(datepicker): For some locales, the format used on display is not matching the short date format

[rsi21]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Hello,

We use the Material date picker to fill several dates and then display them with 'shortDate' pipe.
We also work/switch with from several locales, and we notice some inconsistencies for some of them:

• de-DE

• nl-NL

If we look at fr-FR for example, the display is correct and consistent:

I know CDRL is used behind the scene for locale management here, but as datePicker and shortDate are both provided by Angular, i suspect more an inconstentcy between both components.

Reproduction

Steps to reproduce:

1. Use a sample angular 20 application, and declare provideNativeDateAdapter()
2. Use natively the DatePicker component to select the date
3. Use the shortDate pipe to display the select date with the datepicker

Expected Behavior

Consistent display between datePicker and shortDate pipe format.

Actual Behavior

Environment

• Angular: 20.2.2
• CDK/Material: 20.2.2
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Wndows

[ok7sai]

According to https://material.angular.dev/components/datepicker/overview#choosing-a-date-implementation-and-date-format-settings the datepicker was built to be date implementation agnostic, so I would suggest trying out different date implementation modules. date-fns seems to have the wanted format for German locale https://github.com/date-fns/date-fns/blob/main/src/locale/de/snapshot.md, but I am not sure about others.