t0gre / react-datepicker

An easily internationalizable, accessible, mobile-friendly datepicker library for the web, build with styled-components.
https://react-datepicker.netlify.com/
MIT License
331 stars 54 forks source link

Time picker feature #25

Open tobiasf opened 5 years ago

tobiasf commented 5 years ago

Love the library!

We have started transitioning all our implementations of date pickers to use this library. However, we have a few places where we also need to be able to change the time of day, together with choosing a specific date. See screenshot for our current implementation with our old custom date-picker:

datepicker

Is this something you could consider implementing? Or is it out of scope for this library?

tresko commented 5 years ago

Maybe I could implement it. Do you have any suggestions about what the design would look like?

tobiasf commented 5 years ago

Initially I was picturing something like this, where you just type in the time manually (or with a stepper or similar): Screenshot 2019-11-04 at 15 28 25

However, I'm not sure if that's the best for mobile devices for instance. Perhaps clicking the time should open some kind of popup/dropdown, where it's easier to choose a time, even on mobile devices? Like the Material UI time picker: https://material-ui.com/components/pickers/#material-ui-pickers

goxr3plus commented 4 years ago

That's really amazing idea , really amazing :)!!! @tresko @tobiasf

Faran52 commented 4 years ago

+1 @tobiasf

subhendukundu commented 3 years ago

Is this in the pipeline already?