Nerdy Poly Millionaires

    time-input

    1.6.1 • Public • Published

    time-input

    A keyboard friendly react component for capturing time

    features

    • small UI surface area (just a form input)
    • keyboard friendly (can type times, use up and down keys to go forwards and backwards in time, can tab between time groups)
    • simple api (infers most options from value, e.g. 24hr time or 12hr, whether to display seconds and milliseconds)
    • easy going UX: ignores invalid input and simply skips over separator if omitted
    • no dependencies
    • 95% test coverage

    installation

    npm install time-input
    

    usage

    var ReactDom = require('ReactDom')
    var TimeInput = require('time-input')
     
    function render (value) {
      ReactDom.render((
        <TimeInput value={value} onChange={render}/>
      ), document.body)
    }
     
    render()

    valid formats

    /*
     * '12:00'
     * '12:00 AM'
     * '12:00:00'
     * '12:00:00:000 AM'
    */

    run tests

    npm test
    

    demo

    link

    Install

    npm i time-input

    DownloadsWeekly Downloads

    590

    Version

    1.6.1

    License

    UNLICENSED

    Unpacked Size

    393 kB

    Total Files

    102

    Last publish

    Collaborators

    • alz
    • niflhel