User Interface

User Interface (UI) refers to the visual and interactive elements of a digital system or application that enable users to interact with and control it.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  57 Blocks Available

Time Picker

This component allows users to select a time through a dialog. It provides properties to access the selected time and methods to customize the dialog and time range.

Overview

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

Events

Image Description
Events

After Time Set

  • Triggered after the user sets the time in the dialog.

    • Image Description
    Events

    Got Focus

  • Triggers when the time picker was got it's focus.

    • Image Description
    Events

    Lost Focus

  • Triggers when the time picker lost it's focus.

    • Image Description
    Events

    Touch Down

  • Triggers when the time picker was touch.

    • Image Description
    Events

    Touch Up

  • Triggers when the time picker was clicked and released.

    • Methods

    Image Description
    Methods

    Launch Picker

  • Launches the TimePicker dialog.

    • Image Description
    Image Description
    Methods

    Perform Click, Perform Long Click

  • Simulates a click on the TimePicker.


  • Simulates a long click on the TimePicker.

    • Image Description
    Methods

    Margin

  • The space outside a component, between the component’s boundary and other components. It determines the distance between different UI elements.

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0
    Image Description
    Methods

    Padding

  • The padding around the check box. Padding is the space inside the border.

    • # Name Type(s) Default Value
    1 left Integer 0
    2 right Integer 0
    3 top Integer 0
    4 bottom Integer 0
    Image Description
    Methods

    Set Shadow

  • Sets the shadow properties for the TimePicker (x-offset, y-offset, radius, color).

    • # Name Type(s) Default Value
    1 X Integer -
    2 Y Integer -
    3 radius Integer -
    4 color color -
    Image Description
    Methods

    Set time to display

  • Sets the time to be displayed when the TimePicker opens.

    • # Name Type(s) Default Value
    1 hour Integer -
    2 minute Integer -
    Image Description
    Methods

    Set Time to display From Instant

  • Sets the time to be displayed from an instant.

    • # Name Type(s) Default Value
    1 Instant text -

    Properties

    Image Description
    Image Description
    Methods

    Background Color

  • Getter method for the Background Color of the Time Picker.


  • Setter method for the Background Color of the Time Picker

    • # Name Type(s) Default Value
    1 get BackgroundColor color #00000000
    2 set BackgroundColor color -
    Image Description
    Image Description
    Methods

    Elevation

  • Getter and Setter method for the Elevation of the Time Picker.

    • # Name Type(s) Default Value
    1 get Elevation Integer 0
    2 set Elevation Integer -
    Image Description
    Image Description
    Methods

    Enabled

  • Gets whether the TimePicker is enabled.

  • Sets whether the TimePicker is enabled.

    • # Name Type(s) Default Value
    1 get Enabled boolean true
    2 set Enabled boolean -
    Image Description
    Image Description
    Methods

    Font Bold

  • Gets whether the TimePicker text is bold.

  • Sets whether the TimePicker text is bold.

    • # Name Type(s) Default Value
    1 get FontBold boolean false
    2 set FontBold boolean -
    Image Description
    Image Description
    Methods

    Font Italic

  • Gets whether the TimePicker text is italic.

  • Sets whether the TimePicker text is italic.

    • # Name Type(s) Default Value
    1 get FontItalic boolean false
    2 set FontItalic boolean -
    Image Description
    Image Description
    Methods

    Font Size

  • Gets the font size of the TimePicker text.

  • Sets the font size of the TimePicker text.

    • # Name Type(s) Default Value
    1 get FontSize Integer 14.0
    2 set FontSize Integer -
    Image Description
    Image Description
    Methods

    Font Typeface

  • Gets the font typeface of the TimePicker text.

  • Sets the font typeface of the TimePicker text.

    • # Name Type(s) Default Value
    1 get FontTypeface text Default
    2 set FontTypeface text -
    Image Description
    Image Description
    Methods

    Height

  • Gets the height of the TimePicker, in pixels.

  • Sets the height of the TimePicker, in pixels.

    • # Name Type(s) Default Value
    1 get Height Integer -1
    2 set Height Integer -
    Image Description
    Image Description
    Methods

    Width

  • Gets the width of the TimePicker, in pixels.

  • Sets the width of the TimePicker, in pixels.

    • # Name Type(s) Default Value
    1 get Width Integer -1
    2 set Width Integer 0
    Image Description
    Image Description
    Methods

    Height, Width Percent

  • Sets the height of the TimePicker to a percentage of the screen height.

  • Sets the width of the TimePicker to a percentage of the screen width.

    • # Name Type(s) Default Value
    1 set HeightPercent Integer -
    2 set WidthPercent Integer -
    Image Description
    Image Description
    Image Description
    Methods

    Instant, Minute, Hour

  • Returns the instant of the last time set using the time picker.


  • Returns the minute of the last time set using the time picker.


  • Returns the hour of the last time set using the time picker, in 24-hour format.

    • # Name Type(s) Default Value
    1 get Instant Integer -
    2 get Minute Integer -
    3 get Hour Integer -
    Image Description
    Image Description
    Methods

    Image

  • Gets the path of the image displayed on the TimePicker button.


  • Sets the path of the image to be displayed on the TimePicker button.

    • # Name Type(s) Default Value
    1 get Image text -
    2 set Image text -
    Image Description
    Image Description
    Methods

    Ripple Color

  • Gets the ripple color of the TimePicker.


  • Sets the ripple color of the TimePicker.

    • # Name Type(s) Default Value
    1 get RippleColor color #FFFFFF00
    2 set RippleColor color -
    Image Description
    Image Description
    Methods

    Shadow Color

  • Gets the shadow color of the TimePicker.


  • Sets the shadow color of the TimePicker.

    • # Name Type(s) Default Value
    1 get ShadowColor color #FFFFFF00
    2 set ShadowColor color -
    Image Description
    Image Description
    Methods

    Shape

  • Gets the shape of the TimePicker.


  • Sets the shape of the TimePicker.

    • # Name Type(s) Default Value
    1 get Shape text Default
    2 set Shape text -
    Image Description
    Image Description
    Methods

    Show Feedback

  • Gets whether visual feedback is shown for the TimePicker.


  • Sets whether visual feedback is shown for the TimePicker.

    • # Name Type(s) Default Value
    1 get ShowFeedback boolean true
    2 set ShowFeedback boolean -
    Image Description
    Image Description
    Methods

    Text

  • Gets the text displayed on the TimePicker button.


  • Sets the text displayed on the TimePicker button.

    • # Name Type(s) Default Value
    1 get Text text -
    2 set Text text -
    Image Description
    Image Description
    Methods

    Text Alignment

  • Gets the text alignment of the TimePicker button.


  • Sets the text alignment of the TimePicker button.

    • # Name Type(s) Default Value
    1 get TextAlignment Integer 1
    2 set TextAlignment Integer -
    Image Description
    Image Description
    Methods

    TextColor

  • Gets the text color of the TimePicker button.


  • Sets the text color of the TimePicker button.

    • # Name Type(s) Default Value
    1 get TextColor color #00000000
    2 set TextColor color -
    Image Description
    Image Description
    Methods

    Visible

  • Gets whether the TimePicker is visible.


  • Sets whether the TimePicker is visible.

    • # Name Type(s) Default Value
    1 get Visible boolean true
    2 set Visible boolean -