This is a migrated thread and some comments may be shown as answers.

Date picker doesn't work on iPad Safari

7 Answers 555 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Trent
Top achievements
Rank 1
Trent asked on 06 Aug 2012, 04:44 AM
I've moved from the Telerik MVC controls but I've run into a bug which will be a show stopper for me. I've found 3 issues with the date picker on iPad Safari:

1. When I load the page the date picker control is black, even though it should have a value
2. When you click the dropdown button the calendar shows but you can't click a date to select it
3. When you click the text area of the date picker the iOS date picker control pops up but the wrong date is selected

My application works for all other browsers. I have an existing customer base who all use iPads, so this would leave me dead in the water. Is this a known issue?

Thanks!

7 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 06 Aug 2012, 07:43 AM
Hi Trent,

this was a bug in the official release, which was fixed in subsequent internal builds. Get the latest internal to make it work and let me know how it goes.

Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Trent
Top achievements
Rank 1
answered on 07 Aug 2012, 02:46 AM
Thanks Kamen. It's better, but not much. I still see the following:

  • Clicking the icon pops up the date picker and you can now select a date, but after selecting a date there's nothing in the textbox area. The validation rules don't pick up a value so it's null.
  • Clicking the textbox area sill pops up the iOS date picker control, and in this case selecting a date works.
Any other ideas?

Thanks,
Trent.
0
Trent
Top achievements
Rank 1
answered on 07 Aug 2012, 03:05 AM
Incidentally, this can easily be reproduced by hosting the examples which come with the internal build code. I hosted mine temporarily - open this up in an iPhone or iPad and you still see the issue: (link removed)
0
Kamen Bundev
Telerik team
answered on 09 Aug 2012, 10:50 AM
Hi Trent,

The MVC wrappers render an input of type date to provide HTML5 compliance and to be able to work somehow when JavaScript is turned off. The input should be later changed to type text on the client, but due to a bug, this doesn't happen on mobile devices. I've fixed it and the fix will be available with the next internal and the service pack. Meanwhile you can override the type by adding it to the widget HTML attributes, like this:
...
.HtmlAttributes(new { style = "width:110px", type = "text" })
...


Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Shenthuran
Top achievements
Rank 1
answered on 13 Aug 2012, 10:52 AM
It Still Not Working....
Can you please  post a sample code.

Regards,
Sen
0
Kamen Bundev
Telerik team
answered on 16 Aug 2012, 12:31 PM
Hello Shenthuran,

Can you elaborate on what exactly doesn't work with the provided workaround and maybe post a sample project where we can reproduce the issue and help you fix it? You can open a support ticket if you need the privacy. Thank you in advance.

Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Omer
Top achievements
Rank 1
answered on 01 Sep 2012, 10:36 AM
Hi 
I am having the same problem with all Kendoui web controls.
I am using them with MVC wrappers and checked the datepicker, combobox and listbox and they doesn't response using iPad or iPhone.
you may see that on the web site www.yomaney.com
I have set up a user name and password both are kendoui.
try add and expense through the iPad/iPhone and you'll see that you can't select a date or a bank account for example.

Regards,
Omer
Tags
Date/Time Pickers
Asked by
Trent
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Trent
Top achievements
Rank 1
Shenthuran
Top achievements
Rank 1
Omer
Top achievements
Rank 1
Share this question
or