@progress/kendo-angular-gantt 0.2.1-dev.202112091019 → 0.2.1-dev.202112091741

package/dist/es2015/models/events/cell-close-event.interface.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { GanttComponent } from '../../main';
+import { GanttComponent } from '../../gantt.component';
 import { PreventableEvent } from './preventable-event';
 import { TaskEditItem } from './task-edit-event.interface';
 /**

package/dist/es2015/models/events/task-edit-event.interface.d.ts

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { FormGroup } from "@angular/forms";
-import { GanttComponent } from "../../gantt.component";
+import { FormGroup } from '@angular/forms';
+import { GanttComponent } from '../../gantt.component';
 /**
  * The event data for the task editing events.
  */

package/dist/es2015/models/models.d.ts

@@ -29,7 +29,10 @@ export { TaskResizeEvent } from './events/task-resize-event.interface';
 export { TaskResizeStartEvent } from './events/task-resize-start-event.interface';
 export { DataStateChangeEvent } from './events/data-state-change-event.interface';
 export { CellClickEvent } from './events/cell-click-event.interface';
+export { CellCloseEvent } from './events/cell-close-event.interface';
 export { TaskClickEvent } from './events/task-click-event.interface';
+export { TaskEditEvent } from './events/task-edit-event.interface';
+export { TaskEditItem } from './events/task-edit-event.interface';
 export { ColumnLockedChangeEvent } from './events/column-locked-change-event.interface';
 export { ColumnReorderEvent } from './events/column-reorder-event.interface';
 export { ColumnResizeEvent } from './events/column-resize-event.interface';

package/dist/es2015/models/models.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export { CellCloseEvent } from './events/cell-close-event.interface';

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639044748,
+    publishDate: 1639071314,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/timeline/timeline-base-view.service.d.ts

@@ -7,6 +7,18 @@ import { MappingService } from '../common/mapping.service';
 import { TimelineOptions } from '../models/timeline-options.interface';
 import { DateRange } from '../models/date-range.interface';
 import { Slot } from '../models/slot.interface';
+/**
+ * @hidden
+ */
+export declare const DAY_FORMAT = "E d/MM";
+/**
+ * @hidden
+ */
+export declare const HOUR_FORMAT = "HH:mm aa";
+/**
+ * @hidden
+ */
+export declare const MONTH_FORMAT = "MMM";
 /**
  * @hidden
  */

package/dist/es2015/timeline/timeline-base-view.service.js

@@ -5,9 +5,18 @@
 import { orderBy } from '@progress/kendo-data-query';
 import { isWorkDay, isWorkHour, lastDayOfWeek } from '../utils';
 import { addDays, firstDayInWeek, getDate, firstDayOfMonth, lastDayOfMonth, addMonths, addWeeks } from '@progress/kendo-date-math';
-const DAY_FORMAT = 'E d/MM';
-const HOUR_FORMAT = 'HH:mm aa';
-const MONTH_FORMAT = 'MMM';
+/**
+ * @hidden
+ */
+export const DAY_FORMAT = 'E d/MM';
+/**
+ * @hidden
+ */
+export const HOUR_FORMAT = 'HH:mm aa';
+/**
+ * @hidden
+ */
+export const MONTH_FORMAT = 'MMM';
 /**
  * @hidden
  */

package/dist/fesm2015/index.js

@@ -30,7 +30,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639044748,
+    publishDate: 1639071314,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -766,8 +766,17 @@ const isClearButton = (contender, gantt) => {
     return isPresent(clearButtonContainer);
 };
 
+/**
+ * @hidden
+ */
 const DAY_FORMAT = 'E d/MM';
+/**
+ * @hidden
+ */
 const HOUR_FORMAT = 'HH:mm aa';
+/**
+ * @hidden
+ */
 const MONTH_FORMAT = 'MMM';
 /**
  * @hidden
@@ -1732,7 +1741,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         /**
          * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
          *
-         * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+         * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
          */
         this.isSelected = isSelected;
         /**
@@ -1746,7 +1755,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         /**
          * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
-         * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+         * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
          * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
          */
         this.selectable = false;
@@ -1968,7 +1977,6 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
             this.showConfirmationDialog = this.showEditingDialog = false;
             this.editService.dataItem = this.editService.formGroup = null;
             this.updateView();
-            this.dependencyDomService.notifyChanges();
         }));
         this.localizationSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -2227,12 +2235,17 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
         }
     }
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * Forces the TreeList to evaluate if some data items have changed and re-renders the rows information, if needed.
+     * Recalculates and re-renders the Timeline period, if needed.
+     * Redraws changed dependencies, if needed.
+     * Executes all row-related callbacks anew.
      */
     updateView() {
         if (isPresent(this.treeList)) {
             this.treeList.updateView();
         }
+        this.loadTimelineData();
+        this.dependencyDomService.notifyChanges();
     }
     /**
      * Opens the task editing dialog.
@@ -2476,7 +2489,7 @@ let GanttComponent = GanttComponent_1 = class GanttComponent {
             items: [dataItem],
             sender: this
         });
-        this.updateView();
+        this.treeList.updateView();
     }
     updateTreeListGroupClass(columns = this.columns) {
         if (!isPresent(this.treeList)) {
@@ -4797,8 +4810,45 @@ GanttModule = __decorate([
     })
 ], GanttModule);
 
+/**
+ * @hidden
+ */
+class PreventableEvent {
+    constructor() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}
+
+/**
+ * Called every time a user leaves an edited cell.
+ */
+class CellCloseEvent extends PreventableEvent {
+    constructor(options) {
+        super();
+        Object.assign(this, options);
+    }
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MappingService, OptionChangesService, DependencyDomService, GanttDependencyDirective, EditDialogComponent, EditService, CustomMessagesComponent, LocalizedMessagesDirective, Messages, GanttTreeListMessagesDirective, GanttHeaderTableBodyComponent, GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskBase, GanttTaskComponent, GanttTasksTableBodyComponent, ScrollSyncService, GanttTimelineComponent, TimelineBaseViewService, TimelineDayViewComponent, TimelineDayViewService, TimelineMonthViewComponent, TimelineMonthViewService, TimelineViewService, TimelineWeekViewComponent, TimelineWeekViewService, ViewBase, ToolbarComponent, ViewSelectorComponent, GanttComponent, GanttModule, GanttHierarchyBindingDirective, GanttFlatBindingDirective, GanttExpandableDirective, GanttTaskTemplateDirective, GanttTaskContentTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, SelectableDirective, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, CellTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, ColumnMenuTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, EditTemplateDirective };
+export { MappingService, OptionChangesService, DependencyDomService, GanttDependencyDirective, EditDialogComponent, EditService, CustomMessagesComponent, LocalizedMessagesDirective, Messages, GanttTreeListMessagesDirective, PreventableEvent, GanttHeaderTableBodyComponent, GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskBase, GanttTaskComponent, GanttTasksTableBodyComponent, ScrollSyncService, GanttTimelineComponent, TimelineBaseViewService, TimelineDayViewComponent, TimelineDayViewService, TimelineMonthViewComponent, TimelineMonthViewService, TimelineViewService, TimelineWeekViewComponent, TimelineWeekViewService, ViewBase, ToolbarComponent, ViewSelectorComponent, GanttComponent, GanttModule, GanttHierarchyBindingDirective, GanttFlatBindingDirective, GanttExpandableDirective, GanttTaskTemplateDirective, GanttTaskContentTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, SelectableDirective, CellCloseEvent, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, CellTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, ColumnMenuTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, EditTemplateDirective };

package/dist/fesm5/index.js

@@ -30,7 +30,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639044748,
+    publishDate: 1639071314,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -789,8 +789,17 @@ var isClearButton = function (contender, gantt) {
     return isPresent(clearButtonContainer);
 };
 
+/**
+ * @hidden
+ */
 var DAY_FORMAT = 'E d/MM';
+/**
+ * @hidden
+ */
 var HOUR_FORMAT = 'HH:mm aa';
+/**
+ * @hidden
+ */
 var MONTH_FORMAT = 'MMM';
 /**
  * @hidden
@@ -1797,7 +1806,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
          *
-         * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+         * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
          */
         this.isSelected = isSelected;
         /**
@@ -1811,7 +1820,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
-         * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+         * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
          * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
          */
         this.selectable = false;
@@ -2033,7 +2042,6 @@ var GanttComponent = /** @class */ (function () {
             _this.showConfirmationDialog = _this.showEditingDialog = false;
             _this.editService.dataItem = _this.editService.formGroup = null;
             _this.updateView();
-            _this.dependencyDomService.notifyChanges();
         }));
         this.localizationSubscription = this.localizationService.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
@@ -2373,12 +2381,17 @@ var GanttComponent = /** @class */ (function () {
         }
     };
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * Forces the TreeList to evaluate if some data items have changed and re-renders the rows information, if needed.
+     * Recalculates and re-renders the Timeline period, if needed.
+     * Redraws changed dependencies, if needed.
+     * Executes all row-related callbacks anew.
      */
     GanttComponent.prototype.updateView = function () {
         if (isPresent(this.treeList)) {
             this.treeList.updateView();
         }
+        this.loadTimelineData();
+        this.dependencyDomService.notifyChanges();
     };
     /**
      * Opens the task editing dialog.
@@ -2626,7 +2639,7 @@ var GanttComponent = /** @class */ (function () {
             items: [dataItem],
             sender: this
         });
-        this.updateView();
+        this.treeList.updateView();
     };
     GanttComponent.prototype.updateTreeListGroupClass = function (columns) {
         if (columns === void 0) { columns = this.columns; }
@@ -4511,8 +4524,49 @@ var GanttModule = /** @class */ (function () {
     return GanttModule;
 }());
 
+/**
+ * @hidden
+ */
+var PreventableEvent = /** @class */ (function () {
+    function PreventableEvent() {
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    PreventableEvent.prototype.preventDefault = function () {
+        this.prevented = true;
+    };
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    PreventableEvent.prototype.isDefaultPrevented = function () {
+        return this.prevented;
+    };
+    return PreventableEvent;
+}());
+
+/**
+ * Called every time a user leaves an edited cell.
+ */
+var CellCloseEvent = /** @class */ (function (_super) {
+    __extends(CellCloseEvent, _super);
+    function CellCloseEvent(options) {
+        var _this = _super.call(this) || this;
+        Object.assign(_this, options);
+        return _this;
+    }
+    return CellCloseEvent;
+}(PreventableEvent));
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MappingService, OptionChangesService, DependencyDomService, GanttDependencyDirective, EditDialogComponent, EditService, CustomMessagesComponent, LocalizedMessagesDirective, Messages, GanttTreeListMessagesDirective, GanttHeaderTableBodyComponent, GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskBase, GanttTaskComponent, GanttTasksTableBodyComponent, ScrollSyncService, GanttTimelineComponent, TimelineBaseViewService, TimelineDayViewComponent, TimelineDayViewService, TimelineMonthViewComponent, TimelineMonthViewService, TimelineViewService, TimelineWeekViewComponent, TimelineWeekViewService, ViewBase, ToolbarComponent, ViewSelectorComponent, GanttComponent, GanttModule, GanttHierarchyBindingDirective, GanttFlatBindingDirective, GanttExpandableDirective, GanttTaskTemplateDirective, GanttTaskContentTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, SelectableDirective, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, CellTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, ColumnMenuTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, EditTemplateDirective };
+export { MappingService, OptionChangesService, DependencyDomService, GanttDependencyDirective, EditDialogComponent, EditService, CustomMessagesComponent, LocalizedMessagesDirective, Messages, GanttTreeListMessagesDirective, PreventableEvent, GanttHeaderTableBodyComponent, GanttMilestoneTaskComponent, GanttSummaryTaskComponent, GanttTaskBase, GanttTaskComponent, GanttTasksTableBodyComponent, ScrollSyncService, GanttTimelineComponent, TimelineBaseViewService, TimelineDayViewComponent, TimelineDayViewService, TimelineMonthViewComponent, TimelineMonthViewService, TimelineViewService, TimelineWeekViewComponent, TimelineWeekViewService, ViewBase, ToolbarComponent, ViewSelectorComponent, GanttComponent, GanttModule, GanttHierarchyBindingDirective, GanttFlatBindingDirective, GanttExpandableDirective, GanttTaskTemplateDirective, GanttTaskContentTemplateDirective, GanttSummaryTaskTemplateDirective, ToolbarTemplateDirective, SelectableDirective, CellCloseEvent, GanttColumnBase, GanttColumnComponent, GanttColumnGroupComponent, GanttSpanColumnComponent, CellTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, ColumnMenuTemplateDirective, FilterCellTemplateDirective, FilterMenuTemplateDirective, EditTemplateDirective };

package/dist/npm/gantt.component.js

@@ -122,7 +122,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Provides a callback that determines if the given task is selected ([see example]({% slug selection_gantt %}#toc-custom-selection))
          *
-         * > The [`selectable`]({% slug gantt_api_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
+         * > The [`selectable`]({% slug api_gantt_ganttcomponent %}#toc-selectable) prop has to be set to `true` in order for this callback to be executed.
          */
         this.isSelected = default_callbacks_1.isSelected;
         /**
@@ -136,7 +136,7 @@ var GanttComponent = /** @class */ (function () {
         /**
          * Enables or disables the Gantt selection mechanism ([see example]({% slug selection_gantt %}#toc-custom-selection)).
          *
-         * > When set to `true`, the [`isSelected`]({% slug gantt_api_ganttcomponent %}#toc-isselected) callback has to be provided.
+         * > When set to `true`, the [`isSelected`]({% slug api_gantt_ganttcomponent %}#toc-isselected) callback has to be provided.
          * > When applied, the [`SelectableDirective`]({% slug api_gantt_selectabledirective %}) sets `selectable` to `true` internally.
          */
         this.selectable = false;
@@ -358,7 +358,6 @@ var GanttComponent = /** @class */ (function () {
             _this.showConfirmationDialog = _this.showEditingDialog = false;
             _this.editService.dataItem = _this.editService.formGroup = null;
             _this.updateView();
-            _this.dependencyDomService.notifyChanges();
         }));
         this.localizationSubscription = this.localizationService.changes.subscribe(function (_a) {
             var rtl = _a.rtl;
@@ -698,12 +697,17 @@ var GanttComponent = /** @class */ (function () {
         }
     };
     /**
-     * Updates the data of the Gantt and forces row-related callbacks to be called anew.
+     * Forces the TreeList to evaluate if some data items have changed and re-renders the rows information, if needed.
+     * Recalculates and re-renders the Timeline period, if needed.
+     * Redraws changed dependencies, if needed.
+     * Executes all row-related callbacks anew.
      */
     GanttComponent.prototype.updateView = function () {
         if (utils_1.isPresent(this.treeList)) {
             this.treeList.updateView();
         }
+        this.loadTimelineData();
+        this.dependencyDomService.notifyChanges();
     };
     /**
      * Opens the task editing dialog.
@@ -951,7 +955,7 @@ var GanttComponent = /** @class */ (function () {
             items: [dataItem],
             sender: this
         });
-        this.updateView();
+        this.treeList.updateView();
     };
     GanttComponent.prototype.updateTreeListGroupClass = function (columns) {
         if (columns === void 0) { columns = this.columns; }

package/dist/npm/index.js

@@ -29,6 +29,8 @@ var messages_1 = require("./localization/messages");
 exports.Messages = messages_1.Messages
 var treelist_messages_directive_1 = require("./localization/treelist-messages.directive");
 exports.GanttTreeListMessagesDirective = treelist_messages_directive_1.GanttTreeListMessagesDirective
+var preventable_event_1 = require("./models/events/preventable-event");
+exports.PreventableEvent = preventable_event_1.PreventableEvent
 var gantt_header_table_body_component_1 = require("./rendering/gantt-header-table-body.component");
 exports.GanttHeaderTableBodyComponent = gantt_header_table_body_component_1.GanttHeaderTableBodyComponent
 var gantt_milestone_task_component_1 = require("./rendering/gantt-milestone-task.component");

package/dist/npm/models/models.js

@@ -4,3 +4,5 @@
 *-------------------------------------------------------------------------------------------*/
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var cell_close_event_interface_1 = require("./events/cell-close-event.interface");
+exports.CellCloseEvent = cell_close_event_interface_1.CellCloseEvent;

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1639044748,
+    publishDate: 1639071314,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/npm/timeline/timeline-base-view.service.js

@@ -7,9 +7,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var kendo_data_query_1 = require("@progress/kendo-data-query");
 var utils_1 = require("../utils");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-var DAY_FORMAT = 'E d/MM';
-var HOUR_FORMAT = 'HH:mm aa';
-var MONTH_FORMAT = 'MMM';
+/**
+ * @hidden
+ */
+exports.DAY_FORMAT = 'E d/MM';
+/**
+ * @hidden
+ */
+exports.HOUR_FORMAT = 'HH:mm aa';
+/**
+ * @hidden
+ */
+exports.MONTH_FORMAT = 'MMM';
 /**
  * @hidden
  */
@@ -73,7 +82,7 @@ var TimelineBaseViewService = /** @class */ (function () {
                 start: startDate,
                 end: slotEnd,
                 isWorking: isWorkSlot,
-                text: this.intlService.formatDate(startDate, HOUR_FORMAT),
+                text: this.intlService.formatDate(startDate, exports.HOUR_FORMAT),
                 span: 1
             });
             startDate = slotEnd;
@@ -100,7 +109,7 @@ var TimelineBaseViewService = /** @class */ (function () {
                 start: startDay,
                 end: slotEnd,
                 isWorking: isWorking,
-                text: this.intlService.formatDate(startDay, DAY_FORMAT),
+                text: this.intlService.formatDate(startDay, exports.DAY_FORMAT),
                 span: 1
             });
             startDay = nextDay;
@@ -117,8 +126,8 @@ var TimelineBaseViewService = /** @class */ (function () {
             var slotEnd = lastWeekDay > endDay ? endDay : lastWeekDay;
             var daySlots = this.getDays(startDay, slotEnd);
             var span = daySlots.length;
-            var firstDay = this.intlService.formatDate(kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(startDay), weekStart), DAY_FORMAT);
-            var lastDay = this.intlService.formatDate(kendo_date_math_1.addDays(slotEnd, -1), DAY_FORMAT);
+            var firstDay = this.intlService.formatDate(kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(startDay), weekStart), exports.DAY_FORMAT);
+            var lastDay = this.intlService.formatDate(kendo_date_math_1.addDays(slotEnd, -1), exports.DAY_FORMAT);
             if (span > 0) {
                 slots.push({
                     start: daySlots[0].start,
@@ -141,7 +150,7 @@ var TimelineBaseViewService = /** @class */ (function () {
             var daySlots = this.getDays(startDay, slotEnd);
             var span = daySlots.length;
             var monthStart = kendo_date_math_1.firstDayOfMonth(kendo_date_math_1.getDate(startDay));
-            var shortText = this.intlService.formatDate(monthStart, MONTH_FORMAT);
+            var shortText = this.intlService.formatDate(monthStart, exports.MONTH_FORMAT);
             if (span > 0) {
                 slots.push({
                     start: daySlots[0].start,