feat(date picker): add date picker component - Githubissues

ministryofjustice / moj-frontend

Use the MoJ Design System to design, build, and deliver accessible and consistent services.

https://design-patterns.service.justice.gov.uk/

MIT License

30 stars 18 forks source link

feat(date picker): add date picker component #601

Closed chrispymm closed 1 month ago

chrispymm commented 2 months ago

This PR adds the date picker component submitted by the DPS connect team.

Some changes have been made both to the component and the code since contribution:

Disabled Dates

These are now aria-disabled instead of disabled to allow them to be navigable and discoverable for keyboard & screenreader users. (the Scottish design system has made this improvement to their picker too)
The visual styling has been changed for improved accessibility, including adding a strikethrough
It was recommended to avoid using 'disabled' so the external api and documentation refer to these as 'excluded' dates

New functionality

Added functionality to exclude certain days of the week from selection
excludedDates supports date ranges (this is enabled in code, but not a feature of the documentation yet)
Ability to configure the week start day to either Sunday or Monday

Other

Stylesheet has been altered to be less nested (as recommended by GDS/GOV.UK guidelines)
JS updated to follow convention of using a $ prefix for element variables.
General JS refactoring and tidying
Addition of JS configuration - as contributed it wasn't possible to fully configure the component via JS. This is now possible, following the GDS convention where JS config overrides defaults and data attributes override JS config. The code to do this was borrowed from the GOV.UK design system. (Ideally this would be extracted into a separate utility. Or even better GOV.UK could expose it)
Addition of JSDoc blocks and definitions.

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 2 months ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

github-actions[bot] commented 1 month ago

🚀 Deploying to staging environment

Username: staging, Password: moj

gregtyler commented 1 month ago

:tada: This PR is included in version 2.2.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: