Active month showing up wrong in calendar which value is changed

[vinit-m]

Changing the value of month picker manually (setState / useState) doesn't change the active month. The active month only changes when clicked on month. The active month (visually/css) should be updated on the calendar when the month picker value changes.

In short, I have buttons to go up/down months so when using the buttons the calendar doesn't update

[richardwestenra]

Hey I'm experiencing the same issue - a possible duplicate of #68?

I am unable to programmatically update the picker. I would expect that when the value prop changes, the picker selection updates. However it seems to only update on first mount, then does not update subsequently.

[richardwestenra]

Update: I figured out a solution to this which seems to work - you can use the key prop to force the component to remount/update. Example:

<MonthPicker
  ref={picker}
  key={JSON.stringify(value)}
  years={years}
  value={value} />