{# Saisie partagée extraite des inspecteurs Planning : même masque et calendrier global. #}
{% import 'components/_ui.html.twig' as dates %}
<div class="date-entry" data-date-entry>
    <input class="date-mask" name="{{ name }}" value="{{ value ? dates.date_input(value) : '' }}" placeholder="jj/mm/aaaa" inputmode="numeric" autocomplete="off" aria-label="{{ label|default('Date') }}"{% if form|default(null) %} form="{{ form }}"{% endif %}{% for attribute, attrValue in attributes|default({}) %} {{ attribute }}="{{ attrValue }}"{% endfor %}>
    <button class="date-picker-button" type="button" aria-label="Ouvrir le calendrier"></button>
    <input class="date-picker" type="date" value="{{ value ? dates.date_picker(value) : '' }}" aria-label="{{ label|default('Choisir la date') }}" tabindex="-1" aria-hidden="true">
</div>