diff --git a/_components/date-picker/guidance/usability.md b/_components/date-picker/guidance/usability.md index d3eb0fc849..dbd6ef8bf9 100644 --- a/_components/date-picker/guidance/usability.md +++ b/_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. \ No newline at end of file +- **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. \ No newline at end of file diff --git a/_components/date-range-picker/guidance/usability.md b/_components/date-range-picker/guidance/usability.md index d3eb0fc849..dbd6ef8bf9 100644 --- a/_components/date-range-picker/guidance/usability.md +++ b/_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. \ No newline at end of file +- **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. \ No newline at end of file diff --git a/_data/changelogs/component-date-picker.yml b/_data/changelogs/component-date-picker.yml index f11a5fdfc9..0a147e97ba 100644 --- a/_data/changelogs/component-date-picker.yml +++ b/_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. diff --git a/_data/changelogs/component-date-range-picker.yml b/_data/changelogs/component-date-range-picker.yml index 7904369b20..70a62b568b 100644 --- a/_data/changelogs/component-date-range-picker.yml +++ b/_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.