search

hypeserver / react-date-range

A React component for choosing dates and date ranges.
MIT License
2.58k stars 667 forks source link

Request: Add option where selecting a date in-view doesn't cause a focus change #427

Closed lexispike closed 2 years ago

lexispike commented 3 years ago

Subject of the issue

I'm using the DateRangePicker with 2 months showing with the horizontal display. When I select a date showing on the right calendar, the selection causes an auto-focus so that the selected date is now shown on the left calendar. With my use case, the user cannot select any date after today, so this behavior creates a weird experience when I select Today for example (where the right calendar is completely disabled).

Alternatively, if this issue was fixed, I think that would fix my base issue here, but I still think having this as an option would be net-positive.

Environment

Package Version: 1.1.3 React version: 16.8.6 Node version: 8.17.0 Browser: Chrome 85.0.4183.121

Wgil commented 3 years ago

I'd also like this be implemented

Wgil commented 3 years ago

Is there any chance a maintainer could consider including this functionality? There's a pull request created already

ginnerzapata commented 3 years ago

This functionality would be amazing to have

Skorpioh commented 3 years ago

We desperately need this. The current behavior is a disaster, the calendar is flipped under the user's cursor without them moving the mouse basically preselecting/highlighting a 1 month period without them actively interacting with the multi-month calendar. Super confusing.

teksebarna commented 3 years ago

Too bad I haven't found this issue earlier, so I wouldn't have to create a new one. But I'm still facing the same problem and I would really appreciate it we could have this fix implemented as soon as possible. Thank you!

dashdanilo commented 3 years ago

I have the same problem implementing it in the vertical scroll, when I click next month it jumps to the selected month making the user experience strange. Any solution for that?

kamyar commented 3 years ago

Sorry for the late reply. This is indeed an issue that is annoying. Please let me know what you think about https://github.com/hypeserver/react-date-range/pull/428 and we can try to include that in the next release.

peterschwarzdev commented 3 years ago

Any chance to get the #428 reviewed? Seems like is ready to be merged.

kamyar commented 2 years ago

Fixed in 1.4.0