Datetime keyboard on a mobile

Datetime keyboard on a mobile

Hi,

I am creating an app for scheduling orders, ideally on a mobile device. I have got a "work completed" input which uses the date-time field. However, I have noticed that this is actually classed as a HTML text input field, which means it doesn't bring up the datetime keyboard on an iPhone or Android device etc. Is there anyway to change this as it is very hard to use the JavaScript calendar on a mobile?

I have attached a picture of the keyboard I would to use (the one on the left).

Also, Ideally I would like to be able to select the time in 15 minute intervals e.g. 12:00, 12:15, 12:30, 12:45. What is the best way of achieving this?

Thanks in advance.

Regards.