Migration from Essential JS 1 in JavaScript DatePicker control

var dateObj = new ej.DatePicker($("#datepicker"), {
value: new Date("5/5/2014")
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
dateFormat: "dd/MM/yyyy"
});

let datepickerObject: DatePicker = new DatePicker({
format: 'yyyy-MM-dd'
});
datepickerObject.appendTo('#element');

var dateObj = new ej.DatePicker($("#datepicker"), {
   dayHeaderFormat: ej.DatePicker.Header.Long
});

var dateObj = new ej.DatePicker($("#datepicker"), {
   startLevel: ej.DatePicker.Level.Year
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
   depthLevel: ej.DatePicker.Level.Year
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
  minDate: new Date("5/1/2013")
});

let datepickerObject: DatePicker = new DatePicker({
min: new Date("5/1/2013")
});
datepickerObject.appendTo('#element');

var dateObj = new ej.DatePicker($("#datepicker"), {
  maxDate: new Date("5/1/2013")
});

let datepickerObject: DatePicker = new DatePicker({
max: new Date("5/1/2013")
});
datepickerObject.appendTo('#element');

var dateObj = new ej.DatePicker($("#datepicker"), {
  blackoutDates: [new Date(2016, 4, 10), new Date(2016, 4, 15), new Date(2016, 4, 20), new Date(2016, 4, 22), new Date(2016, 5, 12), new Date(2016, 5, 24)]
});

let datepickerObject: DatePicker = new DatePicker({
renderDayCell: disableDate
});
datepickerObject.appendTo('#element');

function disableDate(args: RenderDayCellEventArgs): void {
if (args.date.getDay() === 0 || args.date.getDay() === 6) {
    args.isDisabled = true;
}
}

var dateObj = new ej.DatePicker($("#datepicker"), {
   cssClass: "gradient-lime"
});

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
  showFooter: false
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
   showOtherMonths: false
});

let datepickerObject: DatePicker = new DatePicker();

datepickerObject.appendTo('#element');

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

var dateObj = new ej.DatePicker($("#datepicker"), {
   showDisabledRange: false,
blackoutDates: [new Date(2016, 4, 10), new Date(2016, 4, 15), new Date(2016, 4, 20), new Date(2016, 4, 22), new Date(2016, 5, 12), new Date(2016, 5, 24)]
});

var dateObj = new ej.DatePicker($("#datepicker"), {
   showPopupButton: false
});

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
   showRoundedCorner: true
});

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
stepMonths: 2
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
 showTooltip: false
});

var dateObj = new ej.DatePicker($("#datepicker"), {
 buttonText : "Now"
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
displayInline: true
});

var dateObj = new ej.DatePicker($("#datepicker"), {
enableAnimation : false
});

var dateObj = new ej.DatePicker($("#datepicker"), {
highlightSection: "week"
});

let datepickerObject: DatePicker = new DatePicker({
renderDayCell: highlightDate
});
datepickerObject.appendTo('#element');
function highlightDate(args: RenderDayCellEventArgs): void {
if (args.date.getDate() === 10) {
    args.element.classList.add('e-highlightweekend');
}
}

.e-highlightweekend {
background-color: #cfe9f3;
}

var dateObj = new ej.DatePicker($("#datepicker"), {
highlightWeekend : true
});

let datepickerObject: DatePicker = new DatePicker({
renderDayCell: highlightDate
});
datepickerObject.appendTo('#element');
function highlightDate(args: RenderDayCellEventArgs): void {
if (args.date.getDay() === 0 || args.date.getDay() === 6) {
    args.element.classList.add('e-highlightweekend');
}
}

.e-highlightweekend {
background-color: #cfe9f3;
}

var dateObj = new ej.DatePicker($("#datepicker"), {
tooltipFormat : "dd/MM/yyyy"
});

specialDays = [ { date: new Date(2018, 09, 08), tooltip: "In Australia", iconClass: "flags sprite-Australia" },{ date: new Date(2018, 09, 21), tooltip: "In France", iconClass: "flags sprite-France" }]

var dateObj = new ej.DatePicker($("#datepicker"), {
specialDates : specialDays
});

let datepickerObject: DatePicker = new DatePicker({
renderDayCell: customDates,
value: new Date('5/5/2017')
});
datepickerObject.appendTo('#element');
function customDates(args: RenderDayCellEventArgs) {
if (args.date.getDate() === 10) {
    let span: HTMLElement;
    span = document.createElement('span');
    span.setAttribute('class', 'e-icons highlight');
    args.element.firstElementChild.setAttribute('title', 'Birthday !');
    args.element.setAttribute('title', 'Birthday !');
    args.element.setAttribute('data-val', 'Birthday !');
    args.element.appendChild(span);
}
}

var dateObj = new ej.DatePicker($("#datepicker"), {
focusIn: function (args) {/*code block*/}
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
focusOut: function (args) {/*code block*/}
});

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

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

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

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
enableRTL : true
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
enablePersistence : true
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
validationRules : {required : true}
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
validationRules : {required : true},
validationMessage : {required: "Required Date value" }
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
width: 200
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
readOnly : true
});

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

let datepickerObject: DatePicker = new DatePicker({
showClearButton: false
});
datepickerObject.appendTo('#element');

var dateObj = new ej.DatePicker($("#datepicker"), {
height: 35
});

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
htmlAttributes : {required:"required"}
});

var dateObj = new ej.DatePicker($("#datepicker"), {
weekNumber : true
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
watermarkText: "Enter date"
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
 enabled: false
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
});
dateObj.disable();

var dateObj = new ej.DatePicker($("#datepicker"), {
});
dateObj.enable();

var dateObj = new ej.DatePicker($("#datepicker"), {
allowEdit : false
});

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

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
locale: "en-US"
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
startDay: 2
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
enableStrictMode : true
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
close: function (args) {/* code block*/}
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
});
dateObj.hide();

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

var dateObj = new ej.DatePicker($("#datepicker"), {
open: function (args) {/* code block*/}
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
});
dateObj.show();

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

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

var dateObj = new ej.DatePicker($("#datepicker"), {
navigate: function (args) {/*code block*/}
});

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

var dateObj = new ej.DatePicker($("#datepicker"), {
allowDrillDown : true
});