projects/components/widgets/input/epoch/src/date/date.component.doc.ts
The wmDate component defines the date widget.
Methods |
Inputs |
onBlur | ||||||||||||
onBlur($event: MouseEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the widget loses focus.
Parameters :
Returns :
void
|
onChange | ||||||||||||||||||||
onChange($event: MouseEvent, widget: any, newVal: string, oldVal: string)
|
||||||||||||||||||||
Callback function which will be triggered when the widget value changes.
Parameters :
Returns :
void
|
onClick | ||||||||||||
onClick($event: MouseEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the widget is clicked. This is not available in mobile.
Parameters :
Returns :
void
|
onFocus | ||||||||||||
onFocus($event: MouseEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the widget gets focused.
Parameters :
Returns :
void
|
onMouseenter | ||||||||||||
onMouseenter($event: MouseEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the mouse enters the widget. This is not available in mobile.
Parameters :
Returns :
void
|
onMouseleave | ||||||||||||
onMouseleave($event: MouseEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the mouse leaves the widget. This is not available in mobile.
Parameters :
Returns :
void
|
onTap | ||||||||||||
onTap($event: TouchEvent, widget: any)
|
||||||||||||
Callback function which will be triggered when the tap event is triggered on a widget.
Parameters :
Returns :
void
|
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 date widget. Bindable: |
datepattern |
Type : string
|
Default value : 'yyyy-MM-dd'
|
This property is used to set the display pattern of the date widget. This is not available in mobile. Allowed Values: |
disabled |
Type : boolean
|
Default value : false
|
This property will be used to disable/enable the date widget on the web page. Bindable: |
excludedates |
Type : string
|
This property specifies the dates which are to be excluded. This is not available in mobile. Bindable: |
excludedays |
Type : string
|
This property specifies the days which are to be excluded. This is not available in mobile. Allowed Values: |
hint |
Type : string
|
Hint text is shown for the date widget on hover. This is not available in mobile. Bindable: |
maxdate |
Type : string
|
This property is used to specify the maximum date to end with. Bindable: |
mindate |
Type : string
|
This property is used to specify the minimum date to start with. Bindable: |
name |
Type : string
|
Name of the date widget. |
outputformat |
Type : string
|
Default value : 'yyyy-MM-dd'
|
This property is used to set the output format of the date widget. Allowed Values: |
placeholder |
Type : string
|
Default value : 'Select Date'
|
Placeholder for the date field. Bindable: |
readonly |
Type : boolean
|
Default value : false
|
This property will be used to make the date widget non-editable on the web page. Bindable: |
required |
Type : boolean
|
Default value : false
|
If the required property is set to true, Bindable: |
shortcutkey |
Type : string
|
The shortcut key property specifies a shortcut key to activate/focus an element. This is not available in mobile. |
show |
Type : boolean
|
Default value : true
|
This property will be used to show/hide the date widget on the web page. Bindable: |
showbuttonbar |
Type : boolean
|
Default value : true
|
This property, when set, displays button bar in date-picker UI. Bindable: |
showweeks |
Type : boolean
|
Default value : false
|
This property, when set, displays week number in date-picker UI. This is not available in mobile. |
tabindex |
Type : number
|
Default value : 0
|
This property specifies the tab order of the date Widget. This is not available in mobile. |