Migration from Essential JS 1 in JavaScript TimePicker control

var timeObj = new ej.TimePicker($("#timepicker"), {
value: new Date("5/5/2014 12:00 PM")
});

let timepickerObject: TimePicker = new TimePicker({
value: new Date("05/11/2017 2:00 PM")
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
timeFormat: 'hh:mm:ss tt'
});

let timepickerObject: TimePicker = new TimePicker({
format:'hh:mm:ss'
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
minTime: '10:00 AM'
});

let timepickerObject: TimePicker = new TimePicker({
min: new Date('5/5/2019 3:00 AM')
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
maxTime: '10:00 AM'
});

let timepickerObject: TimePicker = new TimePicker({
max: new Date('5/5/2019 8:00 AM')
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
});
console.log(timeObj.setCurrentTime());

let timepickerObject: TimePicker = new TimePicker({
value: new Date()
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
disableTimeRanges :[{ startTime: '3:00 AM', endTime: '6:00 AM' }, { startTime: '1:00 PM', endTime: '3:00 PM' }, { startTime: '8:00 PM', endTime: '10:00 PM' }]
});

let timepickerObject: TimePicker = new TimePicker({
itemRender: itemRanderHandler
});
timepickerObject.appendTo('#element');

function itemRenderHandler(args: ItemEventArgs): void {
if (args.value.getHours() === 4) {
    args.isDisabled = true;
}
}

var timeObj = new ej.TimePicker($("#timepicker"), {
cssClass :'gradient-lime'
});

let timepickerObject: TimePicker = new TimePicker({
cssClass: 'e-custom-style'
});
timepickerObject.appendTo('#element');

let timepickerObject: TimePicker = new TimePicker({
itemRender: itemRanderHandler
});
timepickerObject.appendTo('#element');

function itemRenderHandler(args: ItemEventArgs): void { /* code block*/}

var timeObj = new ej.TimePicker($("#timepicker"), {
showPopupButton : false
});

let timepickerObject: TimePicker = new TimePicker({
focus: onFocus
});
timepickerObject.appendTo('#element');

function onFocus(args: FocusEventArgs): void {
timepickerObject.show();
}

.e-control-wrapper .e-input-group-icon.e-time-icon {
display: none;
}

var timeObj = new ej.TimePicker($("#timepicker"), {
showRoundedCorner : true
});

let timepickerObject: TimePicker = new TimePicker({
cssClass: 'e-custom-style'
});
timepickerObject.appendTo('#element');

.e-control-wrapper.e-custom-style.e-time-wrapper.e-input-group {
border-radius: 4px;
}

var timeObj = new ej.TimePicker($("#timepicker"), {
enableAnimation : true
});

var timeObj = new ej.TimePicker($("#timepicker"), {
interval : 120
});

let timepickerObject: TimePicker = new TimePicker({
step: 120
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
focusIn: function (args) {/* code block*/}
});

let timepickerObject: TimePicker = new TimePicker({
focus: onFocus
});
timepickerObject.appendTo('#element');
function onFocus(args:any){ /* code block*/}

var timeObj = new ej.TimePicker($("#timepicker"), {
focusIn: function (args) {/* code block*/}
});

let timepickerObject: TimePicker = new TimePicker({
blur: onBlur
});
timepickerObject.appendTo('#element');
function onBlur(args: BlurEventArgs) { /* code block*/}

let timepickerObject: TimePicker = new TimePicker({
value : new Date()
});
timepickerObject.appendTo('#element');
timepickerObject.focusIn();

let timepickerObject: TimePicker = new TimePicker({
value : new Date()
});
timepickerObject.appendTo('#element');
timepickerObject.focusOut();

let timepickerObject: TimePicker = new TimePicker({
close: function (args: PreventableEventArgs) {
    args.cancel = true;  
}
});
timepickerObject.appendTo('#element');
timepickerObject.show();

let timepickerObject: TimePicker = new TimePicker({
open: function (args: PreventableEventArgs) {
    args.cancel = true;  
}
});
timepickerObject.appendTo('#element');
timepickerObject.show();

var timeObj = new ej.TimePicker($("#timepicker"), {
enableRTL: true
});

let timepickerObject: TimePicker = new TimePicker({
enableRtl: true
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
enablePersistence: true
});

let timepickerObject: TimePicker = new TimePicker({
enablePersistence: true
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
validationRules : {required : true},
});

let timepickerObject: TimePicker = new TimePicker({
placeholder: 'Enter Time',
value: new Date()
});
timepickerObject.appendTo('#element');
let options: FormValidatorModel = {
rules: {
    'timevalue': { required: true }
}
}
let formObject: FormValidator = new FormValidator('#form-element', options);

var timeObj = new ej.TimePicker($("#timepicker"), {
validationRules : {required : true},
validationMessages : {required: "Required time value" }
});

let timepickerObject: TimePicker = new TimePicker({
placeholder: 'Enter Time',
value: new Date()
});
timepickerObject.appendTo('#element');
let options: FormValidatorModel = {
rules: {
    'timevalue': { required: [true, 'Time value required']  }
},
customPlacement: function (inputElement, errorElement) {
    (<HTMLElement>inputElement).parentElement.parentElement.appendChild(errorElement);
}
}
let formObject: FormValidator = new FormValidator('#form-element', options);

var timeObj = new ej.TimePicker($("#timepicker"), {
width: 200
});

let timepickerObject: TimePicker = new TimePicker({
width: '200px'
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
readOnly: true
});

let timepickerObject: TimePicker = new TimePicker({
readonly: true,
value: new Date()
});
timepickerObject.appendTo('#element');

let timepickerObject: TimePicker = new TimePicker({
showClearButton: true,
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
height: "50px"
});

let timepickerObject: TimePicker = new TimePicker({
cssClass: 'e-custom-style',
});
timepickerObject.appendTo('#element');

.e-control-wrapper.e-custom-style.e-time-wrapper.e-input-group {
height: 35px;
}

var timeObj = new ej.TimePicker($("#timepicker"), {
htmlAttributes : {required:"required"}
});

var timeObj = new ej.TimePicker($("#timepicker"), {
watermarkText : "Enter Time"
});

let timepickerObject: TimePicker = new TimePicker({
placeholder: 'Select a Time'
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
enabled : true
});

let timepickerObject: TimePicker = new TimePicker({
enabled: true
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
});
timeObj.disable();

let timepickerObject: TimePicker = new TimePicker({
enabled: false
});
timepickerObject.appendTo('#element');

let timepickerObject: TimePicker = new TimePicker({
allowEdit: false
});
timepickerObject.appendTo('#element');

let timepickerObject: TimePicker = new TimePicker({
zIndex: 2000
});
timepickerObject.appendTo('#element');

let timepickerObject: TimePicker = new TimePicker({
floatLabelType: 'Always',
placeholder: 'Select a time'
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
locale:"en-US"
});

let timepickerObject: TimePicker = new TimePicker({
locale: 'en',
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
enableStrictMode: true
});

let timepickerObject: TimePicker = new TimePicker({
strictMode: true,
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
close: function(args){ /* code block*/}
});

let timepickerObject: TimePicker = new TimePicker({
close: function (args: PreventableEventArgs) { /* code block*/}
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
open: function(args){ /* code block*/}
});

let timepickerObject: TimePicker = new TimePicker({
open: function (args: PreventableEventArgs) { /* code block*/}
});
timepickerObject.appendTo('#element');

var timeObj = new ej.TimePicker($("#timepicker"), {
});
timeObj.show();
timeObj.hide();

let timepickerObject: TimePicker = new TimePicker({
});
timepickerObject.appendTo('#element');
timepickerObject.show();
timepickerObject.hide();

var timeObj = new ej.TimePicker($("#timepicker"), {
});
timeObj.show();
timeObj.hide();

let timepickerObject: TimePicker = new TimePicker({
});
timepickerObject.appendTo('#element');
timepickerObject.show();