disabledDateRanges not working? help pls

Ask the community
1

Hey disabledDateRanges gets set, but fails to actually update the date picker, meaning the disabledDateRanges are not actually shown in it.

export function selectedModule_change(event) {
    productPriceCents = products[$w('#selectedModule').selectedIndex].el.priceCents
    updateTotalPrice();

    // Update available calendar dates
    let moduleName = $w('#selectedModule').value.split(" ")[0] // Remove price from name
    wixData.query('BUCHUNG_ACCEPTED_IDS')
        .contains("moduleName", moduleName)
        .find()
        .then(results => {
            let blockedDates = []
            results.items.forEach(e => {
                blockedDates.push({ startDate: e.fromDate, endDate: e.toDate })
            })
            $w('#dateStart').disabledDateRanges = blockedDates;
            $w('#dateEnd').disabledDateRanges = blockedDates;
            console.log("BLOCKED DATES")
            console.log(blockedDates)
        })
        .catch(error => {
            console.error(error)
        });
}

Console output:

BLOCKED DATES
Array(1)jsonTableCopy JSON
  0: {...}jsonTableCopy JSON
    startDate: "2024-01-05"
    endDate: "2024-01-13"

As you can see the blocked dates are correct.

2

Guess its only displayed in live mode?? why

3

It looks like the docs are wrong. The function is called .disabledDates, not disabledDateRanges. Been using it since 2020 and works like a charm.