universe:react-clock-picker

v0.5.0Published 8 years ago

This package has not had recent updates. Please investigate it's current state before committing to using it in your project.

React TimePicker

DEMO

Check it out here: demo

Instalation

 meteor add universe:react-clock-picker

Usage

This Component is dedicated to work with universe:modules, but you can use it without universe:modules as a global _TimePicker

ES6:

import TimePicker from '{universe:react-clock-picker}';
//Your code

SystemJS:

System.import('{universe:react-clock-picker}').then(function(module) {
var TimePicker = module.TimePicker;
 //Your code
});

Global

var TimePicker = _TimePicker;
//Your code

Example

import TimePicker from '{universe:react-clock-picker}';
const now  = new Date();
// In render:
<TimePicker
        size   = { 300 }
        radius = { 125 }

        hours   = { now.getHours() }
        minutes = { now.getMinutes() }
        onChange={ ({ hours, minutes })=> console.log(hours, minutes); }
        militaryTime = { true }
        />