XPages mobile web application ; input time with iPhone

XPages mobile web application ; input time with iPhone

I'm making a mobile web application with the extension library in XPages.
The user has to make some inputs. One of those is time. I would like the
user to get the native spinning time scroller from the iPhone. Instead he
gets an unusable time "choser". How could I do this? Now I'm using
standard code like: (code is for a date but problem remains the same)
<xp:inputText value="#{document1.visDate}" id="visDate1"
defaultValue="#{javascript:@Now()}" style="width:100px">
<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
<xp:this.converter>
<xp:convertDateTime type="date">
</xp:convertDateTime>
</xp:this.converter>
</xp:inputText>