bug(COMPONENT): MatCalendar does not show initially selected date

[alberthaff]

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

When I'm using the mat-calendar component, it doesn't show the initially selected date.
I've tried locally and modifying a StackBlitz example from the docs (see reproduction). Neither seem to work.

Reproduction

Steps to reproduce:

1. Set an initial value for the selected input to a value that differs from today. (eg. new Date(2010,10,9)).
2. The calendar shows today as selected.

Example: https://stackblitz.com/edit/angular-34hcys?file=src%2Fapp%2Fdatepicker-inline-calendar-example.ts

Expected Behavior

The component should show the initial value.

Actual Behavior

The component always sets the default value to today.

Environment

• Angular: 14.2.12
• CDK/Material: 14.2.7 / 14.2.7
• Browser(s): Chrome 108
• Operating System (e.g. Windows, macOS, Ubuntu): MacOS (Monterey)

[tomicarsk6]

You can use the option startAt to set the calendar's initial date together with the selected option. Take a look at the updated stackblitz example.

[alberthaff]

I see. Thank you! 👍

[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.}