JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1258
  • Score
    100M100P100Q97309F
  • License MIT

react component for rendering formatted timestamps

Package Exports

  • react-time

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-time) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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>
    )
  }
}