Time Picker

The Time Picker is the component that inputs the time by means of the Time Picker.

Properties

UI Dialog

Item	Input value	Option	Default value
ID	string		automatic
Label	string		Time Picker
Width	number		262
Height	number		55
X	number
Y	number
Variant	select	OUTLINED FILLED STANDARD	OUTLINED
Color	string color picker
Background Color	string color picker
Label Color	string color picker
Input Color	string color picker
Disabled	boolean	on off	off
Read Only	boolean	on off	off
Required	boolean	on off	off
Visibility	boolean	on off	on
Value	string
Placeholder	string
Helper Text	string
Change Event	select	NONE ACTION	NONE
Error	-

Action

Item	Properties	Data Type	Options	Default value
id	string		automatic
label	string		Time Picker
width	number		262
height	number		55
x	number
y	number
variant	string	outlined filled standard	outlined
color	string
backgroundColor	string
labelColor	string
inputColor	string
disabled	boolean	true false	false
readOnly	boolean	true false	false
required	boolean	true false	false
visibility	boolean	true false	true
value	string
placeholder	string
helperText	string
error	boolean	true false	false

Tips

Tips

• The [id] property cannot be set by an action.
• The format of the time picker is [hh:mm aa]. The format cannot be changed.
• When setting the initial value for "value", a trailing Z makes it UTC and the client will take the time difference into account.
  In Japan, the time would be 9 hours ahead.
  If you do not add a trailing Z, the component will display the set time.
• When “Required” property is turned ON, * mark will appear next to the label. Required checks are not performed automatically, so please define an action.

Event

Event name	Description
onchange	Occurs when a value change is made and the cursor is moved out of the way.