Best Ember Date Picker?


#1

What is everyone using for a date picker in Ember?

I found this one:

but its not even maintained anymore and its not the best date picker for sure.


#2

https://www.emberobserver.com/categories/datepickers


#3

I actually rolled my own, it was pretty easy to do using components and I wanted something that was tailored to mobile devices and had support for time of day. If you have a day of time to do it then I’d recommend it as a good way to build something you can reuse in the future :slight_smile:


#4

What is your requirement?

We are using https://github.com/edgycircle/ember-pikaday . Works well for us!


#5

Have you ever managed to implement Localization for ember-pikaday ? If so, how did you do that ? I opened an issue, but still no solution :(. Thank you.


#6
<input type="date">

Using the power of the browser is usually always a better choice for a11y than any {your favorite JS framework} abstraction.


#7

Not an option if you have to support IE 11 and Safari: https://caniuse.com/#feat=input-datetime

But I think it’s a valid point to question that all favored addons (ember-power-datepicker, ember-flatpickr, ember-pikaday) customizing <input type="text"> elements. Not quite sure if there is a technical reason for that.

Edit: It just works: https://ember-twiddle.com/009890890378de0934fdbc6ad52a6a00?openFiles=templates.application.hbs%2C For production-use some tweeks needed to render localized date in browsers that do not support <input type="date">. Also keyboard input is broken due to upstream issue: https://github.com/dbushell/Pikaday/issues/493

Edit: Added an example with ember-power-datepicker to twiddle. Also has several issues with <input type="date">.


#8

I managed to apply the localization for ember-pikaday.