universe:react-clock-picker

v0.5.0Published 10 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 }
        />