{% block datetimepicker_widget %}
    {% if widget == "single_text" %}
        {{ block("form_widget_simple") }}
    {% endif %}

    <script type="text/javascript">
        {# Configuration de flatpickr #}
        {# http://www.jqueryrain.com/?lo_EWr2U #}

        //$(document).ready(function() {
        function enable_flatpickr_{{ id }}(){
            //ex: $flatpickr_appbundle_rdv_date
            window.$flatpickr_{{ id }} = $("#{{ id }}").flatpickr({
                utc: false,
                locale: "fr",
                enableTime: "{{enableTime}}",
                defaultDate: "{{ value }}",
                dateFormat: "{{dateFormat}}", //see https://flatpickr.js.org/formatting/
                time_24hr: true,
                // minTime: "07:00",
                // minTime: "22:00",

                static: true, //fix firefox bug modal tabindex

                onChange: function(selectedDates, dateStr, instance) {
                    //console.log('flapickr on change'+dateStr)
                    {% if not calendar_selector is defined %}
                    //MAYDO: callback
                    {% else %}
                    //date choisie par le datepicker
                    var brut = $('#{{id}}').val()
                    var selected_date = moment( brut, 'DD-MM-YYYY HH:mm' )
                    //indiquer au calendrier d'y aller
                    //$('{# {calendar_selector} #}').fullCalendar( 'gotoDate', selected_date )
                    {% endif %}
                },

                onOpen: function(selectedDates, dateStr, instance){
                    //recharge valeur du champ, au cas où elle a été changée par ailleurs
                    instance.setDate( $("#{{ id }}").val())
                    //, false, '' )
                }
            });
        }
    </script>
{%- endblock -%}