html5 input clear,html - Clear HTML5 date input on iOS - Stack Overflow

I have been using the input type="date" form element but have found that the "Clear" option visible on the iOS datepicker behaves like a "reset" and that there is actually no way to clear a date value.

This happens with both Chrome & Safari on iOS.

I created a codepen that illustrates this (providing you access it with an iOS device or simulator) here:

The date:

value="2018-09-06"

placeholder="dd/mm/yyyy"

name="the_date"

id="the_date">

Is there a workaround for this or do I need to revert to a JavaScript datepicker rather than relying on the HTML5 date input type for iOS users?