Behavior |
API in Essential JS 1 |
API in Essential JS 2 |
CSS Class
|
Property: cssClass
<EJ.TimePicker id="timepicker" cssClass='gradient-lime' ></EJ.TimePicker>
|
Property: cssClass
<TimePickerComponent id="timepicker" cssClass="e-custom-style"></TimePickerComponent>
|
Popup list customization
|
Not Applicable
|
Event: itemRender
<TimePickerComponent id="timepicker" itemRender={this.itemRendeHandler.bind(this)}></TimePickerComponent>
itemRanderHandler() { }
|
Show/Hide the popup button
|
Property: showPopupButton
<EJ.TimePicker id="timepicker" showPopupButton={false} ></EJ.TimePicker>
|
Can be achieved by
<TimePickerComponent id="timepicker" focus={this.onFocus.bind(this)}></TimePickerComponent>
onFocus(args) {
this.show();
}
.e-control-wrapper .e-input-group-icon.e-time-icon {
display: none;
}
|
Enable/Disable the rounded corner
|
Property: showRoundedCorner
<EJ.TimePicker id="timepicker" showRoundedCorner={true} ></EJ.TimePicker>
|
Can be achieved by
<TimePickerComponent id="timepicker" cssClass="e-custom-style"></TimePickerComponent>
.e-control-wrapper.e-custom-style.e-time-wrapper.e-input-group {
border-radius: 4px;
}
|
Enable/Disable the animation
|
Property: enableAnimation
<EJ.TimePicker id="timepicker" enableAnimation={false} ></EJ.TimePicker>
|
Not Applicable
|
Interval
|
Property: interval
<EJ.TimePicker id="timepicker" interval={120} ></EJ.TimePicker>
|
Property: step
<TimePickerComponent id="timepicker" step={120}></TimePickerComponent>
|
FocusIn event
|
Event: focusIn
<EJ.TimePicker id="timepicker" focusIn={onFocus} ></EJ.TimePicker>
function onFocus() { }
|
Event: focus
<TimePickerComponent id="timepicker" focus={this.onFocus.bind(this)}></TimePickerComponent>
onFocus() { }
|
FocusOut event
|
Event: focusOut
<EJ.TimePicker id="timepicker" focusOut={onFocusout} ></EJ.TimePicker>
function onFocusout() { }
|
Event: blur
<TimePickerComponent id="timepicker" blur={this.onBlur.bind(this)}></TimePickerComponent>
onBlur(args) { }
|
FocusIn method
|
Not Applicable
|
Method: focusIn()
<TimePickerComponent id="timepicker" created={this.create.bind(this)}></TimePickerComponent>
create(args) {
this.focusIn();
}
|
FocusOut method
|
Not Applicable
|
Method: focusOut
<TimePickerComponent id="timepicker" created={this.create.bind(this)}></TimePickerComponent>
create(args) {
this.focusOut();
}
|
Prevent popup close
|
Not Applicable
|
Event: close
<TimePickerComponent id="timepicker" close={this.onClose.bind(this)}></TimePickerComponent>
onClose(args) {
args.cancel = true;
}
|
Prevent popup open
|
Not Applicable
|
Event: open
<TimePickerComponent id="timepicker" open={this.onOpen.bind(this)}></TimePickerComponent>
onOpen(args) {
args.cancel = true;
}
|