Time Picker
Collaborate with us
Edit this page on GitHub
You can use the Time Picker UI Pattern to select a single time from a drop-down list.
How to use the Time Picker UI Pattern
-
In Service Studio, in the Toolbox, search for
Time Picker.The Time Picker widget is displayed.
-
From the Toolbox, drag the Time Picker widget into the Main Content area of your application's screen.
-
By default, the Time Picker widget contains an Input widget. It is mandatory to create a new local variable for this Input widget.
-
Set the variable Data Type to Time.
-
On the Properties tab, you can change the look and feel of the Time Picker widget by setting the (optional) properties.
-
After following these steps and publishing the module, you can test the pattern in your app.
Properties
| Property | Description |
|---|---|
| StartTime (Time): Optional | The first time option that appears in the drop-down. Make sure that the time is set according to the Interval property (if set). Examples
|
| Interval (Integer): Optional | Interval of time (in minutes) between the drop-down options. Example
|
| Is24hFormat (Boolean): Optional | If True, the time format is 24 hour. This is the default. If False, the time format is 12 hour. |
| AdvancedFormat (TimePickerAdvancedFormat): Optional | Allows for more options than the ones given in the input parameters. Inputs TimePickerAdvancedFormat
|