WP Datepicker is a lightweight plugin which can display a date picker on any Contact Form 7 form field.
WP Datepicker provides features such as:
- option to change language
- enable date picker for the admin dashboard
- enable or disable weekend selection.
It’s easy to integrate with Contact Form 7 forms. You simply need to add a selector under Settings >> WP Datepicker.
Then, use the same selector in any date field of your Contact Form 7 forms, where you want to display the date picker.
Using CF7 Tag Generator
To add the selector, go to your form and select the date form tagForm Tag Form Tags in Contact Form 7 (CF7) (in the Form Tab) are used to define all CF7 form fields. Each Form Tag is replaced with an HTML element, which represents an input field, when it is displayed in an actual form..
The selector is added in the Class Attribute of the form, since the DatePicker is added using a CSS class called .datepicker-form-field.
Using CF7 Skins Visual Editor
It’s even easier to add the WP Datepicker selector in any date field of a Contact Form 7 form using the CF7 Skins Visual Editor.

Adding Datepicker via CF7 Skins Visual Editor
Tip: With the CF7 Skins Visual Editor you don’t need to work directly with CF7 Tags. Our drag & drop Visual Editor includes support for all Contact Form 7 tags & options.
Tip: The wide range of free Contact Form 7 Extensions available can give users many of the functions available in some of the well-known premium form plugins.