Squarespace Date Format for UK: DD-MM-YYYY

I often find some US companies are quite ignorant to the needs of non-US customers despite having an international customer base. Squarespace is generally ok for UK customers like me and my clients, though the date fields in a form only show in US format - MM-DD-YYYY and there's no way to change it in the Squarespace admin (come on Squarespace, if your customer is from the UK, then default the fields to DD-MM-YYYY).

But, there is a way to switch round the day and month fields using custom CSS. In your Squarespace website's admin go to Design > Custom CSS and paste the following:

.form-wrapper .field-list .date .field { position: relative }
.month { left: 5em; margin-left: 0 !important }
.day { left: -3em; margin-left: 0 !important }
.year { left: 2.5em; margin-left: 0 !important }

You may need to adjust the 'em' figures depending on which template you're using.  Create a form on a test page with a date so you can see what happens as you adjust it.  When you're happy with the spacing of the fields, just check that it looks fine responsively (so check on a laptop, tablet, mobile, desktop etc).  Here's an example of a form date with the day and month fields switched around for UK customers:

Date *
Date