Read more

Customizable date (and time) picker: Rome

Arne Hartherz
May 06, 2015Software engineer at makandra GmbH

Rome depends on Moment.js which significantly increases your package size.

For our current recommendations, see Components: Date/time pickers.

Datetime picker that offers:

  • simple UI without a specific framework
  • several of customization options
  • allows custom date/time validations
Illustration UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
Read more Show archive.org snapshot

Localization happens via moment.js (which is a Dependency anyway).

However, you won't be happy trying to customize it too much:

  • It does not support full custom templates, you can only set classes of its elements. If you require extra containers, you are out of luck.
  • It offers only a few events, and you can not distinguish if users pick a date, switch to another month, or click outside of the picker
  • When switching to another month, your date changes immediately.

We've successfully used https://github.com/uxsolutions/bootstrap-datepicker Show archive.org snapshot + https://makandracards.com/makandra/42333-clockpicker-android-style-time-picker-for-bootstrap for customized date and time controls.

Posted by Arne Hartherz to makandra dev (2015-05-06 11:50)