Date range selection

Calendar-dribbble

4 Responses

  1. Janko Jovanovic Janko Jovanovic

    I'm exploring alternatives for date range selection on a calendar overlay. In this version, user would either click on a single date or click and drag to select a date range.
    Any thoughts?

    almost 2 years ago

  2. Jakub Linowski Jakub Linowski

    Maybe incorporate some visual cues to let people know that dragging is possible?

    likes

    almost 2 years ago

  3. Aaron Moodie Aaron Moodie

    Love it, especially the range concatenation. I'm assuming the Blue is indicating the current day? I'd flip the highlight states, so the current day is noted, but not focussed on, and then make the selected range a colour.

    likes

    almost 2 years ago

  4. Janko Jovanovic Janko Jovanovic

    @Jakub Linowski Thanks for the comment! This is how it currently works: when user clicks on start-date and move cursor, the semi-transparent selection cue is made (starting with selected date and on to the cursor). When users click on end-date, the selection is created.

    @Aaron Moodie Good point. Yes, the blue is current date. For consistency reasons, selection needs to be inset, so I'll think of something for this blue - maybe I'll go with gray as well.

    almost 2 years ago

keyboard shortcuts: previous shot next shot L or F like