@patternfly/pfe-timestamp
v2.0.0-next.5
Published
PatternFly Timestamp element
Downloads
13
Readme
PatternFly Elements Timestamp
A timestamp provides consistent formats for displaying date and time values.
Read more about Datetime in the PatternFly Elements Timestamp documentation
Installation
Load <pfe-timestamp>
via CDN:
<script src="https://unpkg.com/@patternfly/pfe-timestamp?module"></script>
Or, if you are using NPM, install it
npm install @patternfly/pfe-timestamp
Then once installed, import it to your application:
import '@patternfly/pfe-timestamp';
Usage
Just the date: January 2, 2006
<pfe-timestamp
date="Mon Jan 2 15:04:05 EST 2006"
date-format="long">
</pfe-timestamp>
With time: Monday, January 2, 2006 at 3:04:05 PM EST
<pfe-timestamp
date="Mon Jan 2 15:04:05 EST 2006"
date-format="full"
time-format="long">
</pfe-timestamp>
With an en-GB locale: Monday, 2 January 2006 at 15:04:05 GMT-5
You can use any locale here.
<pfe-timestamp
date="Mon Jan 2 15:04:05 EST 2006"
date-format="full"
time-format="long"
locale="en-GB">
</pfe-timestamp>
Relative time: 17 years ago
<pfe-timestamp
date="Mon Jan 2 15:04:05 EST 2006"
relative>
</pfe-timestamp>