Switch react-datepicker for react-dates

[jasalisbury]

Description of change
Switch out the datepicker from react-datepicker to react-dates for accessibility reasons:

1. It was easier to make react-dates work well with a keyboard
2. It was easier to properly markup the react-dates component with the correct aria tags
3. react-datepicker had some strange onBlur issues preventing the calendar from properly closing that react-dates handles properly

How to test

1. Pull down the js-129-change-datepicker-lib branch
2. Install dependencies
3. Start the server
4. Browse to localhost:3000 and login
5. Go to the activity report and enter dates into the picker, using the keyboard as well as the mouse

Issue(s)

• Improve datepicker keyboard support HHS/Head-Start-TTADP#129

Checklist

• Meets issue criteria
• Code tested
• Meets accessibility standards (WCAG 2.1 Levels A, AA)
• [n/a] Documentation updated
  • API methods
  • Boundary and Data Flow Diagrams
  • Architectural Decision Records written for major infrastructure decisions with the Nygard template
  • OSCAL templates completed when security controls are implemented or modified

[kryswisnaskas]

Very nice! 👍

Works. There were only minor quirks I noticed. One was that certain dates become disabled, but I can't reproduce this behavior now. Also noticed that rapid switching between home and end as well as pg up/down sometimes jumped on the page.
Nice that the help is included with the picker. 👍

[jasalisbury]

One was that certain dates become disabled.

Seems like it isn't communicated properly but if you select a start date the dates on the end date before that date are disabled (so you can't have a start date of 1/1/2020 and end date of 1/1/2019). It works similar when selecting an end date (you cannot select a start date after end date)

Also noticed that rapid switching between home and end as well as pg up/down sometimes jumped on the page.

I'll see if there is anything I can do about that

[jasalisbury]

Also noticed that rapid switching between home and end as well as pg up/down sometimes jumped on the page.

I'll see if there is anything I can do about that

react-dates/react-dates#2055