Help with higlighting SDK-embedded MongoDB chart

So, I’ve been trying to highlight my SDK-embedded chart but for some reason, the highlighted part doesn’t show up. The whole graph gets dulled out like it’s supposed to but the selected range of data doesn’t get highlighted.

Please tell me where to improve.

Below is the script code

<script>
    const ChartsEmbedSDK = window.ChartsEmbedSDK;

    const sdk = new ChartsEmbedSDK({
        baseUrl: "https://charts.mongodb.com/charts-project-0-jgwha",
    });

    const chart1 = sdk.createChart({
        chartId: "65380703-4c44-46b6-8082-f62e3a1df728",
        height: "480px",
        width: "640px"
    });

    const chart3 = sdk.createChart({
        chartId: "6538083a-20dc-4697-8d2c-16eb09c71e54",
        height: "480px",
        width: "640px"
    });

    const chart2 = sdk.createChart({
        chartId: "653809ec-9ea5-4ba3-86b9-88efd2fbc2e1",
        height: "480px",
        width: "640px"
    });

    chart1.render(document.getElementById('chart1'));
    chart2.render(document.getElementById('chart2'));
    chart3.render(document.getElementById('chart3'));

    const daySelect1 = document.getElementById("s_day");
    const daySelect2 = document.getElementById("e_day");

    daySelect1.addEventListener("change", async (e) => {
        updateHighlights();
    });

    daySelect2.addEventListener("change", async (e) => {
        updateHighlights();
    });

    function updateHighlights() {
        const selectedDate1 = daySelect1.value;
        const selectedDate2 = daySelect2.value;

        if (selectedDate1 === "" || selectedDate2 === "") {
            chart1.setHighlight({});
            chart2.setHighlight({});
        } else {
            // Parse the date values from daySelect1 and daySelect2
            const startDay = new Date(selectedDate1);
            const endDay = new Date(selectedDate2);

            // Use startDay and endDay in the highlights
            chart1.setHighlight({
                'days.datetime': { $gte: startDay, $lte: endDay }
            });
            chart2.setHighlight({
                'days.datetime': { $gte: startDay, $lte: endDay }
            });
        }
    }
</script>