Skip to content

Time Picker

Category Requires Version
User Interface API 21, Android 5.0 Lollipop 9

Overview

A button that, when clicked on, launches a popup dialog to allow the user to select a time.

Permissions

Events

After Time Set

This event is run when a user has set the time in the popup dialog.

whenTime Picker.After Time Setdo

Got Focus

Indicates the cursor moved over the button so it is now possible to click it.

whenTime Picker.Got Focusdo

Lost Focus

Indicates the cursor moved away from the button so it is now no longer possible to click it.

whenTime Picker.Lost Focusdo

Touch Down

Indicates that the button was pressed down.

whenTime Picker.Touch Downdo

Touch Up

Indicates that a button has been released.

whenTime Picker.Touch Updo

Methods

Button Click

Perform a button click as function.

callTime Picker.Button Click

Launch Picker

Launches the TimePicker popup.

callTime Picker.Launch Picker

Set Animation Style

Allows you to set animation style. Valid (case-insensitive) values are: ChasingDots, Circle, CubeGrid, DoubleBounce, FadingCircle, FoldingCube, Pulse, RotatingCircle, RotatingPlane, ThreeBounce, WanderingCubes, Wave. If invalid style is used, animation will be removed.Position can be: top, left, right, bottom. Size can be 100.

callTime Picker.Set Animation Stylestylepositionsizecolor
Params
style Text
position Text
size Number
color Number

Set Shadow

Place a blurred shadow of text underneath the text, drawn with the specified x, y, radius, color (e.g. -11, 12, 13, black.

callTime Picker.Set Shadowxyradiuscolor
Params
x Number
y Number
radius Number
color Number

Set Time To Display

Set the time to be shown in the Time Picker popup. Current time is shown by default.

callTime Picker.Set Time To Displayhourminute
Params
hour Number
minute Number

Set Time To Display From Instant

Set the time from the instant to be shown in the Time Picker popup. Current time is shown by default.

callTime Picker.Set Time To Display From Instantinstant
Params
instant Instantintime

With Icon From Font Awesome

Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a 'FontAwesome' icon as the button icon without uploading a image resource into your project. You can find the icon code here at https://fontawesome.com/cheatsheet Use as example for a heart icon just 'f004' or ''

callTime Picker.With Icon From Font Awesomepositionicon Nameicon Colorpaddingsize
Params
position Text
icon Name Text
icon Color Number
padding Number
size Number

With Icon From Material Font

Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text. Use a 'Material' icon as the button icon without uploading a image resource into your project. You can find the icon name here at https://material.io/resources/icons

callTime Picker.With Icon From Material Fontpositionicon Nameicon Colorpaddingsize
Params
position Text
icon Name Text
icon Color Number
padding Number
size Number

With Icon From Picture

Show an image on the given position near to the button. You can use following words for the position: 'Left', 'Right', 'Top' or 'Bottom'. Use the padding to add space between the icon and text.

callTime Picker.With Icon From Picturepositionpicturepaddingwidthheight
Params
position Text
picture Text
padding Number
width Number
height Number

Properties

Background Color

Color Default: #444444FF  ➖ Read Write - Designer Blocks

Returns the button's background color

Time Picker.Background Color
setTime Picker.Background Color to 

Border Shadow

Available as Advanced Property

Boolean Default: True ➖ Write - Designer

Returns true if the button have a outside border shadow on click.

Enabled

Boolean Default: True ➖ Read Write - Designer Blocks

If set, user can tap check box to cause action.

Time Picker.Enabled
setTime Picker.Enabled to 

Font Bold

Boolean Default: False ➖ Read Write - Designer Blocks

If set, button text is displayed in bold.

Time Picker.Font Bold
setTime Picker.Font Bold to 

Font Italic

Boolean Default: False ➖ Read Write - Designer Blocks

If set, button text is displayed in italics.

Time Picker.Font Italic
setTime Picker.Font Italic to 

Font Size

Number Default: 14.0 ➖ Read Write - Designer Blocks

Point size for button text.

Time Picker.Font Size
setTime Picker.Font Size to 

Font Typeface

Number Default: 0 ➖ Write - Designer

Font family for button text.

Font Typeface Import

Available as Advanced Property

Text ➖ Write - Designer Blocks

Set a custom font.

setTime Picker.Font Typeface Import to 

Height

Number ➖ Read Write - Blocks

Specifies the component's vertical height, measured in pixels.

Time Picker.Height
setTime Picker.Height to 

Height Percent

Number ➖ Write - Blocks

Specifies the component's vertical height as a percentageof the height of its parent Component.

setTime Picker.Height Percent to 

Hour

Number ➖ Read - Blocks

The hour of the last time set using the time picker. The hour is in a 24 hour format. If the last time set was 11:53 pm, this property will return 23.

Time Picker.Hour

HTML Format

Available as Advanced Property

Boolean Default: False ➖ Write - Designer

If true, then this button will show html text else it will show plain text. Note: Not all HTML is supported.

Image

Text ➖ Read Write - Designer Blocks

Image to display on button.

Time Picker.Image
setTime Picker.Image to 

Instant

Instantintime ➖ Read - Blocks

The instant of the last time set using the time picker

Time Picker.Instant

Minute

Number ➖ Read - Blocks

The minute of the last time set using the time picker

Time Picker.Minute

Rotation Angle

Available as Advanced Property

Number Default: 0.0 ➖ Read Write - Designer Blocks

Sets the degrees that the button is rotated around the pivot point. Increasing values result in clockwise rotation.

Time Picker.Rotation Angle
setTime Picker.Rotation Angle to 

Shape

Number Default: 0 ➖ Write - Designer

Specifies the button's shape (default, rounded, rectangular, oval). The shape will not be visible if an Image is being displayed.

Show Feedback

Available as Advanced Property

Boolean Default: True ➖ Read Write - Designer Blocks

Specifies if a visual feedback should be shown for a button that as an image as background.

Time Picker.Show Feedback
setTime Picker.Show Feedback to 

Text

Text ➖ Read Write - Designer Blocks

Text to display on button.

Time Picker.Text
setTime Picker.Text to 

Text Alignment

Number Default: 1 ➖ Write - Designer

Left, center, or right.

Text Color

Color Default: #FFFFFFFF  ➖ Read Write - Designer Blocks

Color for button text.

Time Picker.Text Color
setTime Picker.Text Color to 

Touch Color

Available as Advanced Property

Color Default: #CCCCCCFF  ➖ Read Write - Designer Blocks

Set the buttons touch color.

Time Picker.Touch Color
setTime Picker.Touch Color to 

Visible

Boolean Default: True ➖ Read Write - Designer Blocks

Returns true iff the component is visible.

Time Picker.Visible
setTime Picker.Visible to 

Width

Number ➖ Read Write - Blocks

Specifies the component's horizontal width, measured in pixels.

Time Picker.Width
setTime Picker.Width to 

Width Percent

Number ➖ Write - Blocks

Specifies the component's horizontal width as a percentageof the Width of its parent Component.

setTime Picker.Width Percent to 

Last update: November 9, 2022