Two selections on one slider

[yilinjuang]

Could we have a slider with both start and end? For example, the price picker on Airbnb

Still, thanks for your great effort on bulma.

[Wikiki]

Hi,

I already thought about it but not found any way to do it cleanly. If you have an y idea, please share ;-)

[yilinjuang]

No idea either 🤣

[piever]

Hi! I was also looking for this feature. Would it be possible to borrow the "javascript part" from an other library and put Bulma style on top? For example nouislider has a ton of features, maybe it could be added as an optional dependency to get the "interval selection" version.

noUiSlider seems like a good candidate as it has no dependencies and a very permissive license.

[piever]

Bump? There are some docs on how to style nouislider here. I think it'd be really cool to support multi-handle slider via an optional dependency on nouislider. The only work to do here would be to style it consistently with Bulma (to make sure that the default look is "Bulma-like" and that the Bulma modifiers produce the desired effect on the slider).

[JuAn-Kang]

Any progress on this?

[maximelafarie]

@Wikiki, I think it'll be an awesome feature to add. Maybe this could inspire you 😉 https://material-ui.com/components/slider/#range-slider