A New Datepicker for Contact Form 7 Forms – Contact Form 7 Datepicker Plugin No Longer Maintained

Yup, I felt the same as you when I realized that the ole’ faithful Contact Form 7 Datepicker plugin was no longer being maintained. I found a new datepicker for Contact Form 7 forms!

There’s no such thing as staying too comfortable with any website for very long anymore before something needs to be changed in some way shape or form.

So… off I went to hunt for a new means of being able to offer a pop out calendar date selector for a Contact Form 7 form on a client’s website.

That’s when I finally came across the WP Datepicker plugin by Fahad Mahmood.

screen print of the WP Datepicker plugin

So…now if you are ready to try this plugin out… once you have installed and activated this plugin, go to your WordPress Dashboard Settings > WP Datepicker.

In the WP Datepicker Settings, at the first textbox with a drop down list, you will need to select your given language. Canadian (nor American) English was not available, so I selected the next best option, being Great Britain English.

In the second field (if it is not already there) make sure to type the following in:

.dp-field

…then scroll down the page and click on the “Save Changes” button.

screen print of WP Datepicker Settigs page

You already have your Contact Form 7 plugin “Installed” and “Activated”… and your form itself created. So, let’s now head on over to your form where you were using the ole’ faithful Contact Form 7 Datepicker plugin (which, by the way, you should have at least Deactivated by this point in time)…

From your WordPress Dashboard sidebar, click on “Contact” and mouse over the name of your form. When “Edit” appears as one of the options, click on it.

Now… in the Form, locate the line where you have been using the shortcode for the Contact Form 7 Datepicker plugin.

In my case, I was using the following:

[date* Date date-format:mm/dd/yy placeholder “Date (required)”]

Take that line of code off your form and keep it by pasting it into a Notepad for safe keeping. This way, if you want to restore that line of code later on for whatever reason, then you can.

Now, where you had that line of code, you will be replacing it with the following shortcode:

[text* Date class:dp-field “Date (required)”]

Then scroll down to the bottom of the Form and click on the “Save” button.

Now it is time to click on the Mail tab of your form.

In my case the following:

[Date]

…is now replaced with:

[Date]

…and this new shortcode is highlighted, so I copied and pasted it over top of the former shortcode [Date] that I was using inside the “Message Body” on the appropriate line, just to be sure all will work as it should… then scroll down this form and click the “Save” button.

Now all that is left to do is for you to test that your form works the way you want it to.

If you are using a cache plugin (which for obvious reasons, you should be) then be sure to purge your website cache and reload your website form (I even used a different browser to make real sure my form worked well) and then take your form for a test run.

When this issue happened to me, I was left scrambling and could find no easy method without a LOT of searching, and even then I ended up having to contact the developer of the WP Datepicker. What a gentleman and a scholar Mr. Mahmood is too, I’d like to add here. Even with our differences in language, he was finally able to get through to me what I needed to do to make my form work as before.

As you can see, there are very little differences between the two datepickers, though yes, the “Date field” for WP Datepicker is slightly longer and not quite as high as the previous plugin used. Would users of this form notice? No likely.

screen print of Contact Form 7 form before WP Datepicker is used

 

screen print of Contact Form 7 form after WP Datepicker is used

Hope you find this post helpful. Should you have any questions regarding the WP Datepicker plugin or if you simply want to chat about this plugin, I hope you will feel free to leave me a comment below. I always respond to all comments.

Spread the love
Trish

Website Designer for Parr's Publishing. As a full certified Internet Specialist, I help business owners and organizations increase their profits by providing them with a fully managed, custom designed website as well as basic Search Engine Optimization.

4 thoughts on “A New Datepicker for Contact Form 7 Forms – Contact Form 7 Datepicker Plugin No Longer Maintained”

  1. Hi, Trish,

    Thank you for this awesome post. I am using contact forms 7 Date picker for my local website. I didn’t even realise the developer had abandoned it. That’s until I found you that is. The plugin was for a local website and the last thing I needed was trouble from this outdated plugin.

    This post is awesome and I am going to install the WP Datepicker by Fahad Mahmood. Thank you so much for your guidance and what to do after I install the plugin. You have made it so easy to follow. I really appreciate this article.

    Thank you once again for all your help. You are amazing.

    My Kindest regards Deborah

  2. Wow, Thank YOU Deborah for such a raving comment.
    You’ve made my day, knowing this truly helped someone else out.
    Much appreciated!

  3. You are very welcome Marleen, and Thank YOU for letting me know this helped you, as this too is valuable information. Knowing what helps others keeps me motivated in creating “how-to” posts.

Leave a comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.