Timestamp
On this page
On this page
Overview
A timestamp provides consistent formats for displaying date and time values.
Edit element properties
import '@rhds/elements/rh-timestamp/rh-timestamp.js';
<rh-timestamp date="Tue Aug 09 2006 14:57:00 GMT-0400"></rh-timestamp>
Custom date formatting style. See MDN for options.
Custom time formatting style. See MDN for options.
Text to display after the timestamp
Overrides the runtime's default locale
Formats a timestamp in realtive terms
Sets the timezone as UTC
Whether to use 12-hour time (as opposed to 24-hour time)
A string value representing a date
Status
What do these mean?
- Figma library:
-
Ready - RH Elements:
-
Ready - RH Shared Libs:
-
Ready
When to use
- When you need to customize date and time content
Status checklist
Property | Status | Meaning |
---|---|---|
Figma library |
|
Component is available in the Figma library |
RH Elements |
|
Component is available in the RH Elements repo |
RH Shared Libs |
|
Component is available in the RH Shared Libs repo |
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.