Child pages
  • Date Time Picker Wireframes

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

There are 3 components in this family: a Date Picker, a Time Picker, and a (combined) Date Time picker. There is also a potential future component: a Rolling Time Picker.

Omnigraffle file for these wireframes: TimePicker_02-06.graffle

Picking Opening Date

These wireframes illustrate a Date Picker by itself, not combined with a Time Picker.

Picking Due Date

These wireframes illustrate a Date Picker by itself, not combined with a Time Picker.

Picking Time

Time Picker

These wireframes illustrate a Time Picker which is combined with a Date Picker.

24-hour Clock Version of Time Picker:

Typing a Date & Time

These wireframes illustrate a combined Date Time Picker.


Potential Future Feature: Help text for mm/dd format

When the user types in the date in mm/dd or dd/mm format, in areas such as Canada where there is no established convention, help text with the two options would be presented.

Potential Future Component: Rolling Time Picker

These wireframes illustrate a different type of Time Picker for which we have this initial design but no storycards, as we decided to move forward with development of the Tabbed Time Picker. We do think this design merits further thought and potential development in the future as a stand-alone time picker (which would not be combined with a date picker).

See early interactive prototype of the rolling time picker here: http://ets-dev.berkeley.edu:8901/trunk/html/timepicker.html#

  • No labels