Expected behavior

I would expect to be able to set the value from javascript, using something like follows:

let date = new Date('2022-07-10T13:24:00');
document.getElementById('myDateTime').value = date;

When I click to change the value, then the currently selected date/time should match this value.

Actual behavior

Although this displays something in the input box, when I click to change the value there is no currently selected date or time in the popup dialog.

Resources (screenshots, code snippets etc.)

I have also tried setting the value using the locale-specific string format used, to no avail. Any help greatly received!