React Time

Component for React to render relative and/or formatted dates by using <time> HTML5 element and preserving machine readable format in datetime attribute.

Installation

% npm install react-time

Usage

import React from 'react'
import Time from 'react-time'
 
class MyComponent extends React.Component {
 
  render() {
    let now = new Date()
    let wasDate = new Date("Thu Jul 18 2013 15:48:59 GMT+0400")
    return (
      <div>
        <p>Today is <Time value={now} format="YYYY/MM/DD" /></p>
        <p>This was <Time value={wasDate} titleFormat="YYYY/MM/DD HH:mm" relative /></p>
      </div>
    )
  }
}