<div class="form__field">
<label class="label" for="{{field.fieldname}}">{{field.label}}{% include 'forms/inputs/elements/_required.html.twig' %}</label>
<div class="input js-input {% if field.type == 'date' and field.fieldname!='dob'%}input--datepicker{% endif %}">
<input
name="{{field.fieldname}}"
autocomplete="off"
id="{{field.fieldname}}"
{% if userData is defined and userData[0][field.fieldname] is defined and userData[0][field.fieldname] is not null %}
value="{{userData[0][field.fieldname]}}"
{% endif %}
class="input__field error {% if field.type == 'date' or field.type=='dob' %}js-date-mask{% endif %} {% if field.type == 'date' and field.fieldname!='dob'%}js-input-datepicker input--datepicker{% endif %}"
{% include 'forms/inputs/elements/_disabled.html.twig' %}
value="{% if field.value is defined %}{{ field.value }}{% endif %}"
{% if field.type=="mobile" or field.type=="telephone" %}
type="tel"
{% else %}
type="text"
{% endif %}
placeholder="{{field.placeholder}}"
aria-label=""
{% if field["dependentFields"] is defined and field["dependentFields"] is not null %}
aria-controls="{% for dependentName, dependentVals in field["dependentFields"] %}{{ dependentVals }} {% endfor %}"
{% endif %}
>
{% include 'forms/inputs/elements/_error.html.twig' %}
</div>
</div>