Date Time Picker for Contact Form 7

Date Time Picker for Contact Form 7

Details
View on WordPress

This plugin enables Contact Form 7 text field into a Date picker, Time picker or Date Time Picker by using CSS class. After installing the plugin you just need to add the necessary CSS class to the Contact Form 7 CSS Classes editor. If you use Multiple classes remember to separate each class with space.

Here is the classes to use in each field:

  • Only for Date Picker: walcf7-datepicker
  • Only for Time Picker: walcf7-timepicker
  • For both Date and Time Picker: walcf7-datetimepicker

Remember: The class should be added to [text field. Example: [text* book-date class:walcf7-datepicker placeholder “Date Picker”]

Check the demo site: Date Time Picker Demo

Download Pro Version:

  • Lifetime Free Update
  • 51 Language translation (View supported Language)
  • WPML – WordPress Multilingual Plugin Compatible
  • Light / Dark Theme
  • Disable past date selection
  • Disable today if necessary
  • Specify weekend and disable if necessary
  • Disable specific date selection
  • Specify holiday and Disable if necessary
  • Maximum allowed date selection
  • Minimum allowed date selection
  • 24hr / 12hr time format
  • Hide/Show AM/PM
  • Change time step or interval
  • Provide Max and Min selectable time
  • Speed up website. Load script only at selected page

Download Pro Version from Here:

How to Video (Free):

Pro Version Features::

Credits:

Details

Plugin code:
date-time-picker-for-contact-form-7
Plugin version:
1.1.1
Author:
Outdated:
No
WP version:
4.0 or higher
PHP version:
5.6 or higher
Test up to WP version:
6.9
Total installations:
20,000
Last updated:
2025-12-07
Rating:
Times rated:
20
cf7
contact-form-7
date-picker
date-time-picker
time-picker