Как создать слайдер диапазона с двумя ручками в Foundation 5?

Кодирование новичка здесь - я использую Foundation 5 в качестве интерфейсного фреймворка для приложения, которое я создаю, и, я пытаюсь создать ползунок диапазона, который имеет две ручки. Кто-нибудь знает, как это сделать? Простое повторение элемента span-slider-handle делает два дескриптора, но одна из ручек закреплена на левом конце диапазона и не может быть перемещена.

Если кто-нибудь может посоветовать по этому вопросу, это было бы очень признательно!

//This creates a slider with two handles, but one handle is fixed and cannot be moved.
<div class="range-slider round" data-slider>
  <span class="range-slider-handle"></span>
  <span class="range-slider-active-segment"></span>
  <input type="hidden">
</div>