{# Number Input Control #}
<div class="dft-variable-control dft-variable"
     data-variable-id="{{ name }}"
     data-variable-label="{{ label }}"
     {% if depends_on %}data-depends-on="{{ depends_on | tojson }}"{% endif %}>

  <label class="dft-variable-label" for="var-{{ name }}">{{ label }}:</label>

  <input type="number"
         id="var-{{ name }}"
         name="{{ name }}"
         class="dft-variable-input"
         data-variable="{{ name }}"
         value="{{ value if value is not none else '' }}"
         {% if min is not none %}min="{{ min }}"{% endif %}
         {% if max is not none %}max="{{ max }}"{% endif %}
         {% if step is not none %}step="{{ step }}"{% endif %}
         onchange="updateVariable('{{ name | js_escape }}', this.value)">
</div>