{#
   Each field type is rendered by a template fragment, which is determined
   by the name of your form type class (DateTimePickerType -> date_time_picker)
   and the suffix "_widget". This can be controlled by overriding getBlockPrefix()
   in DateTimePickerType.

   See https://symfony.com/doc/current/cookbook/form/create_custom_field_type.html#creating-a-template-for-the-field
#}


{% block bootstrap4date_widget %}
    <div class="input-group date" id="{{ id }}_datetimepicker_container" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#{{ id }}_datetimepicker_container"/>
        <div class="input-group-append" data-target="#{{ id }}_datetimepicker_container" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fas fa-calendar-alt"></i></div>
        </div>
    </div>
    {{ block('hidden_widget') }}
{% endblock %}


{% block tempusDominusBs4_widget %}
    
    <div class="input-group date" id="{{ id }}_container" data-target-input="nearest" style="{% if attr['style'] is defined %} {{ attr['style'] }} {% endif %}">
        {{ block('datetime_widget') }} 
        {# id="{{ id }}" <input type="text" class="form-control datetimepicker-input" data-target="#{{ id }}" value="2019-07-31"/>#}
        <div class="input-group-append" data-target="#{{ id }}_container" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fas fa-calendar-alt"></i></div>
        </div>
    </div>
     
{% endblock %}

{% block tags_input_widget %}
    <div class="input-group">
        {{ form_widget(form, {'attr': {'data-toggle': 'tagsinput', 'data-tags': tags|json_encode}}) }}
        <span class="input-group-addon">
            <span class="fa fa-tags" aria-hidden="true"></span>
        </span>
    </div>
{% endblock %}