PowerBI Embedded - Slicers API - set time slicer

[Anonymous]

I have a web page with an embedded report. On the report there's a time slicer:

I don't want to use the slicer directly, so I added a dropdown with the same values.

Here's how I update the slicer with the values from the dropdown:

function setSlicer(slicer, times) {
        slicer.getSlicerState()
            .then(state => {
                for (var i = 0; i < state.filters.length; i++) {
                    let filter = state.filters[i];
                    if (filter.target.column === "TimeOnly") {
                        filter.values = [];
                        for (var j = 0; j < times.length; j++)
                            filter.values.push(times[j]);
                        break;
                    }
                }
                slicer.setSlicerState(state);
            });
    }

But the values are not getting selected. Instead, they are just added to the end of the slicer creating duplicates.

The report does not look right too. It looks as if all of the time values were selected.

If I use the slicer directly and try to get its state, I see this in its filters values:

values: ["1899-12-29T21:57:56.000Z"]

This corresponds to the selected values of 00:00:00.

I tried to convert the values from my dropdown into this format with no luck - the report becomes empty.

How do I set the time slicer correctly?