Diff for "TimeAndDatePickers"

TimeAndDatePickers

Differences between revisions 3 and 5 (spanning 2 versions)

Ubuntu Touch should have a set of time and date picker controls.

Contents

Setting the device time and date in System Settings.
(not for the initial release) Adding someone’s birthday to the address book, with or without a year.
Fine-tuning the time and date of a Calendar event.
The Clock app currently uses its own clock hands for setting a timer or countdown value.

HTML’s <input> element, and therefore the Ubuntu Phone browser, requires controls for entering particular parts of a date and/or time:

Control	`type=`	Nullable	Can have min/max	Step precision	Potential components
global date and time	`datetime`	yes	yes	seconds	year, month, date, hours, minutes, seconds, fraction, time zone offset
local date and time	`datetime-local`	yes	yes	seconds	year, month, day, hours, minutes, seconds, fraction
date	`date`	yes	yes	days	year, month, day
month	`month`	yes	yes	months	year, month
week	`week`	yes	yes	weeks	year, week
time	`time`	yes	yes	seconds	hour, minutes, seconds, fraction

Nokia N9: Time and Date Picker
iOS date picker: “A date picker can have up to four independent wheels, each of which displays values in a single category, such as month or hour … The overall size of a date picker is fixed at the same size as the iPhone keyboard.”
Android date and time pickers: “Android provides these as ready-to-use dialogs.”
Windows: “Adding a DatePicker” and “Adding a TimePicker”

p1.small.png p2.small.png

TimeAndDatePickers (last edited 2013-11-13 14:46:11 by faun)

-  ⇤ ← Revision 3 as of 2013-07-05 11:56:42 → 
  Size: 4064
  Editor: mpt
  Comment: adding a birthday not for the initial release
+   ← Revision 5 as of 2013-07-18 15:09:49 → ⇥
  Size: 4539
  Editor: mpt
  Comment: + "Applying the basic ideas to the use cases"
-Deletions are marked like this.
+Additions are marked like this.
 Line 2:
+<<TableOfContents()>>
-Line 27:
+Line 29:
-== What other platforms do ==
+<<Anchor(process)>>
== Design process ==

=== Competitor analysis ===
-Line 33:
+Line 38:
+=== Design workshop ===

{{attachment:workshop-android-continued.jpg}}
{{attachment:workshop-horizontal-barrel.jpg}}
{{attachment:workshop-dual-escalators.jpg}}
{{attachment:workshop-horizontal-swipe.jpg}}
{{attachment:workshop-dials.jpg}}
{{attachment:workshop-vertical-barrel.jpg}}

=== Applying the basic ideas to the use cases ===

{{attachment:p1.small.png}}
{{attachment:p2.small.png}}