@syncfusion/ej2-gantt 19.3.43 → 19.3.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.43
+*  version : 19.3.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@19.25.2",
+  "_id": "@syncfusion/ej2-gantt@19.3.46",
   "_inBundle": false,
-  "_integrity": "sha512-Npm2eliLPQDiLOfFDJLCziwMYZfCqgNxH2o3VbW5W5IHmOk5uUmlVhAWVlvKDkL9pIVxu/LZZh1LlSQAKUQ4UQ==",
+  "_integrity": "sha512-E/4pHUh2BdforxCyJq6+UmjxAmNtyRcbLJB8IU2lGdxlsiIVhRgb9CQaEH0cQTEyf23MuUYWsUC56jbwtrqEeA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-19.25.2.tgz",
-  "_shasum": "0cdaf2acfbf4e8b778e466f0f9005e21ebfdb607",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-gantt/-/ej2-gantt-19.3.46.tgz",
+  "_shasum": "b508ab10a85377c57b07e8c73c7aac56c20386d3",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,19 +35,19 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-buttons": "~19.3.43",
-    "@syncfusion/ej2-calendars": "~19.3.43",
-    "@syncfusion/ej2-data": "~19.3.43",
-    "@syncfusion/ej2-dropdowns": "~19.3.43",
-    "@syncfusion/ej2-grids": "~19.3.43",
-    "@syncfusion/ej2-inputs": "~19.3.43",
-    "@syncfusion/ej2-layouts": "~19.3.43",
-    "@syncfusion/ej2-lists": "~19.3.43",
-    "@syncfusion/ej2-navigations": "~19.3.43",
-    "@syncfusion/ej2-popups": "~19.3.43",
-    "@syncfusion/ej2-richtexteditor": "~19.3.43",
-    "@syncfusion/ej2-treegrid": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.47",
+    "@syncfusion/ej2-buttons": "~19.3.44",
+    "@syncfusion/ej2-calendars": "~19.3.46",
+    "@syncfusion/ej2-data": "~19.3.47",
+    "@syncfusion/ej2-dropdowns": "~19.3.47",
+    "@syncfusion/ej2-grids": "~19.3.47",
+    "@syncfusion/ej2-inputs": "~19.3.47",
+    "@syncfusion/ej2-layouts": "~19.3.44",
+    "@syncfusion/ej2-lists": "~19.3.45",
+    "@syncfusion/ej2-navigations": "~19.3.46",
+    "@syncfusion/ej2-popups": "~19.3.47",
+    "@syncfusion/ej2-richtexteditor": "~19.3.47",
+    "@syncfusion/ej2-treegrid": "~19.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.43",
+  "version": "19.3.47",
   "sideEffects": false
 }

package/src/gantt/actions/cell-edit.js

@@ -481,6 +481,7 @@ var CellEdit = /** @class */ (function () {
                 this.parent.editModule.dialogModule.isResourceUpdate = true;
                 this.parent.editModule.dialogModule.previousResource = previousResource;
             }
+            this.updateDates(args);
             this.updateEditedRecord(args);
         }
     };

package/src/gantt/actions/dialog-edit.js

@@ -360,7 +360,7 @@ var DialogEdit = /** @class */ (function () {
         dialogModel.position = position;
         //dialogModel.width = '750px';
         dialogModel.height = this.parent.isAdaptive ? '100%' : 'auto';
-        dialogModel.target = this.parent.element;
+        dialogModel.target = document.body;
         dialogModel.close = this.dialogClose.bind(this);
         dialogModel.closeOnEscape = true;
         dialogModel.open = function (args) {
@@ -648,15 +648,15 @@ var DialogEdit = /** @class */ (function () {
             this.resourceSelection(id);
         }
         else if (id === ganttObj.element.id + 'NotesTabContainer') {
-            ganttObj.element.querySelector('#' + id).ej2_instances[0].refresh();
+            document.getElementById(id).ej2_instances[0].refresh();
         }
         else if (id === ganttObj.element.id + 'SegmentsTabContainer') {
             if (isNullOrUndefined(this.beforeOpenArgs.rowData.ganttProperties.startDate)) {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], false);
             }
             else {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], true);
             }
         }
@@ -1616,7 +1616,7 @@ var DialogEdit = /** @class */ (function () {
     DialogEdit.prototype.updateResourceCollection = function (args, resourceTreeGridId) {
         if (!isNullOrUndefined(args.data) && Object.keys(args.data).length) {
             var ganttObj = this.parent;
-            var treeGridId = ganttObj.element.querySelector('#' + resourceTreeGridId);
+            var treeGridId = document.querySelector('#' + resourceTreeGridId);
             var resourceTreeGrid = treeGridId.ej2_instances[0];
             if (!isNullOrUndefined(resourceTreeGrid) && resourceTreeGrid.getSelectedRecords().length > 0) {
                 var tempRecords = resourceTreeGrid.getSelectedRecords();
@@ -1691,7 +1691,7 @@ var DialogEdit = /** @class */ (function () {
     };
     DialogEdit.prototype.resourceSelection = function (id) {
         var _this = this;
-        var resourceTreeGrid = this.parent.element.querySelector('#' + id).ej2_instances[0];
+        var resourceTreeGrid = document.querySelector('#' + id).ej2_instances[0];
         var currentViewData = resourceTreeGrid.getCurrentViewRecords();
         var resources = this.ganttResources;
         if (resources && resources.length > 0) {

package/src/gantt/actions/edit.js

@@ -529,7 +529,10 @@ var Edit = /** @class */ (function () {
             if (ganttProp.work > 0 || column === 'work') {
                 switch (taskType) {
                     case 'FixedUnit':
-                        if (isAutoSchedule && ganttProp.resourceInfo.length &&
+                        if (ganttProp.resourceInfo.length === 0) {
+                            return;
+                        }
+                        else if (isAutoSchedule && ganttProp.resourceInfo.length &&
                             (column === 'work' || (column === 'resource'))) {
                             this.parent.dataOperation.updateDurationWithWork(currentData);
                         }
@@ -1092,6 +1095,7 @@ var Edit = /** @class */ (function () {
         var eventArgs = {};
         eventArgs.requestType = 'beforeSave';
         eventArgs.data = args.data;
+        eventArgs.cancel = false;
         eventArgs.modifiedRecords = this.parent.editedRecords;
         if (!isNullOrUndefined(args.target)) {
             eventArgs.target = args.target;
@@ -1922,13 +1926,13 @@ var Edit = /** @class */ (function () {
                         changedRecords: eventArg.modifiedTaskData
                     };
                     var adaptor = data_1.adaptor;
+                    var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                     if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_1.dataSource.batchUrl) {
-                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id);
+                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id, null, query_1);
                         crud.then(function () { return _this.deleteSuccess(args); })
                             .catch(function (e) { return _this.dmFailure(e, args); });
                     }
                     else {
-                        var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var deletedRecords = 'deletedRecords';
                         var deleteCrud = null;
                         for (var i = 0; i < updatedData_1[deletedRecords].length; i++) {

package/src/gantt/base/date-processor.js

@@ -1006,7 +1006,10 @@ var DateProcessor = /** @class */ (function () {
         }
     };
     DateProcessor.prototype.remove = function (date, timezone) {
-        return this.reverse(date, timezone, date.getTimezoneOffset());
+        if (!isNullOrUndefined(date)) {
+            date = this.reverse(date, timezone, date.getTimezoneOffset());
+        }
+        return date;
     };
     DateProcessor.prototype.reverse = function (date, fromOffset, toOffset) {
         if (typeof fromOffset === 'string') {

package/src/gantt/base/gantt.js

@@ -1108,6 +1108,9 @@ var Gantt = /** @class */ (function (_super) {
         if (this.keyboardModule) {
             this.keyboardModule.destroy();
         }
+        if (this.editModule && this.editModule.dialogModule) {
+            this.editModule.dialogModule.destroy();
+        }
         _super.prototype.destroy.call(this);
         this.chartVerticalLineContainer = null;
         this.element.innerHTML = '';
@@ -1354,6 +1357,23 @@ var Gantt = /** @class */ (function (_super) {
         this.treeGrid.height = this.ganttHeight - toolbarHeight -
             this.treeGrid.grid.getHeaderContent().offsetHeight;
         this.splitterModule.splitterObject.height = (this.ganttHeight - toolbarHeight).toString();
+        if (!isNullOrUndefined(this.chartVerticalLineContainer)) {
+            this.chartVerticalLineContainer.style.height = this.ganttHeight + 'px';
+        }
+        if (!isNullOrUndefined(this.dayMarkersModule)) {
+            var holidayContainer = getValue('nonworkingDayRender.holidayContainer', this.dayMarkersModule);
+            var weekendContainer = getValue('nonworkingDayRender.weekendContainer', this.dayMarkersModule);
+            var eventMarkersContainer = getValue('eventMarkerRender.eventMarkersContainer', this.dayMarkersModule);
+            if (holidayContainer) {
+                holidayContainer.style.height = this.ganttHeight + 'px';
+            }
+            if (weekendContainer) {
+                weekendContainer.style.height = this.ganttHeight + 'px';
+            }
+            if (eventMarkersContainer) {
+                eventMarkersContainer.style.height = this.ganttHeight + 'px';
+            }
+        }
         this.splitterModule.splitterObject.width = this.ganttWidth.toString();
         this.ganttChartModule.scrollObject.
             setHeight(this.ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight);

package/src/gantt/base/task-processor.js

@@ -650,6 +650,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
     };
     TaskProcessor.prototype.addTaskData = function (ganttData, data, isLoad) {
+        var _this = this;
         var taskSettings = this.parent.taskFields;
         var dataManager = this.parent.dataSource;
         if (isLoad) {
@@ -658,8 +659,15 @@ var TaskProcessor = /** @class */ (function (_super) {
                 if (taskSettings.parentID) {
                     var id = data[taskSettings.id];
                     var index = this.taskIds.indexOf(id.toString());
-                    var tempData = (index > -1) ? this.dataArray[index] : {};
-                    this.parent.setRecordValue('taskData', tempData, ganttData);
+                    var tempData_1 = (index > -1) ? this.dataArray[index] : {};
+                    if (!isNullOrUndefined(this.parent.taskFields.segmentId)) {
+                        var segmentDataCollection = this.segmentCollection.
+                            filter(function (x) { return x.key === tempData_1[_this.parent.taskFields.id]; });
+                        if (segmentDataCollection.length > 0) {
+                            tempData_1[this.parent.taskFields.segments] = segmentDataCollection[0].items;
+                        }
+                    }
+                    this.parent.setRecordValue('taskData', tempData_1, ganttData);
                 }
                 else {
                     this.parent.setRecordValue('taskData', data, ganttData);
@@ -859,6 +867,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             if (!isNullOrUndefined(ganttProperties.duration)) {
                 this.parent.setRecordValue('duration', updatedDuration, ganttProperties, true);
             }
+            this.parent.dataOperation.updateMappingData(ganttData, 'duration');
         }
     };
     /**

package/src/gantt/base/utils.js

@@ -3,7 +3,7 @@
  */
 import { isNullOrUndefined, extend, getValue } from '@syncfusion/ej2-base';
 import { DataManager, UrlAdaptor, WebApiAdaptor, ODataAdaptor } from '@syncfusion/ej2-data';
-import { WebMethodAdaptor, CacheAdaptor, RemoteSaveAdaptor, ODataV4Adaptor, JsonAdaptor } from '@syncfusion/ej2-data';
+import { WebMethodAdaptor, CacheAdaptor, RemoteSaveAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 /**
  * @param {Element} elem .
  * @param {string} selector .
@@ -75,7 +75,7 @@ export function isRemoteData(dataSource) {
         return (adaptor instanceof ODataAdaptor || (adaptor instanceof ODataV4Adaptor) ||
             (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
             (adaptor instanceof CacheAdaptor) || (adaptor instanceof RemoteSaveAdaptor) ||
-            (adaptor instanceof JsonAdaptor) || adaptor instanceof UrlAdaptor);
+            adaptor instanceof UrlAdaptor);
     }
     return false;
 }
@@ -103,7 +103,7 @@ export function getTaskData(records, isNotExtend, eventArgs, parent) {
         for (var i = 0; i < records.length; i++) {
             var data = void 0;
             if (!isNullOrUndefined(parent) && parent.timezone) {
-                this.updateDates(records[i], parent);
+                updateDates(records[i], parent);
             }
             // eslint-disable-next-line
             data = isNotExtend ? (records[i].taskData) : extend({}, records[i].taskData, {}, true);

package/src/gantt/export/export-helper.js

@@ -171,7 +171,7 @@ var ExportHelper = /** @class */ (function () {
         var taskFields = this.parent.taskFields;
         var ganttProps = data.ganttProperties;
         if (column.editType === 'datepickeredit' || column.editType === 'datetimepickeredit') {
-            cell.value = this.parent.getFormatedDate(data[column.field], this.parent.getDateFormat());
+            cell.value = data[column.field];
         }
         else if (column.field === taskFields.duration) {
             cell.value = this.parent.getDurationString(ganttProps.duration, ganttProps.durationUnit);
@@ -194,20 +194,18 @@ var ExportHelper = /** @class */ (function () {
         else {
             cell.style.format.paragraphIndent = cell.row.level * 10;
         }
-        if (this.parent.pdfQueryCellInfo != null) {
-            var args = {
-                data: data,
-                value: cell.value,
-                column: column,
-                style: cell.style,
-                cell: cell
-            };
-            args.value = this.exportValueFormatter.formatCellValue(args);
-            if (this.parent.pdfQueryCellInfo) {
-                this.parent.trigger('pdfQueryCellInfo', args);
-            }
-            cell.value = args.value;
+        var args = {
+            data: data,
+            value: cell.value,
+            column: column,
+            style: cell.style,
+            cell: cell
+        };
+        args.value = this.exportValueFormatter.formatCellValue(args);
+        if (this.parent.pdfQueryCellInfo) {
+            this.parent.trigger('pdfQueryCellInfo', args);
         }
+        cell.value = args.value;
     };
     /**
      * Method for create the taskbar collection for rendering

package/styles/bootstrap-dark.css

@@ -383,23 +383,6 @@
   border-color: transparent;
 }
 
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  padding-left: 12px;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  display: block;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  border-style: solid;
-  border-width: 0px;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
-  border: 0;
-}
-
 .e-gantt .e-gantt-tree-grid-pane .e-grid {
   border-width: 0;
 }
@@ -738,6 +721,10 @@
           user-select: none;
 }
 
+.e-gantt .e-gantt-chart .e-chart-rows-container {
+  line-height: initial;
+}
+
 .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
 .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
   display: inline-block;
@@ -1030,101 +1017,118 @@
   outline-offset: 2px;
 }
 
-.e-gantt .e-gantt-dialog {
+.e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 12px;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
+  border-style: solid;
+  border-width: 0px;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
   border: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-gridform .e-table {
+.e-gantt-dialog {
+  border: 0;
+}
+
+.e-gantt-dialog .e-gridform .e-table {
   border-spacing: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-item {
+.e-gantt-dialog .e-item {
   height: 241px;
 }
 
-.e-gantt .e-gantt-dialog .e-dependent-div {
+.e-gantt-dialog .e-dependent-div {
   border-bottom-width: 0px;
 }
 
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
+.e-gantt-dialog .e-icon-dlg-close {
   opacity: initial;
 }
 
-.e-gantt .e-gantt-dialog .e-toolbar {
+.e-gantt-dialog .e-toolbar {
   border-top-width: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div {
+.e-gantt-dialog .e-resource-div {
   border-bottom-width: 0px;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div .e-gridheader {
+.e-gantt-dialog .e-resource-div .e-gridheader {
   border-top-width: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-row {
+.e-gantt-dialog .e-edit-form-row {
   height: 241px;
   overflow-y: auto;
   padding-bottom: 16px;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
+.e-gantt-dialog .e-edit-form-column:nth-child(odd) {
   float: left;
   padding: 16px 18px 0 18px;
   width: 50%;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(even) {
+.e-gantt-dialog .e-edit-form-column:nth-child(even) {
   float: left;
   padding: 16px 16px 0 0;
   width: 50%;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
+.e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
   padding: 16px 16px 0 0;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column {
+.e-gantt-dialog .e-edit-form-column {
   height: 75px;
 }
 
-.e-gantt .e-gantt-dialog .e-dependent-div .e-content {
+.e-gantt-dialog .e-dependent-div .e-content {
   height: 161px;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div .e-content {
+.e-gantt-dialog .e-resource-div .e-content {
   height: 202px;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor {
+.e-gantt-dialog .e-richtexteditor {
   border-bottom-width: 0px;
   height: 241px !important;
   overflow: hidden;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
+.e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
   border-top: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor .e-rte-content {
+.e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
 }
 
-.e-gantt .e-gantt-dialog > .e-dlg-content {
+.e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
+.e-gantt-dialog .e-dlg-header-content {
   border-bottom: 0 !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
+.e-gantt-dialog .e-dlg-header-content {
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 20px;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
 }
 
@@ -1280,10 +1284,6 @@
   border-radius: 4px;
 }
 
-.e-gantt .e-gantt-splitter-height {
-  height: calc(100% - 41px) !important;
-}
-
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   opacity: .95;
@@ -1315,62 +1315,6 @@
   box-shadow: 0 0 0 1px #248aff inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #0070f0;
-}
-
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
-  background-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
-  color: #f0f0f0;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #0070f0;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  background: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
-  background-color: #1a1a1a;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  border-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
-  background: #2a2a2a;
-  border-bottom: 0px;
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-  border-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
-  color: #f0f0f0;
-}
-
 .e-gantt .e-temp-content {
   border-color: #484848;
 }
@@ -1875,6 +1819,62 @@
   color: #f0f0f0 !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #0070f0;
+}
+
+.e-gantt-dialog .e-icon-dlg-close {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
+  background-color: transparent;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
+  color: #f0f0f0;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #0070f0;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  background: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
+  background-color: #1a1a1a;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
+  border-color: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
+  background: #2a2a2a;
+  border-bottom: 0px;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+  border-color: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
+  color: #f0f0f0;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #9e9e9e;