This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

CF7 DatePicker


I’ve used Contact Forms 7 for many projects now and recently started to have issues with their datepicker. Their datepicker displays correctly in Chrome, but none of the other major browsers. So I started to use the jQuery UI datepicker in my CF7 forms and created this plugin to help others.


  • What it looks like


The easiest way to install CF7 DatePicker is via your WordPress Dashboard. Go to the ‘Plugins’ page and search for ‘CF7 DatePicker’ in the WordPress Plugin Directory. Then click ‘Install Now’ and the following steps will be done for you automatically. You’ll just have to activate CF7 DatePicker.

  1. Upload ‘’ to the ‘/wp-content/plugins/’ directory
  2. Extract ‘’
  3. Activate the plugin through the ‘plugins’ menu in WordPress
  4. Go to a CF7 form.
  5. Generate a text field with the ‘cf7-datepicker’ as the Class (changed in version 1.1).
    example – ”
  6. Preview Form
  7. Go to WP ‘setttings’ -> CF7 DatePicker’ for animation settings and other display settings.




There are no reviews for this plugin.

Contributors & Developers

“CF7 DatePicker” is open source software. The following people have contributed to this plugin.


Translate “CF7 DatePicker” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Allow multiple datepickers on same page.
  • Added animation and display options.
  • Scripts are now only called if the CF7 shortcode is used.


  • Initial release.