{# ids must be unique doc-wide #}
{% set id = apos.utils.generateId() %}
{% set widget = data.widget %}
{% set classPrefix = data.widget.classPrefix %}
<label for="{{ id }}" class="apos-forms-label {{ classPrefix + '__label' if classPrefix }}">
  {{ widget.fieldLabel}}
  {% if widget.required %}
    <span class="apos-forms-field-required"> {{ __("(Required)") }}</span>
  {% else %}
    <span class="apos-forms-field-optional"> {{ __("(Optional)") }}</span>
  {% endif %}
  <span class="apos-forms-label-message {{ classPrefix + '__label-message' if classPrefix }}" data-apos-input-message="{{ widget.fieldName}}" hidden></span>
</label>
{% if widget.inputType == 'date' %}
  <p>
    <small class="apos-forms-help">{{ __("(YYYY-MM-DD)") }}</small>
  </p>
{% endif %}
<input class="apos-forms-input {{ classPrefix + '__input' if classPrefix }}"
  type="{{ widget.inputType or "text" }}" placeholder="{{widget.placeholder}}"
  id="{{ id }}" name="{{ widget.fieldName}}"
  {% if widget.inputType == 'date' %}
    pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"
  {% endif %}
  {% if widget.required %}required{% endif %}
/>