I am not able to show the calendar on the text field

You are not clear about class and ID.
Try .dp-field because you are using class:dp-field

In regards to this question was .dp-field the solution did this fix your problem @d_alinus2004? We have similar problem

We have form not showing the min and max date fields and we think it has something to do with the result page shortcode?

#mytheme-dt_properties-fields

@mrmartink where did you try .dp-field? Here is demo page where .dp-field is used https://demo.androidbubble.com/wp-datepicker/

Hello,

Now that’s work!
So, the shortcode contact form7 [text your-dt class:dp-field] now work with this class:#dp-field, input[type=’text’][name=’your-dt’]

But now, if i want to add a second field ?i must to add another line, something like that: #dp-field, input[type=’text’][name=’your-dt1’] ?! the the shortcode [text your-dt1 class:dp-field]

For the 2nd field you can use the same class as class:dp-field and nothing to add in selector area unless you need a different style.

Examples:

1) class:dp-field
2) class:dp-field2
3) input[type=”text”][name=”your-dt”]
4) input[type=”text”][name=”your-dt-2″]

Important: Don’t use the class:datepicker and/or input[type=”date”]. These two things can conflict because of browsers default scripts. Mostly modern browsers detect these two selectors and turn your fields into calendar fields.

Hello,

OK, I will not use the class datapiker and type data.
I don’t understend very well, where i can add the second class and input.

I have add on the WP Datepicker – Settings the next line:

#dp-field, input[type=’text’][name=’your-dt’], #dp-field2, input[type=”text”][name=”your-dt-2″]

#dp-field it’s the class for your-dt field and #dp-field2 it’s the class for your-dt-2 but it’s work only the first class

Please see this picture for better understend:

View post on imgur.com

Many regards

@d_alinus2004 try this way https://prnt.sc/u6emb0

@raissufyan with this settings what shortcode i must put on CF7 ?

Here is video tutorial for Datepicker with Contact Form 7 https://www.youtube.com/watch?v=c2afBhUPp4w

@raissufyan I have folow ths tutorial and that’s work for one field .
Now on the CF7 shortcode i have this
[text your-dt class:dp-field]

and that’s work with this setting line:
#dp-field, input[type=’text’][name=’your-dt’]

So your-dt fiels that’s work fine. But i want to have a second line also and i don’t know how i can put on the setting areea the second field ?!

But i want to have a second line also and i don’t know how i can put on the setting areea the second field ?!

If you mean you want Multiple Instances on one page so, this functionality is not available in free version.

Ah, OK, I understend..:(

@raissufyan thank you for explaining it. @d_alinus2004 i appreciate that you joined our support forum and showed interest in this plugin. Actually same class can work for multiple fields but when we talk about instances so each instance can have it’s own color scheme, calendar rules, selection and disabled days criteria. I just came into this discussion to differentiate multiple fields and multiple instances. I hope i didn’t make things complex.

Thanks,
Fahad

Hello @fahadmahmood
So, if i better understend it’s posible on the free version to use more field with the same class!
Because it that i want to make!

So, in this case, how i can set up the second field ?!

Many regards

@d_alinus2004 you are right. FREE version can work for not only multiple fields but also with different classes. Have a look on these examples.

1) .dt-field-1
2) .dt-field-2

You can use both together like this:
.dt-field-1, .dt-field-2

And if you want to use one of these classes with multiple fields, that will work too. Just manage comma separated values carefully.