Date Time Picker for Contact Form 7 Pro adds date, time, or combined date-and-time pickers to Contact Form 7 text fields. A CSS class in the form editor determines which picker a field uses.

Assign a picker type

• walcf7-datepicker for a date picker
• walcf7-timepicker for a time picker
• walcf7-datetimepicker for a combined date-and-time picker

Add the class to the text field in Contact Form 7's CSS Classes editor. Separate multiple classes with spaces. For example, a required booking date field can use [text* book-date class:walcf7-datepicker placeholder "Date Picker"].

Control date availability

Pro settings let you disable past dates and, when needed, today. You can also disable specified weekends, individual dates, and holidays, then set minimum and maximum allowed date selections. These rules define which dates the calendar enables, which can help configure booking, appointment, event registration, or service inquiry forms.

Set time display and limits

Choose a 12-hour or 24-hour time format and show or conceal AM and PM. Set the time step or interval, along with minimum and maximum selectable times.

Choose appearance and language

Select a light or dark theme. The Pro version includes 51 language translations and is compatible with the WPML WordPress Multilingual Plugin.

Control script loading

Choose selected pages for the plugin script to load on, keeping picker resources scoped to those pages. This setting controls where the script loads; it does not by itself quantify a website speed improvement.

Install and configure

Install the Pro plugin, edit the relevant Contact Form 7 form, and add the appropriate picker class to each text field through the CSS Classes editor. Configure date and time settings for the fields, then review the form to confirm that the available selections match your scheduling rules.