A Time Input component allows your app's user to easily select a specific time using the native Android or iOS date picker.
Native Android Time Picker on the left and iOS on the right Property
Description
Data Type
Format to use when displaying selected time
Select from menu [Hour:Minute AM/PM, Hour:Minute 24h]
Size of font when displaying time
Select whether font is italic
Select whether font is bold
Color of font when displaying time
Property
Description
Data Type
Location of top left corner of Time Input on X-axis, where the left hand side is X=0
Location of top left corner of Time Input on Y-axis, where the top side is Y=0
Height of Time Input in pixels
Width of Time Input in pixels
Define dimensions of the time input component/container
Select from list [Stretch, Float in Place]
Property
Description
Data Type
Toggle whether your end users can see the Time Input
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from list [solid, dotted, dashed]
Color of border (only visible if border width > 0)
Width of border around Time Input in pixels
Radius of corners of border on Time Input in degrees
Color of Time Input's shadow
Opacity of Time Input's shadow
Radius of corners of Time Input's shadow in pixels
How far Time Input's shadow should be offset, in Height and Width, in pixels
The time that a user selects will show up automatically in the Time Input label but if you want to save the time somewhere to be uploaded later, you'll need to add a block like the one below.
Time in whichever format you specify
Hour of the Day from 1-24
Fires when the user has selected a time with the Time Input
Launches the Time Input picker for the user to select a time.
Returns the hour of the currently selected time in 24 hour format.
Example: if the user selects 2:30 PM, this block will return 14.
Returns the minute of the currently selected time.
Example: if the user selects 2:30 PM, this block will return 30.
Returns the selected time in the same format as the Style property of the Time Input.
Example: if the user selects 2:30 PM, and the Style is set to Hour:Minute AM/PM, this block will return 2:30 PM.
If the user selects 2:30 PM, and the Style is set to Hour:Minute 24h, this block will return 14:30.
Set and get properties of the Time Input
Computed Height and Width
Returns the height/width of the Time Input on the device screen in pixels.
Background Color
Set the background color of the Time Input as it is displayed in the project.
Set the Text Alignment of the Time Input to Auto, Left, Right, Center or Justify.
