react-rangeslider icon indicating copy to clipboard operation
react-rangeslider copied to clipboard

range slider with range selection

Open rdewolff opened this issue 8 years ago • 2 comments

Have you planned to add the possibility to select a range within a range?

So for example, if I have a slider with dating range, I could move (a) and (b) as illustrated below :

1900          (a)         (b)                                2000
|-------------<>----------<>------------------------------------|

That would be great!

rdewolff avatar Jul 07 '16 09:07 rdewolff

That would be great! This functionality is implemented in https://github.com/mpowaga/react-slider and https://github.com/davidchin/react-input-range

stepankuzmin avatar Jul 07 '16 10:07 stepankuzmin

I needed that feature for a project so I added it.

The main problem is that in the current implementation of react-rangeslider the "handle" is very coupled with the "slider". You need to put the "handle" in a separate class so that you can add more of those easily.

Here is my version in case anyone is interested : https://gist.github.com/misterfresh/27aa93a7c85559d35b9d97f17fe0f10d

misterfresh avatar Oct 03 '16 20:10 misterfresh