-
Notifications
You must be signed in to change notification settings - Fork 19
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(date picker): add date picker component #601
Commits on Jul 5, 2024
-
Configuration menu - View commit details
-
Copy full SHA for eb16377 - Browse repository at this point
Copy the full SHA eb16377View commit details -
refactor(date picker): updates to submitted datepicker component code
Chnages to submitted code to use gov.uk styles where possible. Updates component to being fixed width by default, allowing users to either provide an alternative width class or remove it to have a fluid input.
Configuration menu - View commit details
-
Copy full SHA for 83cc9e1 - Browse repository at this point
Copy the full SHA 83cc9e1View commit details -
refactor(date picker): update styles to match design system design
Amends the styles of the submitted datepicker to match the tweaked design for inclusion in the Design System. Renames some classes to be slightly more consistent with BEM style. Reformat css file to remove nesting to conform to GDS recommended style.
Configuration menu - View commit details
-
Copy full SHA for 611c50b - Browse repository at this point
Copy the full SHA 611c50bView commit details -
refactor(date picker): add calendar button via JS for pregressive enh…
…ancement This PR moves the calendar popup toggle from in the template to within the JS, as the button shouldn't show up unless JS is available to toggle the popup dialog. Improvements were made to the accessible labelling of the table headers and the individual day buttons to aid screenreader users.
Configuration menu - View commit details
-
Copy full SHA for 606dd43 - Browse repository at this point
Copy the full SHA 606dd43View commit details -
Configuration menu - View commit details
-
Copy full SHA for 0998c49 - Browse repository at this point
Copy the full SHA 0998c49View commit details -
Configuration menu - View commit details
-
Copy full SHA for 2f8830e - Browse repository at this point
Copy the full SHA 2f8830eView commit details -
Configuration menu - View commit details
-
Copy full SHA for 6f9178e - Browse repository at this point
Copy the full SHA 6f9178eView commit details -
feat(date picker): add support for disabling dates and days
Allow for disabling of arbitrary dates using the data-disableddays param. Also disable specific days of the week using the data-disableddays param. e.g. disable all weekends with `data-disableddays="saturday sunday"`
Configuration menu - View commit details
-
Copy full SHA for 5456d6a - Browse repository at this point
Copy the full SHA 5456d6aView commit details -
Configuration menu - View commit details
-
Copy full SHA for c6b513c - Browse repository at this point
Copy the full SHA c6b513cView commit details -
Merge branch 'add-date-picker' of https://github.com/ministryofjustic…
…e/moj-frontend into add-date-picker
Configuration menu - View commit details
-
Copy full SHA for 59d4171 - Browse repository at this point
Copy the full SHA 59d4171View commit details -
Configuration menu - View commit details
-
Copy full SHA for 28bdb2f - Browse repository at this point
Copy the full SHA 28bdb2fView commit details -
docs(update to component documentation): adding examples to date pick…
…er component guidance
Configuration menu - View commit details
-
Copy full SHA for f4cff19 - Browse repository at this point
Copy the full SHA f4cff19View commit details -
feat(date picker): updates to styling, and WIP changes to how disable…
…d dates are handles
Configuration menu - View commit details
-
Copy full SHA for f486c8b - Browse repository at this point
Copy the full SHA f486c8bView commit details
Commits on Jul 8, 2024
-
Configuration menu - View commit details
-
Copy full SHA for 7fdecfb - Browse repository at this point
Copy the full SHA 7fdecfbView commit details -
feat(date picker): add leadingzeros config parameter
Add config option for whether or not the date inserted into the field on selection has leadingzeros for days and months
Configuration menu - View commit details
-
Copy full SHA for 5b52fee - Browse repository at this point
Copy the full SHA 5b52feeView commit details -
feat(date picker): add config option for week start day
Allows a weekStartDay option to be passed to the component to configure whether weeks start on a monday or sunday
Configuration menu - View commit details
-
Copy full SHA for c942b2e - Browse repository at this point
Copy the full SHA c942b2eView commit details -
feat(date picker): allow passing date ranges to disabledDates
In order to make it easier to disabled a block of dates it is now possible to pass date ranges in the format "19/7/2024-26/7/24" in the disabledDates parameter
Configuration menu - View commit details
-
Copy full SHA for 347aced - Browse repository at this point
Copy the full SHA 347acedView commit details -
Configuration menu - View commit details
-
Copy full SHA for aa4e78c - Browse repository at this point
Copy the full SHA aa4e78cView commit details
Commits on Jul 10, 2024
-
ci(dockerfile): remove asset copy directive from the dockerfile
Copying the assets directory is no longer needed as the assets are now within the docs directory
Configuration menu - View commit details
-
Copy full SHA for 10d57c5 - Browse repository at this point
Copy the full SHA 10d57c5View commit details -
Configuration menu - View commit details
-
Copy full SHA for 01b498e - Browse repository at this point
Copy the full SHA 01b498eView commit details
Commits on Jul 11, 2024
-
refactor(date picker): refactor date picker template to be cleaner
The previous template resulted in nested moj-form-group elements causing issues with error states. The template has now been refactored to more fully utilise the govuk-input macro and use the govuk-attributes macro too to impriove and simplify the external api to the component.
Configuration menu - View commit details
-
Copy full SHA for 3fa2db0 - Browse repository at this point
Copy the full SHA 3fa2db0View commit details -
Configuration menu - View commit details
-
Copy full SHA for 4ad1745 - Browse repository at this point
Copy the full SHA 4ad1745View commit details -
refactor(date picker): refactor date picker JS
Extract some js into functions for slightly improved readability
Configuration menu - View commit details
-
Copy full SHA for bdebcc0 - Browse repository at this point
Copy the full SHA bdebcc0View commit details -
Configuration menu - View commit details
-
Copy full SHA for 3ea4f7d - Browse repository at this point
Copy the full SHA 3ea4f7dView commit details
Commits on Jul 17, 2024
-
Configuration menu - View commit details
-
Copy full SHA for caab9d6 - Browse repository at this point
Copy the full SHA caab9d6View commit details -
Configuration menu - View commit details
-
Copy full SHA for 2f2def6 - Browse repository at this point
Copy the full SHA 2f2def6View commit details -
docs(date picker component): updating example image for filtering wit…
…h the date picker
Configuration menu - View commit details
-
Copy full SHA for 35bb948 - Browse repository at this point
Copy the full SHA 35bb948View commit details
Commits on Jul 22, 2024
-
Configuration menu - View commit details
-
Copy full SHA for 087b03a - Browse repository at this point
Copy the full SHA 087b03aView commit details -
docs(date picker component): update content
Refine content ready for release.
Configuration menu - View commit details
-
Copy full SHA for b8ad0e4 - Browse repository at this point
Copy the full SHA b8ad0e4View commit details
Commits on Jul 24, 2024
-
feat(date picker): code formatting and updates following accessibilit…
…y review * add aria-expanded attribute onto calendar toggle button * add "excluded date" assisteive text to excluded dates * update excluded dates example to show both individual dates and days * reformat code to follow convention of element variables having a $ prefix
Configuration menu - View commit details
-
Copy full SHA for 73f7071 - Browse repository at this point
Copy the full SHA 73f7071View commit details -
Configuration menu - View commit details
-
Copy full SHA for 59dad3a - Browse repository at this point
Copy the full SHA 59dad3aView commit details -
Merge branch 'add-date-picker' of https://github.com/ministryofjustic…
…e/moj-frontend into add-date-picker
Configuration menu - View commit details
-
Copy full SHA for 0e3e21f - Browse repository at this point
Copy the full SHA 0e3e21fView commit details
Commits on Jul 25, 2024
-
feat(date picker): allow component to be configured via JS as well as…
… via data-attributes This change updates the component to allow for component properties such as minDate, maxDate and excludedDates/Days to be passed in via the JS config object. This follows the GDS convention where component defaults are overridden by the JS config, which is overridden by data attributes. The code to do this is largely borrowed from GOV.UK frontend. Also added in this commit are JSDoc comments for all functions with arguments.
Configuration menu - View commit details
-
Copy full SHA for 4516b63 - Browse repository at this point
Copy the full SHA 4516b63View commit details -
Configuration menu - View commit details
-
Copy full SHA for 638975e - Browse repository at this point
Copy the full SHA 638975eView commit details -
Configuration menu - View commit details
-
Copy full SHA for fde3653 - Browse repository at this point
Copy the full SHA fde3653View commit details -
feat(date picker): update diasbled dates with strikethrough and hover…
… colors to darker grey Ensure metting WCAG color contrast rules by amending hover color, and add strikethrough for clarity of meaning on excluded dates
Configuration menu - View commit details
-
Copy full SHA for 656e1c9 - Browse repository at this point
Copy the full SHA 656e1c9View commit details
Commits on Jul 26, 2024
-
Configuration menu - View commit details
-
Copy full SHA for d4ba814 - Browse repository at this point
Copy the full SHA d4ba814View commit details -
Configuration menu - View commit details
-
Copy full SHA for a004155 - Browse repository at this point
Copy the full SHA a004155View commit details -
fix(examples): adds example title to example tabs links to prevent ma…
…ny redundant links on the page This was raised in an accessibility review by Ben Proctor-Rogers. Each of the example links on the page has the same label, which is not a good experience for screen reader users. This change adds the example title to the link as visually hidden text.
Configuration menu - View commit details
-
Copy full SHA for 354afc7 - Browse repository at this point
Copy the full SHA 354afc7View commit details -
Configuration menu - View commit details
-
Copy full SHA for 8d16275 - Browse repository at this point
Copy the full SHA 8d16275View commit details -
Revert "refactor(date picker): small final tidying tweaks to datepicker"
This reverts commit a004155.
Configuration menu - View commit details
-
Copy full SHA for 30a7644 - Browse repository at this point
Copy the full SHA 30a7644View commit details -
Configuration menu - View commit details
-
Copy full SHA for faad0f3 - Browse repository at this point
Copy the full SHA faad0f3View commit details -
Configuration menu - View commit details
-
Copy full SHA for f0e687f - Browse repository at this point
Copy the full SHA f0e687fView commit details
Commits on Jul 29, 2024
-
feat(date picker): fixes following code review
Adjustments in response to code review
Configuration menu - View commit details
-
Copy full SHA for 5dbf16d - Browse repository at this point
Copy the full SHA 5dbf16dView commit details -
Configuration menu - View commit details
-
Copy full SHA for 807e11a - Browse repository at this point
Copy the full SHA 807e11aView commit details -
docs(date picker component): update content
Updated content on accessibility for excluded dates.
Configuration menu - View commit details
-
Copy full SHA for 527ea89 - Browse repository at this point
Copy the full SHA 527ea89View commit details -
Merge branch 'add-date-picker' of https://github.com/ministryofjustic…
…e/moj-frontend into add-date-picker
Configuration menu - View commit details
-
Copy full SHA for 02b2e23 - Browse repository at this point
Copy the full SHA 02b2e23View commit details
Commits on Jul 30, 2024
-
Configuration menu - View commit details
-
Copy full SHA for d0ae231 - Browse repository at this point
Copy the full SHA d0ae231View commit details -
Configuration menu - View commit details
-
Copy full SHA for 68d18f4 - Browse repository at this point
Copy the full SHA 68d18f4View commit details -
docs(date picker component): update content
Remove greyed out content which is a comment.
Configuration menu - View commit details
-
Copy full SHA for 6f03b16 - Browse repository at this point
Copy the full SHA 6f03b16View commit details
Commits on Jul 31, 2024
-
refactor(date picker): update sass to follow GOV.UK BEM conventions
Updates the CSS classes to have only one block root per component. Also updates to follw GOV.UK recomended convention of preferring sass variables instead of colour functions where available.
Configuration menu - View commit details
-
Copy full SHA for f4557f3 - Browse repository at this point
Copy the full SHA f4557f3View commit details -
Configuration menu - View commit details
-
Copy full SHA for 8a214d0 - Browse repository at this point
Copy the full SHA 8a214d0View commit details -
refactor(date picker): remove need for duplicate date regex
The regex for a date was duplicated in the code. It wasn't necessary to wrap getting the date in the input in a conditional due to the fact that fomattedDateFromString falls back to todays date meaning if there is no date in the input or the input contains an invalid date, it will fall back to setting the currentDate for the calendar to today, which is what is required.
Configuration menu - View commit details
-
Copy full SHA for 088cc37 - Browse repository at this point
Copy the full SHA 088cc37View commit details -
fix(date picker): move escape key event listener to dialog element
The 'esc' keydown event listener was attached to the calendarDayButton instance(s) meaning that escape would only close the modal if one of the calendar days was focused. Escape should clode the dialog wherever you are focused within it. Moving the listener onto the parent element fixes this bug.
Configuration menu - View commit details
-
Copy full SHA for b5308fd - Browse repository at this point
Copy the full SHA b5308fdView commit details -
Configuration menu - View commit details
-
Copy full SHA for f63509b - Browse repository at this point
Copy the full SHA f63509bView commit details -
Configuration menu - View commit details
-
Copy full SHA for 5346361 - Browse repository at this point
Copy the full SHA 5346361View commit details -
docs(date picker component): update content
New content about server side validation for text inputs.
Configuration menu - View commit details
-
Copy full SHA for be4ff59 - Browse repository at this point
Copy the full SHA be4ff59View commit details -
Merge branch 'add-date-picker' of https://github.com/ministryofjustic…
…e/moj-frontend into add-date-picker
Configuration menu - View commit details
-
Copy full SHA for db2cb06 - Browse repository at this point
Copy the full SHA db2cb06View commit details -
Configuration menu - View commit details
-
Copy full SHA for 7c746f5 - Browse repository at this point
Copy the full SHA 7c746f5View commit details -
Configuration menu - View commit details
-
Copy full SHA for 9c15a4f - Browse repository at this point
Copy the full SHA 9c15a4fView commit details -
Configuration menu - View commit details
-
Copy full SHA for 4d96d23 - Browse repository at this point
Copy the full SHA 4d96d23View commit details -
Configuration menu - View commit details
-
Copy full SHA for ce51f88 - Browse repository at this point
Copy the full SHA ce51f88View commit details