Where did the clear button go on date type input elements in Chrome?

Question

Up until last Thursday the date type input elements used to have a clear button (a cross or "x") next to them.

Now it looks like this:

Does anyone know what has changed? How can I get the clear button back?

We are using angular and Chrome as the browser.

The HTML code below shows the problem (when Chrome is used):

<label for="birthdaytime">Birthday (date and time):</label> <input type="datetime-local" id="birthdaytime" name="birthdaytime">

Answer 1

It was reported as a bug:

https://bugs.chromium.org/p/chromium/issues/detail?id=1087490#c1

https://bugs.chromium.org/p/chromium/issues/detail?id=1087501

And someone in the bug discussion suggested a workaround: add a button that will clear the date-local element value:

<input id=el type=datetime-local value="2025-07-01T12:44">
<button onclick="javascript:el.value=''">X</button>

https://jsfiddle.net/cxpt4r8b/