@progress/kendo-angular-gantt 13.2.0-develop.1 → 13.2.0-develop.3

package/common/option-changes.service.d.ts

@@ -10,8 +10,10 @@ import * as i0 from "@angular/core";
 export declare class OptionChangesService {
     readonly viewChanges: EventEmitter<any>;
     readonly columnChanges: EventEmitter<any>;
+    readonly dateFormatChanges: EventEmitter<any>;
     notifyColumnChanges(): void;
     notifyViewChanges(): void;
+    notifyDateFormatChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionChangesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OptionChangesService>;
 }

package/esm2020/common/option-changes.service.mjs

@@ -11,6 +11,7 @@ export class OptionChangesService {
     constructor() {
         this.viewChanges = new EventEmitter();
         this.columnChanges = new EventEmitter();
+        this.dateFormatChanges = new EventEmitter();
     }
     notifyColumnChanges() {
         this.columnChanges.emit();
@@ -18,6 +19,9 @@ export class OptionChangesService {
     notifyViewChanges() {
         this.viewChanges.emit();
     }
+    notifyDateFormatChanges() {
+        this.dateFormatChanges.emit();
+    }
 }
 OptionChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OptionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 OptionChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: OptionChangesService });

package/esm2020/gantt.component.mjs

@@ -412,6 +412,9 @@ export class GanttComponent {
         this.optionChangesSubscriptions.add(this.optionChangesService.viewChanges.subscribe(() => {
             this.loadTimelineData();
         }));
+        this.optionChangesSubscriptions.add(this.optionChangesService.dateFormatChanges.subscribe(() => {
+            this.loadTimelineData();
+        }));
         this.optionChangesSubscriptions.add(this.optionChangesService.columnChanges.subscribe(() => {
             this.treeList.columns.notifyOnChanges();
         }));

package/esm2020/gantt.module.mjs

@@ -52,6 +52,7 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { DependenciesTableComponent } from './editing/dependencies-table.component';
 import { TaskFieldsComponent } from './editing/task-fields.component';
 import { IconsModule } from '@progress/kendo-angular-icons';
+import { IntlModule } from '@progress/kendo-angular-intl';
 import * as i0 from "@angular/core";
 const IMPORTED_MODULES = [
     CommonModule,
@@ -70,7 +71,8 @@ const IMPORTED_MODULES = [
     TabStripModule,
     GridModule,
     DropDownsModule,
-    IconsModule
+    IconsModule,
+    IntlModule
 ];
 const DECLARATIONS = [
     GanttComponent,
@@ -205,7 +207,8 @@ GanttModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         TabStripModule,
         GridModule,
         DropDownsModule,
-        IconsModule], exports: [GanttComponent,
+        IconsModule,
+        IntlModule], exports: [GanttComponent,
         GanttFlatBindingDirective,
         GanttHierarchyBindingDirective,
         GanttTaskComponent,

package/esm2020/models/timeline-header-date-format.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-gantt',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1688396905,
-    version: '13.2.0-develop.1',
+    publishDate: 1688546776,
+    version: '13.2.0-develop.3',
     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/esm2020/timeline/timeline-base-view.service.mjs

@@ -2,9 +2,13 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { __decorate, __metadata, __param } from "tslib";
+import { IntlService } from '@progress/kendo-angular-intl';
 import { orderBy } from '@progress/kendo-data-query';
+import { MappingService } from '../common/mapping.service';
 import { isWorkDay, isWorkHour, lastDayOfWeek } from '../utils';
 import { addDays, firstDayInWeek, getDate, firstDayOfMonth, lastDayOfMonth, addMonths, addWeeks, lastMonthOfYear } from '@progress/kendo-date-math';
+import { Inject, LOCALE_ID } from '@angular/core';
 /**
  * @hidden
  */
@@ -20,10 +24,15 @@ export const MONTH_FORMAT = 'MMM';
 /**
  * @hidden
  */
-export class TimelineBaseViewService {
-    constructor(intlService, mapper) {
+export const YEAR_FORMAT = 'yyyy';
+/**
+ * @hidden
+ */
+let TimelineBaseViewService = class TimelineBaseViewService {
+    constructor(intlService, mapper, localeId) {
         this.intlService = intlService;
         this.mapper = mapper;
+        this.localeId = localeId;
         this._viewStart = 0;
     }
     get viewStart() {
@@ -56,13 +65,14 @@ export class TimelineBaseViewService {
      * @param end - The tasks' range end date
      * @returns {Array<Object>} - A collection containing the hour slots
      */
-    getHours(start, end) {
+    getHours(start, end, customDateFormat) {
         const slots = [];
         const workDayStart = this.intlService.parseDate(this.options.workDayStart).getHours();
         const workDayEnd = this.intlService.parseDate(this.options.workDayEnd).getHours();
         // TODO: retrieve from option?
         const hourSpan = 1;
         let startDate = new Date(start);
+        const hoursFormat = customDateFormat ? customDateFormat : HOUR_FORMAT;
         const endDate = new Date(end);
         while (startDate < endDate) {
             const slotEnd = new Date(startDate);
@@ -72,7 +82,7 @@ export class TimelineBaseViewService {
                 start: startDate,
                 end: slotEnd,
                 isWorking: isWorkSlot,
-                text: this.intlService.formatDate(startDate, HOUR_FORMAT),
+                text: this.intlService.formatDate(startDate, hoursFormat, this.localeId),
                 span: 1,
                 slotWidth: this.options.slotWidth
             });
@@ -86,9 +96,10 @@ export class TimelineBaseViewService {
      * @param end - The tasks' range end date
      * @returns {Array<Object>} - A collection containing the day slots
      */
-    getDays(start, end) {
+    getDays(start, end, customDateFormat) {
         const slots = [];
         let startDay = new Date(start);
+        const dayFormat = customDateFormat ? customDateFormat : DAY_FORMAT;
         const endDay = new Date(end);
         while (startDay <= endDay) {
             // Get the days with cleared time values (except for start and end day)
@@ -100,7 +111,7 @@ export class TimelineBaseViewService {
                 start: startDay,
                 end: slotEnd,
                 isWorking: isWorking,
-                text: this.intlService.formatDate(startDay, DAY_FORMAT),
+                text: this.intlService.formatDate(startDay, dayFormat, this.localeId),
                 span: 1,
                 slotWidth: this.options.slotWidth
             });
@@ -108,18 +119,19 @@ export class TimelineBaseViewService {
         }
         return slots;
     }
-    getWeeks(start, end) {
+    getWeeks(start, end, customDateFormat) {
         const weekStart = this.intlService.firstDay();
         const slots = [];
         let startDay = new Date(start);
+        const dayFormat = customDateFormat ? customDateFormat : DAY_FORMAT;
         const endDay = new Date(end);
         while (startDay <= endDay) {
             const lastWeekDay = lastDayOfWeek(startDay, weekStart);
             const slotEnd = lastWeekDay > endDay ? endDay : lastWeekDay;
             const daySlots = this.getDays(startDay, slotEnd);
             const span = daySlots.length;
-            const firstDay = this.intlService.formatDate(firstDayInWeek(getDate(startDay), weekStart), DAY_FORMAT);
-            const lastDay = this.intlService.formatDate(slotEnd, DAY_FORMAT);
+            const firstDay = this.intlService.formatDate(firstDayInWeek(getDate(startDay), weekStart), dayFormat, this.localeId);
+            const lastDay = this.intlService.formatDate(slotEnd, dayFormat, this.localeId);
             if (span > 0) {
                 slots.push({
                     start: daySlots[0].start,
@@ -133,9 +145,10 @@ export class TimelineBaseViewService {
         }
         return slots;
     }
-    getMonths(start, end, isMainViewType) {
+    getMonths(start, end, isMainViewType, customDateFormat) {
         const slots = [];
         let startDay = new Date(start);
+        const monthFormat = customDateFormat ? customDateFormat : MONTH_FORMAT;
         const endDay = new Date(end);
         while (startDay < endDay) {
             const endMonth = lastDayOfMonth(startDay);
@@ -144,7 +157,7 @@ export class TimelineBaseViewService {
             const weekSlots = this.getWeeks(startDay, slotEnd);
             const span = isMainViewType ? daySlots.length : weekSlots.length;
             const monthStart = firstDayOfMonth(getDate(startDay));
-            const shortText = this.intlService.formatDate(monthStart, MONTH_FORMAT);
+            const shortText = this.intlService.formatDate(monthStart, monthFormat, this.localeId);
             if (span > 0) {
                 slots.push({
                     start: isMainViewType ? daySlots[0].start : weekSlots[0].start,
@@ -158,10 +171,11 @@ export class TimelineBaseViewService {
         }
         return slots;
     }
-    getYears(start, end) {
+    getYears(start, end, customDateFormat) {
         const slots = [];
         let startDay = new Date(start);
         const endDay = new Date(end);
+        const yearFormat = customDateFormat ? customDateFormat : YEAR_FORMAT;
         while (startDay < endDay) {
             const yearEnd = lastDayOfMonth(lastMonthOfYear(startDay));
             const slotEnd = endDay < yearEnd ? endDay : yearEnd;
@@ -172,7 +186,7 @@ export class TimelineBaseViewService {
                     start: monthSlots[0].start,
                     end: monthSlots[span - 1].end,
                     span: span,
-                    text: slotEnd.getFullYear(),
+                    text: this.intlService.formatDate(slotEnd, yearFormat),
                     slotWidth: this.options.slotWidth
                 });
             }
@@ -180,4 +194,10 @@ export class TimelineBaseViewService {
         }
         return slots;
     }
-}
+};
+TimelineBaseViewService = __decorate([
+    __param(2, Inject(LOCALE_ID)),
+    __metadata("design:paramtypes", [IntlService,
+        MappingService, String])
+], TimelineBaseViewService);
+export { TimelineBaseViewService };

package/esm2020/timeline/timeline-day-view.service.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
+import { Inject, Injectable, LOCALE_ID } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { TimelineBaseViewService } from './timeline-base-view.service';
 import { MappingService } from '../common/mapping.service';
@@ -14,8 +14,9 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineDayViewService extends TimelineBaseViewService {
-    constructor(intlService, mapper) {
-        super(intlService, mapper);
+    constructor(intlService, mapper, localeId) {
+        super(intlService, mapper, localeId);
+        this.localeId = localeId;
     }
     /**
      * Gets a date an hour before the first task start with minutes, seconds, milliseconds cleared.
@@ -49,11 +50,11 @@ export class TimelineDayViewService extends TimelineBaseViewService {
         // will return the header rows slots
         const slots = [];
         const { start, end } = this.getRange(tasks);
-        const daySlots = this.getDays(start, end);
+        const daySlots = this.getDays(start, end, this.options.timelineHeadersDateFormat?.groupHeaderDateFormat);
         const hourSlots = [];
         for (let i = 0; i < daySlots.length; i++) {
             const daySlot = daySlots[i];
-            const hours = this.getHours(daySlot.start, daySlot.end);
+            const hours = this.getHours(daySlot.start, daySlot.end, this.options.timelineHeadersDateFormat?.columnHeaderDateFormat);
             daySlot.span = hours.length;
             hourSlots.push(...hours);
         }
@@ -61,8 +62,11 @@ export class TimelineDayViewService extends TimelineBaseViewService {
         return slots;
     }
 }
-TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineDayViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineDayViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
 TimelineDayViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineDayViewService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineDayViewService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });

package/esm2020/timeline/timeline-month-view.service.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
+import { Inject, Injectable, LOCALE_ID } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { addDays, addWeeks, firstDayInWeek, getDate } from '@progress/kendo-date-math';
 import { MappingService } from '../common/mapping.service';
@@ -14,8 +14,9 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineMonthViewService extends TimelineBaseViewService {
-    constructor(intlService, mapper) {
-        super(intlService, mapper);
+    constructor(intlService, mapper, localeId) {
+        super(intlService, mapper, localeId);
+        this.localeId = localeId;
     }
     /**
      * Gets a week before the first week in which a task starts.
@@ -53,14 +54,17 @@ export class TimelineMonthViewService extends TimelineBaseViewService {
         // will return the header rows slots
         const slots = [];
         const { start, end } = this.getRange(tasks);
-        const months = this.getMonths(start, end, true);
-        const weeks = this.getWeeks(start, end);
+        const months = this.getMonths(start, end, true, this.options.timelineHeadersDateFormat?.groupHeaderDateFormat);
+        const weeks = this.getWeeks(start, end, this.options.timelineHeadersDateFormat?.columnHeaderDateFormat);
         slots.push(months, weeks);
         return slots;
     }
 }
-TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineMonthViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
 TimelineMonthViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });

package/esm2020/timeline/timeline-week-view.service.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
+import { Inject, Injectable, LOCALE_ID } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { addDays, getDate } from '@progress/kendo-date-math';
 import { MappingService } from '../common/mapping.service';
@@ -14,8 +14,9 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimelineWeekViewService extends TimelineBaseViewService {
-    constructor(intlService, mapper) {
-        super(intlService, mapper);
+    constructor(intlService, mapper, localeId) {
+        super(intlService, mapper, localeId);
+        this.localeId = localeId;
     }
     /**
      * Gets a date a day before the first task start with hours, minutes, seconds, milliseconds cleared.
@@ -49,14 +50,17 @@ export class TimelineWeekViewService extends TimelineBaseViewService {
         // will return the header rows slots
         const slots = [];
         const { start, end } = this.getRange(tasks);
-        const weeks = this.getWeeks(start, end);
-        const days = this.getDays(start, end);
+        const weeks = this.getWeeks(start, end, this.options.timelineHeadersDateFormat?.groupHeaderDateFormat);
+        const days = this.getDays(start, end, this.options.timelineHeadersDateFormat?.columnHeaderDateFormat);
         slots.push(weeks, days);
         return slots;
     }
 }
-TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimelineWeekViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
 TimelineWeekViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });

package/esm2020/timeline/timeline-year-view.service.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from "@angular/core";
+import { Inject, Injectable, LOCALE_ID } from "@angular/core";
 import { IntlService } from "@progress/kendo-angular-intl";
 import { addMonths, firstDayOfMonth, getDate, lastDayOfMonth } from "@progress/kendo-date-math";
 import { MappingService } from "../common/mapping.service";
@@ -14,8 +14,9 @@ import * as i2 from "../common/mapping.service";
  * @hidden
  */
 export class TimeLineYearViewService extends TimelineBaseViewService {
-    constructor(intlService, mapper) {
-        super(intlService, mapper);
+    constructor(intlService, mapper, localeId) {
+        super(intlService, mapper, localeId);
+        this.localeId = localeId;
     }
     getTableWidth(tasks) {
         const timeSlots = this.getSlots(tasks)[1];
@@ -44,14 +45,17 @@ export class TimeLineYearViewService extends TimelineBaseViewService {
         // will return the header rows slots
         const slots = [];
         const { start, end } = this.getRange(tasks);
-        const years = this.getYears(start, end);
-        const months = this.getMonths(start, end);
+        const years = this.getYears(start, end, this.options.timelineHeadersDateFormat?.groupHeaderDateFormat);
+        const months = this.getMonths(start, end, false, this.options.timelineHeadersDateFormat?.columnHeaderDateFormat);
         slots.push(years, months);
         return slots;
     }
 }
-TimeLineYearViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }], target: i0.ɵɵFactoryTarget.Injectable });
+TimeLineYearViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimeLineYearViewService, deps: [{ token: i1.IntlService }, { token: i2.MappingService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
 TimeLineYearViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimeLineYearViewService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimeLineYearViewService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.MappingService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });

package/esm2020/timeline/view-base.mjs

@@ -32,10 +32,13 @@ export class ViewBase {
             this.optionChangesService.notifyColumnChanges();
             this.dependencyDomService.notifyChanges();
         }
+        if (anyChanged(['timelineHeadersDateFormat'], changes)) {
+            this.optionChangesService.notifyDateFormatChanges();
+        }
     }
 }
 ViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewBase, deps: [{ token: i1.OptionChangesService }, { token: i2.DependencyDomService }], target: i0.ɵɵFactoryTarget.Directive });
-ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth" }, usesOnChanges: true, ngImport: i0 });
+ViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: ViewBase, selector: "kendo-gantt-view-base", inputs: { slotWidth: "slotWidth", timelineHeadersDateFormat: "timelineHeadersDateFormat" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewBase, decorators: [{
             type: Directive,
             args: [{
@@ -44,4 +47,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.OptionChangesService }, { type: i2.DependencyDomService }]; }, propDecorators: { slotWidth: [{
                 type: Input
+            }], timelineHeadersDateFormat: [{
+                type: Input
             }] } });