{% do jsConfig().add({'datepicker' : true, 'floatingLabel' : true}) %}
<div class="form-group form-group--dark js-datepicker datepicker {{ styleModifier|default(null) }} js-datepicker-range__{{ inputname }}{{ value|default(null) ? ' has-value' : '' }}">
<div class="position-relative datepicker-container">
<label for="datepicker-{{ inputname }}" class="form-control-label floating-label">{{ inputlabel }}</label>
<input data-alt-field="#{{ inputname }}" id="{{ inputname }}Visible" readonly type="text"
class="js-datepicker__input form-control flatpickr-input active js-floating-label {{ value|default(null) ? ' has-value' : '' }}"
value="{{ app.request.get(inputname) is not empty ? app.request.get(inputname) : '' }}">
<input class="form-control js-datepicker__alt-field js-filter-form__input js-filter-form__input--no-filter" type="hidden" name="{{ inputname }}" id="{{ inputname }}"
value="{{ app.request.get(inputname) is not empty ? app.request.get(inputname) : '' }}">
</div>
</div>