A Mobile-friendly & Lightweight Date/Time Picker for Divi.

The quick version of how it works

To add a date or time picker to your contact form module, all you need to do is:

add a normal Divi Contact Form module to a page.

add a standard text input field to the form.

Activate the date/time picker toggle.

Date Picker Features

R

Min/Max date

(Select a hard date or rolling dates that update automatically.)

R

Disable specific days of the week

R

Disable specific dates

R

Date range

R

Date format options

R

Set language and localization on a per-picker basis

R

Completely customize the appearance to match any theme

Time Picker Features

R

Set Min/Time time

R

12 hour/ 24 hour format

R

Adjust hour increment

R

Adjust minute increment

R

Completely customize the appearance to match any theme.

The Date Picker

Note, this page is just a demo. None of the forms below will actually send any emails so feel free to play around with them.

Basic Date Picker

Appointment Date

Add a new field to your contact form and set the field type to input. When the field is set to input, a toggle called Enable Date/Time Picker will be visibile. You can then set the Picker Type to Date.

Minimum Date (Rolling)

Choose a Date

Once you’ve toggled Enable Minimum Date/Time to On, set Minimum Date Type to Rolling. You can then use the range slider to set the number of days before the current date (negative integers) or after the current date (positive integers) that should be used for the minimum date.

The example field above has a rolling minimum date of seven days BEFORE the current date (set to -7) .

Maximum Date (Rolling)

Choose a Date

Once you’ve toggled Enable Maximum Date/Time to On, set Maximum Date Type to Rolling. You can then use the range slider to set the number of days before the current date (negative integers) or after the current date (positive integers) that should be used for the maximum date.

The example field above has a rolling maximum date of seven days AFTER the current date (set to 7).

Is there a custom module I need to use?

Nope! This plugin allows you to use the default Contact Form module that comes standard in Divi.



What is the license for this plugin?

Currently there is only one license for this plugin: Lifetime with unlimited updates. Once you purchase the plugin, you’ll get access to updates and you can use the plugin on unlimited sites.



Can I have more than one datepicker on a page?

Absolutely. You can have as many as you want on the same page. You can have as many as you want on the same form too, if you’d like.



Does this impact my GDPR compliance?

The plugin uses a lightweight javascript that gets served directly from your web host so no external calls are made. Your GDPR compliance isn’t affected.

IMPORTANT

This plugin is powered by and requires Elegant Theme’s Divi Theme for WordPress, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever. (The above link is my affiliate link – if you purchase Divi through that link I may be compensated at no cost to you)