Merge pull request #2822 from uswds/cb-date-picker-and-date-range-gui…

…dance

USWDS-Site - Guidance: Update usability guidance for Date Picker and Date Range Picker

_components/date-picker/guidance/usability.md

@@ -1 +1,2 @@
-- **Describe the date format.** Provide a hint of `mm/dd/yyyy` to help users enter the proper date format if they opt not to use the date picker.
+- **Describe the date format.** Provide a hint of `mm/dd/yyyy` to help users enter the proper date format if they opt not to use the date picker.
+- **Always allow a user to type in the date manually.** Usability testing suggests some people prefer manually typing the date rather than using the calendar picker. Whenever possible, keep the keyboard active so people can enter in the date information without having to use the picker.

_components/date-range-picker/guidance/usability.md

@@ -1 +1,2 @@
-- **Describe the date format.** Provide a hint of `mm/dd/yyyy` to help users enter the proper date format if they opt not to use the date picker.
+- **Describe the date format.** Provide a hint of `mm/dd/yyyy` to help users enter the proper date format if they opt not to use the date picker.
+- **Always allow a user to type in the date manually.** Usability testing suggests some people prefer manually typing the date rather than using the calendar picker. Whenever possible, keep the keyboard active so people can enter in the date information without having to use the picker.

_data/changelogs/component-date-picker.yml

@@ -2,6 +2,11 @@ title: Date picker
 type: component
 changelogURL:
 items:
+  - date: 2024-11-19
+    summary: Added guidance about always allowing users to type in the date manually.
+    affectsGuidance: true
+    githubPr: 2822
+    githubRepo: uswds-site
   - date: 2024-10-04
     summary: Fixed a bug that caused `mouseover` events to prevent keyboard navigation.
     summaryAdditional:  Now when you hover your mouse over the date picker buttons, only the hover state will be triggered.

_data/changelogs/component-date-range-picker.yml

@@ -2,6 +2,11 @@ title: Date range picker
 type: component
 changelogURL:
 items:
+  - date: 2024-11-19
+    summary: Added guidance about always allowing users to type in the date manually.
+    affectsGuidance: true
+    githubPr: 2822
+    githubRepo: uswds-site
   - date: 2024-10-04
     summary: Fixed a bug that caused `mouseover` events to prevent keyboard navigation.
     summaryAdditional:  Now when you hover your mouse over the date picker buttons, only the hover state will be triggered.