Time Picker
The time picker is a control to input time, which functions as a dialog box or dialog page. It can be used to select an hour (for example, 1:00 pm) or a time period (for example, from 1:00 pm to 2:00 pm).
 |
|
|
| Figure 1: Time picker for single time entry | Figure 2: Time picker for time period entry. |
Required Properties
- The entire navigation bar with the logo and dropdown menu should be removed so that the user has to explicitly select a date or cancel to exit this page.
- Provide a page header.
- Left-align numbers
Optional
- Now button
- Day button (for example, from 9:00 am to 5:00 pm)
- No Time button (for example, in a calendar application)
Dimensions
- Width: 100% of container (standard = 240 pix)
- Table header and footer height: 22 pix
- Calendar rows height: 16 pix, including 1 pix border
Colors and Fonts
- Background color: White #FFFFFF
- Regular text: Black #000000
