dcc.DatePickerRange component: calendar does not show the current date

Describe your context

Please provide us your environment so we can easily reproduce the issue.

dash                 1.10.0 
dash-core-components 1.9.0  
dash-html-components 1.0.3  
dash-renderer        1.3.0  
dash-table           4.6.2

• if frontend related, tell us your Browser, Version and OS

  • OS: Ubuntu 16.04 LTS
  • Browser: Firefox
  • Version: 75.0 (64-bit)

Describe the bug

I'm trying to use dcc.DatePickerRange component in my application in order to create a date picker range to my graph.

I've added a start date and an end date based on my data frame, for example: start date = 1st May 2016 and end date = 3rd March 2020.

When I click on the start date, the calendar is opened and it shows the correct month and year (i.e. May 2016), but it does not happen when I click on the end date. When I click on the end date, the calendar shows the month and year related to the start date and not to the end date, as I've expected, in other words, the end date of the calendar shows May 2016 instead of March 2020.

Expected behavior

I believe the expected behavior would be the calendar shows the month and year related to its current value, in both start date and end date.

Another possibility could be to add a property to control this behavior, where I choose if I want to show the current date or not.

Screenshots

My application:

Web site example:

Thank you in advance.

Start with the dcc.DatePickerRange component and reproduce the issue using a start date of May 2016 and an end date of March 2020. Done means opening the end-date calendar shows March 2020 instead of the start date's May 2016.