{% spaceless %}
<div class="input-icon cj-time-picker{% if widget.size_suffix %} input-icon{{ widget.size_suffix }}{% endif %}{% if widget.show_buttons %} cj-time-picker-buttons{% endif %}">
  {% if widget.show_buttons %}
    <span class="input-icon-addon cj-time-decrement" role="button" tabindex="-1" aria-label="-{{ widget.snap }} min"{% if widget.buttons_disabled %} aria-disabled="true"{% endif %}><i class="ti ti-minus"></i></span>
  {% endif %}
  <input type="text" name="{{ widget.name }}"{% if widget.value != None and widget.value != "" %} value="{{ widget.value }}"{% endif %} class="form-control{% if widget.size_suffix %} form-control{{ widget.size_suffix }}{% endif %} text-center" inputmode="numeric" autocomplete="off" placeholder="{% if widget.format_12h %}--:-- --{% else %}--:--{% endif %}" data-cj-time-input{% if widget.snap %} data-snap="{{ widget.snap }}"{% endif %}{% if widget.format_12h %} data-format-12h="true"{% endif %}{% include "django/forms/widgets/attrs.html" %}>
  {% if widget.show_buttons %}
    <span class="input-icon-addon cj-time-increment" role="button" tabindex="-1" aria-label="+{{ widget.snap }} min"{% if widget.buttons_disabled %} aria-disabled="true"{% endif %}><i class="ti ti-plus"></i></span>
  {% endif %}
</div>
{% endspaceless %}