3 ms·

The jQuery UI Datepicker widget[0] still remains my favourite date picker implementation, even though it sadly never supported mobile phones that well. Non-con

The jQuery UI Datepicker widget[0] still remains my favourite date picker implementation, even though it sadly never supported mobile phones that well. Non-confusing design, live-reacting to user typing the date with keyboard, accessible, configurable, and offering 0-effort localisation in 60+ languages[1]. Is there anything like this in React world? [0] https://jqueryui.com/datepicker/#dropdown-month-year https://jqueryui.com/datepicker/#dropdown-month-year [1] https://github.com/jquery/jquery-ui/tree/main/ui/i18n https://github.com/jquery/jquery-ui/tree/main/ui/i18n

troupo 2y ago
That date picker is really good. > Is there anything like this in React world? None in any world, to be honest. It's amazing that most UI libraries go out of their way to make month and year selection as awkward and non-intuitive as possible.
- kijin 2y ago
  It's as if today's UI designers can't imagine why someone would pick a date 20 years in the past. I wonder if they ever had to enter their own date of birth on a form somewhere. Surely most of them are over 20 years old?
  - paulryanrogers 2y ago
    My guess is they've never built a birthday input, and possibly never had to use one. Or rather their LLM has never.
- skrebbel 2y ago
  Current top comment links to PrimeVue and I feel like it solves month/year selection very similarly (except not with a dropdown): https://primevue.org/datepicker/ https://primevue.org/datepicker/ This is the first UI component lib I checked. I'm curious what's missing here in your opinion?
  - troupo 2y ago
    It's not obvious you can click month/year. Unclear how to back out if you think you made a mistake. One of the better ones I've seen is https://vaadin.com/docs/latest/components/date-picker https://vaadin.com/docs/latest/components/date-picker
    - skrebbel 2y ago
      Fair! Thanks EDIT: ooh wow that Vaadin one is super nice indeed!
miunau 2y ago
Unless you require something special, just a regular <input type="date"> or datetime-local is a good choice these days. There's week and time types as well.
- _mlbt 2y ago
  It’s amazing how far you can get with just HTML and a gentle sprinkle of CSS these days.

troupo 2y ago

That date picker is really good. > Is there anything like this in React world? None in any world, to be honest. It's amazing that most UI libraries go out of their way to make month and year selection as awkward and non-intuitive as possible.

kijin 2y ago
It's as if today's UI designers can't imagine why someone would pick a date 20 years in the past. I wonder if they ever had to enter their own date of birth on a form somewhere. Surely most of them are over 20 years old?
- paulryanrogers 2y ago
  My guess is they've never built a birthday input, and possibly never had to use one. Or rather their LLM has never.
skrebbel 2y ago
Current top comment links to PrimeVue and I feel like it solves month/year selection very similarly (except not with a dropdown): https://primevue.org/datepicker/ https://primevue.org/datepicker/ This is the first UI component lib I checked. I'm curious what's missing here in your opinion?
- troupo 2y ago
  It's not obvious you can click month/year. Unclear how to back out if you think you made a mistake. One of the better ones I've seen is https://vaadin.com/docs/latest/components/date-picker https://vaadin.com/docs/latest/components/date-picker
  - skrebbel 2y ago
    Fair! Thanks EDIT: ooh wow that Vaadin one is super nice indeed!

miunau 2y ago

Unless you require something special, just a regular <input type="date"> or datetime-local is a good choice these days. There's week and time types as well.

_mlbt 2y ago
It’s amazing how far you can get with just HTML and a gentle sprinkle of CSS these days.