Localize dates on UI
What does this MR do and why?
Localize dates on UI, as part of our guidelines in https://design.gitlab.com/content/date-and-time/
These changes use the Intl.DateTimeFormat
web api which implement the unicode standard https://cldr.unicode.org/translation/date-time/date-time-patterns
Changelog: fixed
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Screenshots taken with browser locale as en-GB
Before | After | |
---|---|---|
Boards | ||
Epic reference popover | ||
Epic reference popover | ||
Epic reference popover | ||
Epic reference popover | ||
Billings page | ||
What's new |
How to set up and validate locally
- Go to boards and check the due dates of issues
http://127.0.0.1:3000/flightjs/Flight/-/boards
- Go to issue, edit description to have references to epics with start/due dates, hover over epic reference
http://127.0.0.1:3000/flightjs/flight/-/issues/1
- Go to billings page, check subscription dates
http://127.0.0.1:3000/groups/flightjs/-/billings
- Go to left sidebar, check "What's new"
Edited by Coung Ngo