You can configure the <duration-value> component to display number spinners. You can specify how many spinners should be available for entering time information.
To add/delete/modify a duration spinner
Users may specify values above the theoretical maximum and they will be converted. For example, 25 hours would correspond to +1 day and 1 hour.
<duration-value type="spinner"> <!-- Type should be "text" or "spinner". --> <default> <!-- You can specify a default value for any --> <time-period> <!-- period type listed above. --> <days>14</days> <!-- Here, a default value of 14 is displayed --> <hours>6</hours> <!-- to the user for the 'days' entry and '6' is --> </time-period> <!-- displayed for the 'hours' entry. --> </default> <minimum> <!-- Minimum and maximum values can be specified --> <time-period> <!-- for each period type. --> <hours>4</hours> </time-period> </minimum> <maximum> <time-period> <years>2</years> </time-period> </maximum> <display> <!-- This works for only the "spinner" duration --> <time-period> <!-- type. Using this element creates a spinner --> <months>1</months> <!-- for each time period that you specify. A --> <days>1</days> <!-- time period with a value of '1' displays a --> <hours>1</hours> <!-- number spinner for that time period type on --> </time-period> <!-- the GUI. --> </display> </duration-value>
Related topics