Range

<div class="ecl-form-group" data-ecl-range="true" data-ecl-auto-init="Range"><label for="example-range-id"
    class="ecl-form-label">Range slider<span class="ecl-form-label__optional"> (optional)</span></label>
  <div class="ecl-help-block">This is the input&#x27;s helper text.</div><input type="range" data-ecl-range-input=""
    class="ecl-range ecl-range--m" id="example-range-id" max="30" value="15" />
  <div class="ecl-range__value">Value: <span class="ecl-range__value-current" data-ecl-range-value-current=""></span>
  </div>
</div>