Nonsense Placement Mandatory
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-time-range-slider

1.0.2 • Public • Published

react-time-range-slider

ReactTimeRangeSlider is a React component allowing users to integrate time range slider. It can accept start and end time. It also allow to define time format default 24 hour time format

Usage

import React from 'react';
import { render} from 'react-dom';
import TimeRangeSlider from 'react-time-range-slider';
class App extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
          value: {
           start: "00:00",
           end: "23:59"
          }
        }
    }
 
    render() {
        return(
      <TimeRangeSlider
      value={this.state.value}
      onChange={(value) => this.setState({value:value})}/>
    );
    }
};
 
render(<App />, document.getElementById("app"));

API

var reactTimeRangeSlider = require('react-time-range-slider')

Install

With npm installed, run

$ npm install react-time-range-slider

install

npm i react-time-range-slider

Downloadsweekly downloads

0

version

1.0.2

license

ISC

last publish

collaborators

  • avatar
Report a vulnerability