UX: Alter daterange picker UI to show startmonth/endmonth instead of two consecutive months #432

Open
themadcreator opened this Issue Jan 9, 2017 · 0 comments

Projects

None yet

3 participants

@themadcreator
Contributor
themadcreator commented Jan 9, 2017 edited

Actual behavior

Currently the daterange picker looks like this:
image

In the field, users often want to select a date range from today to a date far in the future (like the next full calendar year). Like so:
image

Example 1
  1. select start date
  2. selected end date
  3. change month
  4. select end date (FAIL) This doesn't work because is starts a new range.
Example 2

A user wants to search say... 3 years in the past. They navigate the left cal to 2014 (of the current month) and select today's date. Then they go to the right calendar to click today's date (of this year, because that's what it looked like a second ago).

They get confused that the right calendar has updated (and sometimes they don't notice because they were so sure that it wasn't going to change).

Expected behavior

Furthermore, many users first impression was that the two months represented separate startdate/enddate calendars.

Preferably, there should be an optional mode where the two calendar months are disconnected, allowing the user to easily select start date in one and end date in the other.

Further, the calendars could have some minor coordination to make sure the left calendar is always chronologically before the right one.

@haosharon Created a copy of daterangepicker that does this on GHE. That might be a good place to start.

@leebyp leebyp self-assigned this Jan 19, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment