In CalendarListComponent, I'm not able to open the calendar to a specific date.

Description

In CalendarListComponent if I use the “current” parameter, the calendar doesn’t open to the current date, there’s some height issue. In CalendarListComponent if I use “initialDate” parameter all the month names come same.

Expected Behavior

In CalendarListComponent, I should be able to open the calendar to a specific date.

Observed Behavior

If I use “current”

https://user-images.githubusercontent.com/66520288/176000448-23361ed8-a0b0-4b75-b30f-addbfd3e9250.mp4

If I use “initialDate”

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: react-native-calendars@1.1284.0
• npm ls react-native: “0.66.4”,

Also specify:

1. Device/emulator/simulator & OS version:

Simulator iPhone 13; 15.2

[ruslan-akhm]

Okay I seem to have found how to fix it. I am on version 1.1275.0 and I am not sure if the fix is going to work on other versions. So what I did is:

1. go to node_modules/react-native-calendars/src/calendar-list/index.js and on line 85 update “date” definition by adding parseDate(props.initialDate) || in front, so it should look like this:

2. In your component wrap CalendarList in curly braces and add condition to only render when there is value for initialDate. If you are using constant value (hardcoded), then you should not need this. My code looks like this:

Try if this works for you @emreyeter @tormodAase

[Yuliia143]

Have the same issue 😟