Time Spinner Config.

var timespinner = new Y.TimeSpinner{...

hourtype:'12', 'hourtype' is either 12 or 24 hr format.
separator:':', 'separator' the separator to be used in between hh:mm:ss.
seconds:true, 'seconds' true or false as wether or not ss are required.
timepsan:{required:true,sep:' - '}, 'timepsan' true or false and the spearator to be used.
holder:'#..' the id of the element to where the time spinner will be drawn.

Time Spinner Examples

Time Spinner
12 hour clock, with seconds, with a time span.

var timespinner = new Y.TimeSpinner({ hourtype:'12', separator:':', seconds:true, timepsan:{required:true,sep:' - '}, holder:'#boxd' }); timespinner.render(); timespinner.focus();

To get the value of the time spinner. 'timespinner.getValue();'

Time Spinner 1.
12 hour clock, no seconds, with a time span.

var timespinner1 = new Y.TimeSpinner({ hourtype:'12', separator:':', seconds:false, timepsan:{required:true,sep:' - '}, holder:'#boxd1' }); timespinner1.render(); timespinner1.focus();

To get the value of the time spinner. 'timespinner1.getValue();'

Time Spinner 2.
24 hour clock, no seconds, no time span.

var timespinner2 = new Y.TimeSpinner({ hourtype:'24', separator:':', seconds:false, timepsan:{required:false,sep:' - '}, holder:'#boxd2' }); timespinner2.render(); timespinner2.focus();

To get the value of the time spinner. 'timespinner2.getValue();'

Time Spinner 3.
12 hour clock, no seconds, no time span.

var timespinner3 = new Y.TimeSpinner({ hourtype:'12', separator:':', seconds:false, timepsan:{required:false,sep:' - '}, holder:'#boxd3' }); timespinner3.render(); timespinner3.focus();

To get the value of the time spinner. 'timespinner3.getValue();'