// Attend que le DOM soit entièrement chargé
document.addEventListener("DOMContentLoaded", function () {
    // Sélectionnez les champs de date ACF
    var startDateField = document.getElementById('date-un');
    var endDateField = document.getElementById('date-deux');

    // Initialisez les sélecteurs de plage de dates
    $(startDateField).datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function (selectedDate) {
            endDateField.datepicker('option', 'minDate', selectedDate);
            updateMapWithDateRange();
        }
    });

    $(endDateField).datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function (selectedDate) {
            startDateField.datepicker('option', 'maxDate', selectedDate);
            updateMapWithDateRange();
        }
    });

    // Fonction pour mettre à jour la carte avec la plage de dates sélectionnée
    function updateMapWithDateRange() {
        var startDate = startDateField.value;
        var endDate = endDateField.value;

        // Mettez à jour la carte avec la plage de dates sélectionnée
        // Vous devrez remplacer cela avec votre logique spécifique à Map Pro
        // Cette fonction devrait actualiser la carte avec les données correspondant à la plage de dates sélectionnée
    }
});