{% spaceless %}
<div class="cj-range-slider" x-data="{ value: {{ widget.alpine_value }} }">
  {% if widget.show_value %}
  <div class="cj-range-slider-value mb-1 fw-medium">
    <span x-text="value"></span>{{ widget.unit }}
  </div>
  {% endif %}
  <input type="range" name="{{ widget.name }}"
         min="{{ widget.min }}" max="{{ widget.max }}" step="{{ widget.step }}"
         x-model.number="value"{% if widget.value != None and widget.value != "" %} value="{{ widget.value }}"{% endif %}{% include "django/forms/widgets/attrs.html" %}>
  {% if widget.show_minmax %}
  <div class="d-flex justify-content-between text-secondary small">
    <span>{{ widget.min }}{{ widget.unit }}</span>
    <span>{{ widget.max }}{{ widget.unit }}</span>
  </div>
  {% endif %}
</div>
{% endspaceless %}