bcgov / bcgov/entity

UI - Date Picker | Enhancements

Open
#34,407 1 comment 0 reactions 1 assignee Claimed by @eve-git View on GitHub
Colin Egress enhancement UX Assurance
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

**Figma File** | [Components 2.0: Date Picker](https://www.figma.com/design/I1nuD0lJB9scfCVLdoWe7P/Components--2.0-?node-id=3844-10191)

### Summary
The date picker component is missing several accessibility and functionality fixes, identified during design review of Components 2.0: Date Picker.

---

- [ ] **Enable manual date entry**

Allow the person to click or Tab into the field and type a date directly, in addition to selecting via the calendar.

---

- [ ] **Custom SR announcement when clicking/tabbing into the date picker field**

Add an announcement so screen reader users know when the calendar has appeared, since focus stays on the field rather than moving into the grid.

---

- [ ] **Date format needs to be updated to Month DD, YYYY**

Update the field's expected/displayed format to Month DD, YYYY (e.g., "January 1, 2026"), consistent with the format hint already shown below the field.

---

- [ ] **Tab Focus styling buttons**

Make sure tab focus styling is visible for buttons:
- calendar (Prev/Next/month-year/ controls)
- (x) clear button
- calendar icon

---

- [ ] **(X) button and Calendar icon is selectable**

- Include an X button to clear the field once a date is entered or selected, not currently included in this iteration.
- Confirm the calendar icon can be activated by mouse, touch, and keyboard.
---

- [ ] **Accept loose typed date formats**

Allow the field to accept multiple common date formats when typed, similar to Eve's effective date work, including:
- 2006-01-01
- Jan 01 2006
- Jan 01, 2006
- January 01, 2006
- 01/01/2006

---

- [ ] Option to disable future or past dates

- [ ] Validation is still displayed when the date is selected from the date picker until the user clicks elsewhere on the screen.

image.png

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.