{% load i18n %}{% spaceless %}
<div class="input-group cj-date-stepper{% if widget.size_suffix %} input-group{{ widget.size_suffix }}{% endif %}"
     data-date-format="{{ widget.date_format_js }}"
     x-data="{
       fmt: '{{ widget.date_format_js|escapejs }}',
       units: '{{ widget.stepper_units_js|escapejs }}'.split(',').filter(Boolean),
       step(unit, sign) { window.cjDateStep(this.$refs.input, this.fmt, unit, sign); },
       keyStep(e, sign) {
         const unit = e.altKey ? 'month' : e.shiftKey ? 'week' : 'day';
         if (this.units.includes(unit)) this.step(unit, sign);
       },
       setToday() { window.cjDateSetToday(this.$refs.input, this.fmt); }
     }">
  {% for btn in widget.minus_buttons %}
    <button type="button" class="btn cj-date-decrement-{{ btn.unit }}" tabindex="-1"
            title="{{ btn.dec_title }}" aria-label="{{ btn.dec_title }}"
            @click.prevent="step('{{ btn.unit }}', -1)">−{{ btn.label }}</button>
  {% endfor %}
  <input x-ref="input" type="text" name="{{ widget.name }}"
         {% if widget.value != None and widget.value != "" %}value="{{ widget.value }}"{% endif %}
         {% if widget.minus_buttons %}@keydown.up.prevent="keyStep($event, 1)" @keydown.down.prevent="keyStep($event, -1)"{% endif %}
         {% include "django/forms/widgets/attrs.html" %}>
  {% for btn in widget.plus_buttons %}
    <button type="button" class="btn cj-date-increment-{{ btn.unit }}" tabindex="-1"
            title="{{ btn.inc_title }}" aria-label="{{ btn.inc_title }}"
            @click.prevent="step('{{ btn.unit }}', 1)">+{{ btn.label }}</button>
  {% endfor %}
  {% if widget.today %}
    {% translate "Set to today" as t_today_title %}
    <button type="button" class="btn cj-date-today"
            title="{{ t_today_title }}" aria-label="{{ t_today_title }}"
            @click.prevent="setToday()">
      {% translate "Today" %}
    </button>
  {% endif %}
</div>
{% endspaceless %}