Timestamp
UITime
Styles
Using this Component
UITime should be used wherever there is a time and/or date being displayed. It can accommodate both relative and absolute time.
Types
1. Ago
For displaying relative time between the present and another point in the past.
2. Date
For displaying an absolute date reference. Formatted as “MMM DD” or “MMM DD, YYYY”
3. Time
For displaying an absolute time of day. Formatted as “HH:MM:SS” or “HH:MM”
4. DateTime
For displaying an absolute date & time. Formatted as “MMM DD YYYY, HH:MM:SS”
5. Concise
For displaying short timestamps. Format varies depending on how distant the event is from the present.
6. Adaptive
*see component code
Selecting Type
For more information on which type is appropriate for your use case, see the Times & Dates guidelines.
Structure
Behavior
UITime is not an interactive component. It is meant only to display information.
Playground Coming Soon!
Styles
Using this Component
UITime should be used wherever there is a time and/or date being displayed. It can accommodate both relative and absolute time.
Types
1. Ago
For displaying relative time between the present and another point in the past.
2. Date
For displaying an absolute date reference. Formatted as “MMM DD” or “MMM DD, YYYY”
3. Time
For displaying an absolute time of day. Formatted as “HH:MM:SS” or “HH:MM”
4. DateTime
For displaying an absolute date & time. Formatted as “MMM DD YYYY, HH:MM:SS”
5. Concise
For displaying short timestamps. Format varies depending on how distant the event is from the present.
6. Adaptive
*see component code
Selecting Type
For more information on which type is appropriate for your use case, see the Times & Dates guidelines.
Structure
Behavior
UITime is not an interactive component. It is meant only to display information.