ReactJS - TimePicker

A ReactJS based TimePicker component to implement time or datetime selection.

• Browser Support
• Demo
• Getting started
• Usage
• Available Props
• Methods
• Want to Contribute?
• Collection of Other Components
• Changelog
• Credits
• License
• Keywords

83.0 ✔	77.0 ✔	13.1.1 ✔	83.0 ✔	11.9 ✔

Install the npm package:

npm install react-weblineindia-time-picker 
# OR 
yarn add react-weblineindia-time-picker

Use the <react-weblineindia-time-picker> component:

import React ,{ Component } from 'react';
import TimePicker from 'react-weblineindia-time-picker'

class Test extends Component {
  constructor(props) {
    super(props);
    this.state = {
      date: null 
    };
  }

  render() {
    return (
      <div>
        <Calendar
          id="time24" value={this.state.date} onChange={(e) => this.setState({ date: e.value })} showTime showSeconds
        />
      </div>
    );
  }
}

export default Test;

Following is the list of structural style classes.

• Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).
• Fork it.
• Create new branch to contribute your changes.
• Commit all your changes to your branch.
• Submit a pull request.

We have built many other components and free resources for software development in various programming languages. Kindly click here to view our Free Resources for Software Development.

Detailed changes for each release are documented in CHANGELOG.md.

react-weblineindia-time-picker is inspired by primereact.

MIT

react-weblineindia-time-picker, react-calendar, react-time-picker, timepicker, reactjs-timepicker, datetimepicker, date-time-picker