react-range-step-input

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            value: 50
        };
    }
    render() {
        return <div>
            <p>Here's an example RangeStepInput:</p>
            <RangeStepInput
                min={0} max={100}
                value={this.state.value} step={1}
                onChange={this.onChange.bind(this)}
            />
        </div>;
    };
    onChange(e) {
        const newVal = forceNumber(e.target.value);
        this.setState({value: newVal});
    }
};