react-in-time

A keyboard friendly react component for capturing time

Usage no npm install needed!

<script type="module">
  import reactInTime from 'https://cdn.skypack.dev/react-in-time';
</script>

README

react-in-time

A keyboard friendly react component for capturing time

features

  • small UI surface area (just a form input)
  • keyboard friendly
  • simple UX (can use arrows, tabs or type time)
  • simple api (accepts a date object and supplies an onChange handler)
  • no dependencies
  • 100% test coverage
  • es6 (supports tree shaking)

installation

npm install --save react-in-time

usage

var ReactDom = require('ReactDom')
var Time = require('react-in-time')

function render (date) {
  ReactDom.render((
    <Time value={date} onChange={render} />
  ), document.body)
}

styles

see styles.css

run tests

npm test

demo

npm start

demo