In Safari, instead of showing the expected format like
MM-DD-YYYY, the Date component will actually show today’s date like this:
On this screenshot, the date fields actually == “undefined”. If the form is submitted, those fields will be empty in the database, which is the expected behavior. This is however very confusing to the end-user, as it seems that they are submitting today’s date, while in reality, they aren’t submitting anything in those fields.
If the end-user selects an actual date, the date component will display it properly and it will be properly saved in the database.
How can I fix this behavior so that those date fields show as
MM-DD-YYYY when they are empty, like what is observed in other browsers like Chrome?