Migration from Essential JS 1 in JavaScript DateTimePicker control

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
value: new Date("5/5/2014 12:00 PM")
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("05/11/2017 12:00 PM")
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
value: new Date("5/5/2014 12:00 PM"),
dateTimeFormat: "dd/MM/yyyy hh:mm tt"
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("05/11/2017 12:00 PM"),
format: 'dd/MM/yyyy hh:mm a'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
dayHeaderFormat: "short"
});

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
startLevel: ej.DateTimePicker.Level.Year
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
start:'Decade'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
depthLevel: ej.DateTimePicker.Level.Year
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
depth:'Year'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
minDateTime: new Date("5/1/2013 10:00 AM")
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
min: new Date("5/1/2013 10:00 AM"
)});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
maxDateTime: new Date("5/1/2013 10:00 AM")
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
max : new Date("5/30/2015 10:00 PM")
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
disableDateTimeRanges: [{ startDateTime: new Date("11/30/2018 11:59 PM"),       endDateTime:new Date("12/1/2018 11:59 PM")    }]
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
renderDayCell: disableDate
});
datetimepickerObject.appendTo('#element');
function disableDate(args: RenderDayCellEventArgs): void {
if (args.date.getDay() === 0 || args.date.getDay() === 6) {
    args.isDisabled = true;
}
}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
cssClass: "gradient-lime"
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
cssClass: "e-custom-class"
});

.e-datetime-popup.e-popup.e-custom-class .e-button-container{
display: none !important;
}

let datetimepickerObject: DateTimePicker = new DateTimePicker({
showTodayButton: false
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
showOtherMonths: false
});

let datetimepickerObject: DateTimePicker = new DateTimePicker();
datetimepickerObject.appendTo('#element');

.e-DateTimePicker .e-calendar .e-content tr.e-month-hide,
.e-DateTimePicker .e-calendar .e-content td.e-other-month > .e-day {
visibility: none;
}
.e-DateTimePicker .e-calendar .e-content td.e-month-hide,
.e-DateTimePicker .e-calendar .e-content td.e-other-month {
pointer-events: none;
touch-action: none;
}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
showPopupButton: false
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
focus: onFocus
});
datetimepickerObject.appendTo('#element');
function onFocus(args: FocusEventArgs) {
datetimepickerObject.show();
}

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
showRoundedCorner: true
});

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

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
stepMonths: 2
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("09/04/2019"),
open:onOpen
});
datetimepickerObject.appendTo('#element');
function onOpen(args:any){
datepicker.navigateTo('Year', new Date("03/18/2018"));
}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
showTooltip: false
});

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
interval: 60
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
step: 60
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
buttonText : { today: "Today", timeNow: "Time Now",  done: "Done",  timeTitle: "Time" }
});

L10n.load({ 'en': {  'DateTimePicker': { today:'Now' } }});
let datetimepickerObject: DateTimePicker = new DateTimePicker({
locale: 'en'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
enableAnimation : false
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
placeholder: 'Enter date'
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.focusIn();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
placeholder: 'Enter date'
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.focusOut();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
close: function (args: PreventableEventArgs) {
    args.preventDefault();
}
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.show();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
open: function (args: PreventableEventArgs) {
    args.preventDefault();
}
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.show();

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
enableRTL : true
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
enablePersistence : true
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
validationRules : {required : true}
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
placeholder: 'Enter datetime',
value: new Date()
});
datepickerObject.appendTo('#element');
let options: FormValidatorModel = {
rules: {
    'datevalue': { required: true }
}
}
let formObject: FormValidator = new FormValidator('#form-element', options);

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
validationRules : {required : true},
validationMessage : {required: "Required DateTime value" }
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
width: 200
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
readOnly : true
});

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

let datetimepickerObject: DateTimePicker = new DateTimePicker({
showClearButton: true
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
height: 35
});

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

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   htmlAttributes : {required:"required"}
});

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   weekNumber : true
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
weekNumber:true
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   watermarkText: "Enter date"
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
placeholder: 'Enter date'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   enabled: false
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   allowEdit : true
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
allowEdit : true
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   cssClass: "e-custom-class"
});

.e-datetime-popup.e-popup.e-custom-class {
z-index: 100 !important;
}

let datetimepickerObject: DateTimePicker = new DateTimePicker({
zIndex: 100
});
datetimepickerObject.appendTo('#element');

let datetimepickerObject: DateTimePicker = new DateTimePicker({
placeholder: 'Enter date',
floatLabelType: 'Auto'
});
datetimepickerObject.appendTo('#element');

let datetimepickerObject: DateTimePicker = new DateTimePicker({
renderDayCell: onRenderCell
});
datetimepickerObject.appendTo('#element');
function onRenderCell(args: RenderDayCellEventArgs): void {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   focusIn: function (args) {/* code block*/}
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
focus: onFocus
});
datetimepickerObject.appendTo('#element');
function onFocus(args: FocusEventArgs): void {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   focusOut: function (args) {/* code block*/}
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   change: function (args) {/* code block*/}
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
change: onChange
});
datetimepickerObject.appendTo('#element');
function onChange(args: ChangedEventArgs): void {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   create: function (args) {/* code block*/}
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
created: onCreate
});
datetimepickerObject.appendTo('#element');
function onCreate(args): void {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   destroy: function (args) {/* code block*/}
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
destroyed: onDestroy
});
datetimepickerObject.appendTo('#element');
function onDestroy(args): void {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   locale: "en-US"
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
locale: 'en'
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
   startDay: 2
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
firstDayOfWeek: 2
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
enableStrictMode : true
});

let datetimepickerObject: DateTimePicker = new DateTimePicker({
strictMode: true,
value: new Date('5/28/2017'),
min: new Date('5/5/2017'),
max: new Date('5/25/2017')
});
datetimepickerObject.appendTo('#element');

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
close: function (args) {/* code block*/}}
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
});
datetimeObj.hide();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("05/11/2017")
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.hide();

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
open: function (args) {/* code block*/}}
});

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

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
});
datetimeObj.show();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("05/11/2017")
});
datetimepickerObject.appendTo('#element');
datetimepickerObject.show();

let datetimepickerObject: DateTimePicker = new DateTimePicker({
value: new Date("09/04/2019"),
open:onOpen
});
datetimepickerObject.appendTo('#element');
function onOpen(args:any){
datepicker.navigateTo('Year', new Date("03/18/2018"));
}

let datetimepickerObject: DateTimePicker = new DateTimePicker({
navigated: onNavigate
});
datetimepickerObject.appendTo('#element');
function onNavigate(args: NavigatedEventArgs) {/* code block*/}

var datetimeObj = new ej.DateTimePicker($("#datetimepicker"), {
timeDrillDown: { enabled: true, showMeridian: true, autoClose: true, interval: 10 }
});