Why do I need the Date Picker?
A Date Picker makes it easy for visitors to enter dates in Squarespace forms reliably and visually. With two clicks they can enter a valid date in a format of your choice. Rid yourself of date format confusion (is 7/4 the 7th April or July 4th?) and make it easy for your customers.
Instant digital download with full installation instructions included.
Localise the language
Make your forms visitor-friendly by displaying the calendar in any language.
Match your brand
Change the colours of the calendar to match your site’s brand image.
Full template support
Works with standard forms on all Squarespace templates.
Display multiple months
Optionally show multiple months in a single date picker, if required.
Choose different animations when opening and closing the date picker.
Make it easy for visitors to enter dates in your Squarespace forms
Try the date picker here in various languages with different animations:
Frequently Asked Questions
How do I install the plugin?
Full instructions are provided when you purchase this plugin. Installation is as simple as copying and pasting the code into your website’s code areas. With some tweaking, you can customise it to match your branding. If you are unsure, you can book a developer to help you.
When will I receive the plugin?
A link to the code is automatically emailed to you within minutes. The link expires after 24 hours, so it’s a good idea to download the document immediately, even if you plan to install the plugin later.
Is my Squarespace template supported?
Yes. The plugin should work with all Squarespace templates. We’ve tested every version of the plugin extensively on the most popular templates - the Bedford and the Brine families.
Is my Squarespace plan supported?
What types of form are supported?
How does the plugin work?
After adding a standard Form Block to your website, you decide which field (or fields) you want to use with the date picker. When a visitor reaches this field on your form, the date picker will appear to prompt them to enter a date. The visitor can navigate between months and choose any valid date by simply clicking (or tapping) that date. The date picker then disappears and the chosen date appears in the date field. We’ve locked the text box to prevent users manually editing the date, to avoid invalid date entry.
Can I try the plugin?
Yes! There’s a demonstration just above this FAQ section. If you can’t see it, click here.
Can I choose a different language?
Yes. The date picker supports a full range of internationalisation (i18n) options. When you change the language, all the labels change to match your choice.
You can select the language for each individual date picker, allowing you to create a multilingual website with forms in different languages. We’ve shown this in the demonstration above.
Can I change the format of the date in the text box?
Yes. When a visitor has selected a date using the date picker, the date will appear in the text box of the form. You can choose how the date is displayed. When you first install the plugin, the date will appear in UK format, where January 20th 2019 will appear as 20/01/2019. To choose a different format, change the format on line 14 in the Code Injection area.
Can I customise the colours?
Yes, you can customise the colours used in the popup to match your site or branding. It’s as easy as entering the required colour codes. If you don’t know what the colour codes are, use this colour picker to select your colours.
Can I prevent visitors selecting special dates?
Yes. If you want to prevent visitors selecting special dates like public holidays, you can specify each individual date on line 8.
Can I prevent visitors selecting dates in the past, or in the next few days?
Yes. Sometimes you may want to prevent visitors selecting dates in the past, for example when booking a place at a campsite. You may also want to prevent them selecting a date in the next few days, for example, when booking a delivery date for a special order cake. You can do either of these by editing line 15.
Can the datepicker show more than one month at a time?
Yes. By default, the datepicker will show a single month, but you can display more than one by changing the value on line 16.
Does the datepicker work on mobile?
Yes, the datepicker works well on touch devices like mobiles and tablets.