Wheel Scroller and Date Time Picker for Touch Devices: Mobiscroll

The paradigm of web and UI design is changing rapidly to provide interactive and smooth user experience on touch-based devices. This changes not only the design patterns but also the user controls and screen objects. Those designed for ‘conventional’ machines and browsers are not really good for ‘new generation’ clients like iPad, tablets and other touch-enabled devices.

There is already a lot of development going on to provide alternative to existing screen objects and user controls that can be used for web applications and interfaces designed specifically for touch-based interfaces. Take the example of Mobiscroll.

Mobiscroll is a free jQuery plugin that provides date/time picker tool in a wheel scroller fashion for touchscreens.

Mobiscroll allows users to select date/time easily on a touch-based device in an interactive manner. It can be customized support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). The control is themable, comes with pre-defined, nice looking color schemes and you can easily change the appearance using CSS.