Migration from Essential JS 1 in JavaScript DateRangePicker control

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
value: "11/1/2013 - 12/3/2019",
});

let daterangeObject: DateRangePicker = new DateRangePicker({
value: [new Date("10/07/2017"), new Date("2/2/2019")]
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
dateFormat: "dd/MM/yyyy"
});

let daterangeObject: DateRangePicker = new DateRangePicker({
format: 'dd\'\/\'MMM\'\/\'yy hh:mm a',
startDate: new Date("11/9/2017"),
endDate: new Date("11/21/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
minDate: new Date("1/1/2017")
});

let daterangeObject: DateRangePicker = new DateRangePicker({
min: new Date("1/1/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
maxDate: new Date("1/1/2017")
});

let daterangeObject: DateRangePicker = new DateRangePicker({
max: new Date("1/1/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
startDate: new Date("1/1/2017")
});

let daterangeObject: DateRangePicker = new DateRangePicker({
startDate: new Date("11/9/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
endDate: new Date("1/1/2017")
});

let daterangeObject: DateRangePicker = new DateRangePicker({
endDate: new Date("11/21/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
ranges: [  
{ label: "Today", range: [new Date(), new Date()] },
{ label: "Last 1 Week", range: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date()] },
{ label: "Last 1 Month", range: [new Date(new Date().setMonth(new Date().getMonth() - 1)), new Date()] },
{ label: "Last 2 Month", range: [new Date(new Date().setMonth(new Date().getMonth() - 2)), new Date()] }]
});

let daterangeObject: DateRangePicker = new DateRangePicker({
presets: [
{ label: 'Today', start: new Date(), end: new Date() },
{ label: 'This Month', start: new Date(new Date().setDate(1)), end: new Date() },
{ label: 'Last Month', start: new Date(new Date(new Date().setMonth(new Date().getMonth() - 1)).setDate(1)), end: new Date() },
{ label: 'Last Year', start: new Date(new Date().getFullYear() - 1, 0, 1), end: new Date() }]
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.addRanges("new Range", [new Date("11/12/2019"),new Date("11/12/2021")] );

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.clearRanges();

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
startDate: new Date("11/9/2017"),
endDate: new Date("11/21/2017")
});
console.log(daterangeObj.clearRanges());

let daterangeObject: DateRangePicker = new DateRangePicker({
startDate: new Date("11/9/2017"),
endDate: new Date("11/21/2017")
});
daterangeObject.appendTo('#element');
console.log(daterangeObject.getSelectedRange());

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.setRange([new Date("11/12/2011"), new Date("11/12/2019")]);

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

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
cssClass: "gradient-lime"
});

let daterangeObject: DateRangePicker = new DateRangePicker({
cssClass:"customCSS"
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
enableTimePicker: true
});

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
timeFormat: "HH:mm"
});

let daterangeObject: DateRangePicker = new DateRangePicker({
minDays: 5
});
daterangeObject.appendTo('#element');

let daterangeObject: DateRangePicker = new DateRangePicker({
maxDays: 10
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
buttonText : {  reset: "Reset",cancel: "Cancel",apply: "Apply"}
});

L10n.load({ 'en': {   'daterangepicker': { applyText: 'Apply',  } }});
let daterangeObject: DateRangePicker = new DateRangePicker({
locale: 'en'
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
showPopupButton: false
});

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

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
showRoundedCorner: true
});

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

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

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

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

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

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

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
enablePersistence: true
});

let daterangeObject: DateRangePicker = new DateRangePicker({
enablePersistence: true,
startDate: new Date("11/9/2017"),
endDate: new Date("11/21/2017")
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
   width: 200
});

let daterangeObject: DateRangePicker = new DateRangePicker({
width: 200
});
daterangeObject.appendTo('#element');

let daterangeObject: DateRangePicker = new DateRangePicker({
readonly:true
});
daterangeObject.appendTo('#element');

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
  height: 35
});

let daterangeObject: DateRangePicker = new DateRangePicker({
cssClass:"e-custom-style"
});
daterangeObject.appendTo('#element');

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

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
  watermarkText: "Enter date"
});

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
  enabled: false
});

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.disable();

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.enable();

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
 allowEdit: false
});

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

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

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
separator : "$"
});

let daterangeObject: DateRangePicker = new DateRangePicker({
separator : "$"
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
locale: "en-US"
});

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

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

let daterangeObject: DateRangePicker = new DateRangePicker({
strictMode: true
});
daterangeObject.appendTo('#element');

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
close: function (args) { /* code block*/}
});

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
});
daterangeObj.popupHide();

let daterangeObject: DateRangePicker = new DateRangePicker();
daterangeObject.appendTo('#element');
daterangeObject.show();
daterangeObject.hide();

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {
open: function (args) { /* code block*/}
});

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

var daterangeObj = new ej.DateRangeTimePicker($("#daterangepicker"), {});
daterangeObj.popupShow();

let daterangeObject: DateRangePicker = new DateRangePicker();
daterangeObject.appendTo('#element');
daterangeObject.show();