Perhaps I am missing something obvious, but when I utilize the dojo date picker with a mobile application, the control renders incorrectly, is there a different date picker control for the mobile apps or something obvious I am overlooking?
A little more information, the date picker controls work fine, until I name the XPage so that it matches the xsp.theme.mobile.pagePrefix pattern then it changes to 2 boxes, a bullet icon and a grayed out icon? Other strange activity happens when you pop the calendar like being able to see a list of all the months, a calendar and 3 years choices, but everything is blown apart and not formated properly.
I agree with Declan that HTML5 would be the solution for IOS5, and I think it’s the trend in future browser development.
However, in case your mobile Web app needs to support both iPhone, iPad and Android now, you may have to consider an alternative solution.
For example, you can try using mobiscroll, which is a jQuery plugin:
http://code.google.com/p/mobiscroll/
You will have to include mobiscroll-1.6.min.css, mobiscroll-1.6.min.js and jquery-1.7.2.min.js to your Xpage.
Note that the “x$ jQuery selector for XPages” XSnippet may be useful to you too:
http://openntf.org/XSnippets.nsf/snippet.xsp?id=x-jquery-selector-for-xpages
Hope it helps.