Is there a way to display a Date/Time field in a Web-to-Case form as a Calendar input?

I have a custom Date/Time field on our Case object we are hoping to add to the standard Web-to-Case HTML form. However, we are having issues making this field user-friendly for inputs.

Out of the box functionality supports the Date/Time field as a Text input, which requires users to enter the date in a specific "DD/MM/YYYY, time" (8/18/2021, 4:04 PM) format. This is not user friendly.  

I've played around with adjusting this field to a "datetime-local" type, but the field does not map into Salesforce. 

Does anyone know how to allow for Date/Time fields in a Calendar input in a Web-to-Case form? Or add validations around the text input to help ensure end users are filling out the field in a correct format?    

//<b><font color=" #FF0000">*  </font color>Target Go-Live Date:  </b><span class="text"><input  id="00N5Y00000OKErh" name="00N5Y00000OKErh" size="10" type="datetime-local" required=true /></span><br><br>//

#Web-to-Case  #Cases  #Service Cloud