Latest release v2.1 · Documentation · Support

Convert input fields into datepickers

Convert your Contact Form 7 or Divi text field into an advanced Date picker.

Integrate with your favorite Forms

Use the CSS Selector to manually connect your Date picker with
Contact Form 7 or Divi.

For automated process (no code required) check our the PRO version. Learn more

Settings

Types

Use this optional field to provide a description of your event.

Display inline

Display calendar and/or time picker inline.

Placeholder

If enabled, original placeholder will be kept. If disabled it will be replaced with current date or next available time depending on your settings.

Run on Ajax requests

If your date picker field only displays after an ajax request on your page, you need to enable this option. Consider that any ajax request on the page will reset the date picker though.

Prevent keyboard edit

If enabled, it wont be possible to edit the text. This will also prevent the keyboard on mobile devices to display when selecting the date.

Language

Language to display the month and day labels.

When to load

Choose to search for the css selector across the website or only when the shortcode [datetimepickerpro] exists on a page. Use the shortcode to prevent the script from loading across all pages.

Date picker

Disable past dates

If enabled, past dates (and times) can’t be selected. Consider the plugin will use the timezone you have in your general settings to perform this calculation. Your current timezone is Asia/Dubai.

Disable specific dates

Add the dates you want to disable divided by commas, in the format you have selected. Useful to disable holidays for example.

Disable week days

Select days you want to disable.

Minimum date

Use the European day-month-year format or an english string that is accepted by the strtotime PHP function. (Ex: “+5 days”) Leave empty to set no limit.

Maximum date

Use the European day-month-year format or an english string that is accepted by the strtotime PHP function. (Ex: “+5 days”) Leave empty to set no limit.

Days offset

Set the next available slot to advance at least X available days. Write the number of days here.

Date format

Select the date format that makes the most sense for your business.

Time picker

Time step

Time interval in minutes for time picker options.

Minimum time

Time options will start from this. Leave empty for none. Use the format you selected for the time. For example: 08:00 AM.

Maximum time

Time options will not be later than this specified time. Leave empty for none. Use the format you selected for the time. For example: 08:00 PM.

Time offset

Time interval in minutes to advance next available time. For example, set “45” if you only want time entries 45m from now to be available. Works better when option to disable past dates is also enabled.

Global allowed times

Write the allowed times to override the time step and serve as default if you use the options below.

Values still need to be within minimum and maximum times defined in the basic settings.

Use the time format separated by commas.

Example: 09:00,11:00,12:00,21:00 You need to list all the options.

Weekly allowed times

Enable specific hours of the day for each of the week days.

Hour format

Change the hour format.