File

projects/components/widgets/input/epoch/src/time/time.component.doc.ts

Description

The wmTime component defines the time widget.

Index

Methods
Inputs

Methods

onBlur
onBlur($event: MouseEvent, widget: any)

Callback function which will be triggered when the widget loses focus.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void
onChange
onChange($event: MouseEvent, widget: any, newVal: string, oldVal: string)

Callback function which will be triggered when the widget value changes.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

newVal string No

New value of the widget

oldVal string No

Old value of the widget

Returns : void
onClick
onClick($event: MouseEvent, widget: any)

Callback function which will be triggered when the widget is clicked.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void
onFocus
onFocus($event: MouseEvent, widget: any)

Callback function which will be triggered when the widget gets focused.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void
onMouseenter
onMouseenter($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse enters the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void
onMouseleave
onMouseleave($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse leaves the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void
onTap
onTap($event: TouchEvent, widget: any)

Callback function which will be triggered when the tap event is triggered on a widget.

Parameters :
Name Type Optional Description
$event TouchEvent No

DOM event on which call back is triggered

widget any No

Instance of the time widget

Returns : void

Inputs

autofocus
Type : boolean
Default value : false

This property makes the widget get focused automatically when the page loads.

datavalue
Type : string

This property defines the value of the time widget.

Bindable: true

disabled
Type : boolean
Default value : false

This property will be used to disable/enable the time widget on the web page.

Bindable: true

hint
Type : string

Hint text is shown for the time widget widget on hover.

Bindable: true

hourstep
Type : number
Default value : 1

This property can be used to set the number of hours to increase or decrease per step.

maxtime
Type : string

This property is used to specify the maximum time to end with.

mintime
Type : string

This property is used to specify the minimum time to start with.

minutestep
Type : number
Default value : 15

This property can be used to set the number of minutes to increase or decrease per step.

name
Type : string

Name of the time widget.

outputformat
Type : string
Default value : 'HH:mm:ss'

This property can be used to set the output format for the time widget.

Allowed Values: Standard Patterns like 'HH:mm:ss', 'h:m:s', 'hh:mm a', etc.

placeholder
Type : string
Default value : 'Select Time'

Placeholder for the time widget.

Bindable: true

readonly
Type : boolean
Default value : false

This property will be used to make the time widget non-editable on the web page.

Bindable: true

required
Type : boolean
Default value : false

If the required property is set to true, required class is applied to the label[an asterik will be displayed next to the content of the label'].

Bindable: true

shortcutkey
Type : string

The shortcut key property specifies a shortcut key to activate/focus an element.

show
Type : boolean
Default value : true

This property will be used to show/hide the time widget on the web page.

Bindable: true

tabindex
Type : number
Default value : 0

This property specifies the tab order of the time Widget.

timepattern
Type : string
Default value : 'hh:mm a'

This property can be used to set the display pattern of the time widget.

Allowed Values: Standard Patterns like 'HH:mm:ss', 'h:m:s', 'hh:mm a', etc.

results matching ""

    No results matching ""