{% block form_javascript %}
    {% apply spaceless %}
        {% for child in form %}
            {{ form_javascript(child) }}
        {% endfor %}
    {% endapply %}
{% endblock form_javascript %}

{% block bootstrap4date_javascript %}
<script>
    
(function($) {
    
    var ${{ id }} = $('#{{ id }}'),
        $dpc_{{ id }} = $('#{{ id }}_datetimepicker_container'),
        options = {{ js_options|json_encode|raw }},
        value = '{{ value }}'
    ;

    if ('' !== value) {
        options['date'] = value;
    }
    options['icons'] = {
        time: "fa fa-clock-o",
        date: "fa fa-calendar",
        up: "fa fa-arrow-up",
        down: "fa fa-arrow-down"
    };
                
    
    $dpc_{{ id }}.datetimepicker(options);
    
    $dpc_{{ id }}.on('change.datetimepicker', function(e) {                
        ${{ id }}.val(e.date ? e.date.format('YYYY-MM-DD') : '');
    });
       
}(jQuery));

</script>
{% endblock %}

{% block tempusDominusBs4_javascript %}
    
<script>
    
    (function($) {
        options = {{ attr|json_encode|raw }};
        formatTempus = options['data-date-format'];                               

        $('#{{ id }}_container').datetimepicker({
            format: formatTempus,
        });
        
    }(jQuery));
</script>
    
{% endblock %}