Date field is not displayed correctly in mobile devices.

Hello

Hope you can help? This form appears to work fine on anything other than a phone.  People are telling us that dates cannot be accepted.  It looks as though the date box can only accept 1 digit when you see it on a phone (certainly iphones!)

Thank, Lesley

https://form.jotform.com/70704154297962

Hello Pirieles,

I'm sorry for the trouble caused to you. 

I did test your form in mobile device (iPhone) and I am unable to replicate the issue you are having. It does display the date field correctly and the full date is being displayed. Please check the screenshot below:

 

Have you embedded your form in any webpage where you are having this issue with? Please share the webpage URL and we will take a look.

We will wait for your response.

Thank you!

Hi there
I see this on our website where the form is embedded and using jotform directly in other words the link I sent. I haven't seen it before. This is a copy and paste from my phone and the date is too small. Maybe we have chosen a different date option to normal. Is there a 'best one' to use?
Thank you, lesley
* Date of Birth *
Date [Pick a Date]
* Child's School *
School Class
*
Sent from my iPhone
...

I've fixed it for you by injecting the following custom CSS codes:

@media screen and (max-width:550px){

li#id_23 {

    width: 100% !important;

}

#cid_23 > div > span:nth-child(2) {

    width: 85% !important;

}

#cid_23 > div > span:nth-child(3) {

    width: 15% !important;

}

}

Please check again and let us know if the field is still small. 

Hello
That's perfect thank you. One question though. I have no idea to do what you've done. Will I need to each time we add a date?
Regards, Lesley
Sent from my iPhone
...

Hello Lesley,

No you do not have to inject custom css code in form every time you add a date field. Do get back to us if the issue appears in any other form and we will take a look.

Thank you!

Okay thanks
Sent from my iPhone
...