HTML <input type='date'> shows incorrect format in iOS Safari while working fine in other browsers
I'm learning this framework and I'm collaborating on a project where I need some guidance on I tried several approaches but none seem to work... I'm having an scenario with the `<input type='date'>` element in my form. When tested on iOS Safari, it seems to display the date in a format that is not what I expect. For example, on Chrome and Firefox, the date is presented as `YYYY-MM-DD`, which is what I intended, but in Safari, it appears as `MM/DD/YYYY`. I checked compatibility and saw that Safari supports the date input type, so I'm unclear why the format is different. Additionally, I tried to enforce the format by using JavaScript to validate the date before submission, but it seems that the user input is still based on the browser’s locale settings, which complicates things. Here's the relevant part of my code: ```html <form id='date-form'> <label for='event-date'>Select Event Date:</label> <input type='date' id='event-date' name='event-date' required> <button type='submit'>Submit</button> </form> ``` Despite having `required` in the input, I still get a submission behavior if the date doesn’t match the `YYYY-MM-DD` format, especially when users on iOS try to submit. I tried adding a custom validation function but it seems to get overridden by the default behavior of the input type. Is there any way I can enforce the `YYYY-MM-DD` format across all browsers, especially on iOS Safari? Any suggestions on how to handle this discrepancy would be greatly appreciated! For context: I'm using Html on Ubuntu. What's the best practice here? I'm using Html 3.11 in this project. This is for a desktop app running on Debian. Any ideas what could be causing this?