disabledDateRanges not working? help pls

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.

Guess its only displayed in live mode?? why

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