Calendar error on click of the years menu for selectionMode="range"-> cannot read properties of undefined (reading 'getFullYear' )

[AntoninaY01]

Describe the bug

I have the following code in my html file:

<p-calendar dateFormat="dd.mm.yy"
#calendar
formControlName="dateRange"
selectionMode="range"
[readonlyInput]="true"
[minDate]="minStartDate"
[maxDate]="maxDate">

When I haven't selected any dates from the calendar and I click on the years menu I get the following error in the console:

and the calendar looks like this:

If I have selected one date and then I click on the years menu it works just fine.

However this issue is only for the calendar in the 'range' selection mode.

Thanks in regards!

Environment

web env

Angular version

16.2.12

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.17.0

Browser(s)

Chrome

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeNG Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.

[demogorgon2222]

It happens if you initialize the control with empty array. It works fine if you initialize it with a null:
https://stackblitz.com/edit/github-xrcxa9

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!