time-display | Vaadin

Time display and time-diff (timeago) elements for Polymer

[ This description is mirrored from README.md at github.com/CaptainCodeman/time-display on 2019-05-22 ]

Demo and API docs


A set of elements for dealing with time in Polymer

<time-display> is an element to display time in human readable format using fecha

<time-diff> is an element to display relative time in human readable format (i.e. "timeago")

For both elements, the datetime should be provided as an ISO 8601 formatted string (UTC) or 'now' to use the current system datetime. Each user will see the time difference and display based on their own local time.


<time-display datetime="2016-08-23T12:00:00.00" format="dddd, MMMM Do, YYYY"></time-display>

Displays: 'Tuesday, August 23rd, 2016' (in Mountain-Time timezone)


Displays: '5 minutes ago' (after 5 minutes) and updates as time goes on

<time-diff datetime="2016-08-23T12:00:00.00"></time-diff>

Displays: '2 days ago' (when this was authored)


Link to this version
ImportedReleased 14 September 2016
Framework Support
Polymer 1.0+
Browser Independent
Install with
Release notes - Version 0.0.2



  • fecha#^2.2.0