Mobiscroll Date & Time lets your users pick dates and times easily on a familiar UI. It makes the UX consistent across browsers and platforms.

Enable date selection with a scroller-style control. You can use it for picking dates in the future or past and in various scenarios like selecting a date of birth, picking a date for an appointment or schedule.

View a live demo of the date picker.

Enable time selection with a scroller-style control that is familiar for your users. Use it to pick hours, minutes up to seconds, supporting multiple formats, like 12 hour or 24 hour format.

View a live demo of the time picker.

Combine date and time selection with the Date & Time picker. Either with each date-part and time-part on its own wheel or have a combined scroller with date on one wheel and time on two to three wheels (like the iPhone picker).

View a live demo of the date and time picker.

Localize your UI with appropriate date format, time format, labels. Supporting RTL rendering for Right-to-left languages.

You can try the demos with different localization settings.

Help your users select the date and time they are looking for and minimize mistakes.

Showing the values in the format people expect them in is key to a great user experience. Don’t alienate users with formats they don’t understand. Set date & time formats thought the API - supporting a wide variety of format strings, 12/24 hours, showing/hiding date and time wheels get to the result as fast as possible. View this demo of the different time formats and see how you can create a month and year picker for a credit card expiration field.

Formatting is inherited form the localization settings, but it can be overridden on a case-by-case basis.

Reduce the number of choices available on the scroller by setting the steps. Need a time picker with 5, 10 or 30 minute increments? The steps API setting has you covered.

Render the controls in the correct display mode according to the size of the screen. The Date & Time supports the following display modes:

View a live demo with all display modes.

Circular and infinite scrolling is supported. Values like days in the month or months can be looping so that users don’t have to scroll all the way up to get to the first couple of values. You can manually override it with the circular API setting.

The Date & Time is cross-browser and cross-platform and it ships with a number of themes:

Theme colors can be further customized with the theme builder to get the perfect fit with your brand and app/website. See how you to use the theme builder to make your custom themes.