...

• The months displayed in the menu can be changed independently.

  • The user cannot select a To (end) date which is earlier than the From (start) date, or a From (start) date which is later than the To (end) date.

• The range picker field will be updated in response to selections made in the calendar drop-down.

• When 2 consecutive months are displayed together on the menu, the arrows are disabled accordingly, so that the From month cannot be moved forward and the To month cannot be moved backward:

• Drop-down selectors for months and years should be disabled to prevent a From date which is later than the To date.

• The two date inputs in the range picker field can be directly edited, with no need to use the calendar drop-down.

• Clicking either the From or To fields or the date picker icon will open the calendar drop-down with the relevant date selected (either From or To).

  • Clicking the date picker icon is equivalent to clicking on the From date.

...

Code

...