[DatePicker] Month doesn't get updated when date is externally set and component is in expanded state

[navjeets]

What package(s) are you using?

• [ ] carbon-components
• [ ] carbon-components-react

Detailed description

Describe in detail the issue you're having.

When the DatePicker is in expanded state and the date is externally set, day and year are updated but month stays the same. To reproduce this issue I had to do some styling overrides in browser to leave the component in expanded state while the new date is externally set. In the attached screen recording you can observe that the calendar day and year are updated correctly but the month doesn't change. On clicking next month the new month is set to the month after what was set externally and not what is currently displayed.

Is this issue related to a specific component?

DatePicker

What version of the Carbon Design System are you using?

"carbon-components": "10.12.0" "carbon-components-react": "7.12.0"

What browser are you working in?

Firefox 68.11.0esr

Steps to reproduce the issue

1. https://react.carbondesignsystem.com/?path=/story/datepicker--fully-controlled
2. Updated the styling for div element (class = flatpickr-calendar) to keep it in expanded state.
3. Clicked on "Click me to set 01/01/2011" button.
4. Observe the issue.

Additional information

[sstrubberg]

Is this still an issue?

[tw15egan]

Confirmed this is still an issue in Slack