Date Time Picker Storyboard - Selecting Due Date and Time
Deprecated Version
Please note: This storyboard shows an old version of the date picker along with rolling time picker, and does not reflect the current design for the date or time picker.
Omnigraffle file for this storyboard: DatePickerPaperPrototype4.graffle.zip
With the Opening date set, George now clicks on the Due date field.
George would like the Due dates to be 2 weeks after the Opening date, the 17th.
George's selection is shown in the date field.
George clicks on the time field.
George selects 5PM.
George would like to accept the assignments only until the 17th. All late assignments should be handed in in person. He clicks on the Accept Until date field. The Open and Due dates are shown in the calendar.
George mouses over 17, to select the 17th as the Accept Until date.
George clicks on the 17th. The calendar disappears and the selected date is shown in the text box.
George opens the time picker to select the time.
George wants to accept the late assignment until midnight of the 17th. He would like to select 11:59 to be clear. He mouses over 11 on the time wheel.
George selects 11 to be the time. Since 59 isn't on the minute wheel, he clicks on the text field to place the cursor by the minutes.
George deletes the 00.
George types in 59.
The dates and times are all successfully entered.
