Time Picker

A component that is used to enter a specific time value. It combines an editable input field and popup picker for time selection.

Public Variables (Properties)

[?]

Common Variables: Name, Visible, Breakpoint, Dropdown Style, Grid Width, Grid Height, Content Overflow, Container Style, Custom Classes, Style, Preloader, Component Bindings.

Value

Time value displayed/edited by the component.

Variable Name:

value

Records:

1

Record Format:

Field Name

Field Type

Field Description

value

Date

Value

Format

Defines the displayed time format according to hour, minute, and second tokens (e.g. HH:mm:ss or mm-ss) which are available to the Date Time Picker component.

Variable Name:

format

Records:

1

Record Format:

Field Name

Field Type

Field Description

format

String

Format

Time Zone

Sets the GMT offset for the indicated Time.

Variable Name:

timeZone

Records:

1

Record Format:

Field Name

Field Type

Field Description

timeZone

String

Time Zone

Allow Clearing

Enabling this flag displays a button to the user that clears the input field.

Variable Name:

allowClear

Records:

1

Record Format:

Field Name

Field Type

Field Description

allowClear

Boolean

Allow Clearing

Use 12 Hours

This flag displays the time picker in a 12 hours format. Take note, the a literal must be added to the time format to display AM/PM periods (e.g. HH:mm:ss a).  

Variable Name:

use12Hours

Records:

1

Record Format:

Field Name

Field Type

Field Description

use12Hours

Boolean

Use 12 Hours

Hour Step

Defines the interval between hours in the picker.

Variable Name:

hourStep

Records:

1

Record Format:

Field Name

Field Type

Field Description

hourStep

Integer

Hour Step

Minute Step

Defines the interval between minutes in the picker.

Variable Name:

minuteStep

Records:

1

Record Format:

Field Name

Field Type

Field Description

minuteStep

Integer

Minute Step

Second Step

Defines the interval between seconds in the picker.

Variable Name:

secondStep

Records:

1

Record Format:

Field Name

Field Type

Field Description

secondStep

Integer

Second Step

Placeholder

Defines the text will be displayed if the input field has no value.

Variable Name:

placeholder

Records:

1

Record Format:

Field Name

Field Type

Field Description

placeholder

String

Placeholder

Disabled

This flag indicates that the component is active. Disabled components do not respond to user input, and are rendered as grayed-out.

Variable Name:

disabled

Records:

1

Record Format:

Field Name

Field Type

Field Description

disabled

Boolean

Disabled

Public Events

[?]

Common Events: none

Was this page helpful?