A simple react component for select time in format HH:mm

A simple react component for select time in format HH:mm

A simple react component for select time in format HH:mm timeInput.jsx Its used webpack for building and es6 syntax

Contributor: Dima Bukhal - [email protected] Collaborators: Dima Bukhal - [email protected], arthurvi (https://github.com/arthurvi, https://www.npmjs.com/~arthurvi)

If you want be contributors or —Āollaborators - write me on [email protected] with theme 'react-time-input IMPORTANT'

What's in it?

A simple react component for select time in format HH:mm timeInput.jsx Its used webpack for building and es6 syntax

Demo page

Basic Usage

 npm install react-time-input --save


import React from 'react';
import ReactDOM from 'react-dom';
import TimeInput from 'react-time-input';

var TimeWrapper = React.createClass({


	onTimeChangeHandler: function (val) {

		// do something with this value

	},

	render: function() {
		return (
			<TimeInput
				initTime='11:12'
				ref="TimeInputWrapper"
				className='form-control'
				mountFocus='true'
				onTimeChange={this.onTimeChangeHandler}
			/>
		);
	}
});


export class App extends React.Component {
	render() {
		return (
				<TimeWrapper/>
		);
	}
}

ReactDOM.render(<App/>, document.querySelector("#myApp"));

To run

  • You'll need to have git and node installed in your system.
  • Fork and clone the project:
> $ git clone https://github.com/dima-bu/react-time-input.git

Then install the dependencies:

 npm install

You can simply run webpack example build using this command:

npm run example

Open in the web browser file ./example/index.html

Create build

npm run build

Please contribute to the project if you think this can be done better in anyway even for this README :)

Github Repository