Date picker: Ability to only change year or month to change date

[twjeffery]

Overview

Currently the date picker needs the user to select the date to set the date. This seems to make sense. But sometimes a user wants to change the date once it's set, and only change the month or year.

Screen recording

---

SCSS Disability services

There is a use case identified by Lia Shechter - SCSS Disability services (Jira story: CSSFSCD-1475) where their users in a case management app want to be able to quickly change the month or the year of a date, and not change the day of the month. When you do this with our date picker component currently, the date is not saved. The user then clicks out and assumes that they have changed the date, but it has not.

---

Acceptance Criteria:

• Date Picker should function like native Date Picker
  • When you select an actual date, the date picker window closes and the date is selected
  • As you change the month or year, the input value changes (not saved though), if they click outside the Date Picker, that value is saved
  • If you click Esc after changing a month or year, it goes back to the previously selected value