Date picker (Calendar)

Summary:

LWUIT

Related design guidelines

Basics

Figure: Button opens Calendar view

Figure: Calendar view

Basic interaction:
- Pick a date.
- Allows to set month and year.
Item opening the Calendar view:
- Custom solution, not being part of the UI component as such.
- Show the current date.
- Always one date selected, by default current date should be selected.
Calendar view interaction:
- Month and year ComboBox buttons open a drop-down menu.
- Selecting a new month or year updates the calendar immeadiately.
- Requires additional buttons:
  - Done.
  - Cancel.
- Not allowed to be part of tabbed view since they:
  - Require exclusive use of scroll left/scroll right key of the the navipad.
  - Take precious screen real estate in touch and type and non-touch.
Structure:
- Component.
- Build from :
  - ComboBox.
  - Grid.

Full touch	Touch and type	Non-touch	Description
Figure: View in full touch	Figure: View in touch and type	Figure: View in non-touch	Full touch: Entire calendar view fits to the screen. Actions must be added: Confirm icon in action button 1, "Cancel" via Back. Touch and type: Calendar view fits only partially to the screen. Requires vertical scrolling to see the last days of the month. Softkeys must be added: "OK" to MSK, "Cancel" to RSK, Options to LSK is optional. Non-touch: Due to navigation problems, the current implementation is not recommended for non-touch. Screens with less pixels require re-scaling of the font so that the calendar view fits. Calendar view fits only partially to the screen. Requires vertical scrolling to see the last days of the month . Sofkeys must be added: "OK" to LSK, "Select" to MSK, "Cancel" to RSK.