• 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.