JSFiddle - React, Tailwind, and code Playground

by ecropolis

HTML

<script src="https://ideaflyer.s3.amazonaws.com/dhtmlx4/dhtmlx.js"></script>
<div id="from">
</div>
<div id="to">
</div>

JavaScript

data = { "data":{ "connectJobs":[{"id":2318,"workflowType":"Allowance Data","postingDate":1512018000000,"fromSnapshotDate":1506744000000,"toSnapshotDate":1506744000000,"username":"mzohaib","startTime":1509626032280,"endTime":1509626328408,"organizationId":1,"endStatus":"Success"},{"id":2317,"workflowType":"All","postingDate":1512018000000,"fromSnapshotDate":1509422400000,"toSnapshotDate":1509422400000,"username":"mzohaib","startTime":1509624985972,"endTime":1509625858172,"organizationId":1,"endStatus":"Failed"},{"id":2296,"workflowType":"Allowance Data","postingDate":1512018000000,"fromSnapshotDate":1509422400000,"toSnapshotDate":1509422400000,"username":"mfakharuddin","startTime":1509562668837,"endTime":1509563038988,"organizationId":1,"endStatus":"Success"}],"defaultPostingDate":1512018000000,"latestRunConnectJob":{"id":2316,"workflowType":"Allowance Data","postingDate":1509422400000,"fromSnapshotDate":1506744000000,"toSnapshotDate":1506744000000,"username":"mzohaib","startTime":1509622342393,"endTime":1509622950957,"organizationId":1,"endStatus":"Failed"},"latestRunPostingDate":1509422400000,"snapshotDates":[1506744000000,1506744000000],"workflowTypes":[ { "text": "", "value" : "" }, { "text": "All", "value": "CONNECT_SDA_ALL"}, { "text": "Activity Data", "value": "CONNECT_SDA"}, { "text": "Cashflow Data", "value": "CONNECT_SDA_CF"}, { "text": "Allowance Data", "value": "CONNECT_SDA_ALLOWANCE"} ]},"status":"success"}
DateUtilsObject = function () {
    this.dateFormatter = new dhtmlXCalendarObject("");
    this.dateFormat = "%m/%d/%Y";
    this.timestampFormat = "%m/%d/%Y %h:%i:%s";
    this.now = new Date();
    this.nowUTC = new Date(this.now.toUTCString());
    this.offset = this.nowUTC.getTimezoneOffset() * 60000;
    this.formatDate = function (date, format) {
        if (!format)
            format = this.dateFormat;
        return this.dateFormatter.getFormatedDate(format, date);
    };

    this.formatTimeStamp = function (date, format) {
        if...