Usage
Include AM/PM selector when using 12h format
Include an AM/PM selector when a 12-hour format is used.
Don’t exclude the AM/PM selector with the 12-hour format.
Use correct time format according to locale
When a list of options is presented, be sure to include a label describing the list. This will provide clarity for the user, especially when screen readers are involved.
Use a 12-hour or 24-hour clock according to the user’s locale.
Don’t use the 12-hour time format for locales that use the 24-hour format and vice versa.
Related Components & Patterns