• Is there a compatibility issue between Elementor and Flatpicker? I am using the following code:

     function initializeWeekDaysFlatpickr(dateRanges, periods) {
    flatpickr(selectElement, {
    enable: dateRanges.map(range => ({
    from: convertToFlatpickrDateFormat(range.from),
    to: convertToFlatpickrDateFormat(range.to)
    })),
    dateFormat: "d/m/Y",
    minDate: "today",
    onChange: function(selectedDates, dateStr, instance) {
    updateAddToCartButton();
    },
    onDayCreate: function(dObj, dStr, fp, dayElem) {
    var date = dayElem.dateObj;
    var day = date.getDay();


    var isAllowedDay = false;

    for (var i = 0; i < periods.length; i++) {
    var period = periods[i];
    var from = new Date(convertToFlatpickrDateFormat(period.tour_date_range.tour_start_date));
    var to = new Date(convertToFlatpickrDateFormat(period.tour_date_range.tour_end_date));

    if (date >= from && date <= to) {
    if (period.tour_date_range.tour_days.includes(day)) {
    isAllowedDay = true;
    break;
    }
    }
    }

    if (!isAllowedDay) {
    dayElem.classList.add('flatpickr-disabled');
    dayElem.disabled = true;
    }
    }
    });
    }

    The onDayCreate function does not work when Elementor is active; all dates become selectable even though only certain dates should be selectable. This function works normally when Elementor is not active

    I need a solution urgently as this project is scheduled for launch soon, and unfortunately, my client insists on using Elementor, which seems to have problems with Flatpickr.

The topic ‘Elementor and Flatickr compatibilites’ is closed to new replies.