Selecting a date on a different month than the default causes calendar to redraw default month

I have the following simple set up:

<Calendar 
	onDayPress={day => onChangeDate(day)}
	monthFormat={'MMMM yyyy'}
/>

When the calendar renders I click the forward month arrow, then select a date. In my onChangeDate function I store that date in state. Doing that causes the calendar to re-render and it resets to the original default month. If I use markedDates and set the selected date as selected I can see it selected, when I scroll back to the correct month, but this is pretty useless for me since the calendar resets back to the default month as soon as I select any date outside that default month.

[tautvilas]

Hi, I have investigated this bug. It looks like the problem is that each time the FlatList is rerendered calendar component is being constructed (constructor is being called). That is the reason the calendar forgets current month. Not sure why this happens in flatlist.

However there is a workaround to solve this. You could add property current = {(this.state.selectedDate && selectedDate.format('YYYY-MM-DD')) || new Date()} to calendar. This would achieve the result you want. Event if calendar is constructed on each day press it would get selected day as current month and would show correct month. However you should consider that having calendar to be reinitialized on each day press could somewhat impact your app performance.

[giacomok]

it actually works with this code {(this.state.selectedDate) || new Date()} without the format check