templates/Form/Includes/range-slider.html.twig line 1

Open in your IDE?
  1. <div class="js-range-slider range-slider form-group {{ styleModifier | default('') }}"
  2.      data-range-slider-range='{"min": {{ min|default(0.0) }}, "max": {{ max }}}'
  3.      data-range-slider-start="[{{ minVal|default(min|default(0.0)) }},{{ maxVal|default(max) }}]"
  4. >
  5.     <div class="form-control-label font-default-bold">{{ label }}</div>
  6.     <div class="js-range-slider__slider range-slider__slider"></div>
  7.     <div class="range-slider__values row">
  8.         <div class="col-6">
  9.             <label for="{{ name }}Min" class="sr-only">input minimum</label>
  10.             <input aria-labelledby="{{ name }}InputLabel" name="{{ name }}Min" id="{{ name }}Min" type="text" data-range="true" class="form-control js-range-slider__min" hidden readonly/>
  11.             <div>
  12.                 <span class="js-range-slider__val-min"></span> {{ prefix|default('') }}
  13.             </div>
  14.         </div>
  15.         <div class="col-6 text-right">
  16.             <label for="{{ name }}Max" class="sr-only">input maximum</label>
  17.             <input aria-labelledby="{{ name }}InputLabel" name="{{ name }}Max" id="{{ name }}Max" type="text" data-range="true" class="form-control js-range-slider__max" hidden readonly/>
  18.             <div>
  19.                 <span class="js-range-slider__val-max"></span> {{ prefix|default('') }}
  20.             </div>
  21.         </div>
  22.     </div>
  23. </div>