Range Selector Slider Example :
```jsx
class RangeSelectorSliders extends React.Component {
constructor() {
    super()
    this.state={
        minSliderValue: 0,
        maxSliderValue: 30000
    }
this.RangeSliderChange = this.RangeSliderChange.bind(this)
this.markHTML = this.markHTML.bind(this)

}
RangeSliderChange(e){
    this.setState((prevState,props) => ({
        minSliderValue: e[0],
        maxSliderValue: e[1],
    }))
}
markHTML(pre, amnt){
    return (<div className='width-rupees'><span className='jp-range-slider-symbol'>{pre}</span><span> {amnt}</span></div>);
}
render(){
    return(<RangeSelectorSlider
    min={0}
    max={30000}
    value={[this.state.minSliderValue, this.state.maxSliderValue]}
    sliderChange={this.RangeSliderChange.bind(this)}
    allowCross={false}
    step={1000}
    page={5}
    marks={
            {
                0: this.state.minSliderValue.toLocaleString('en'),
                30000: this.markHTML(<span className='rs'>
                <img src={'../src/lib/style/img/rupee.png'} alt='Range Slider Selector' /></span>, this.state.maxSliderValue.toLocaleString('en')),
            }
    }

/>)
}
}
;<RangeSelectorSliders/>

```