@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 23.2.7 to 24.1.41

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 23.2.7
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@23.2.4",
+  "_id": "@syncfusion/ej2-schedule@22.7.2",
   "_inBundle": false,
-  "_integrity": "sha512-MubdFwUgutBqXNnindH9QOeHhjl+93mI33578Ati1Yi9mhyxRAlxYf9/fkujUMiPwjvzw6LPOHSXYhGmDMRxqQ==",
+  "_integrity": "sha512-6umy02AOCRz04/IKB4d9pTm+yCNx0DQiLvlcPieh3rYci5cmuJHqp4st2pigQpe/rlT74gjcYEDXca1wVqBSjw==",
   "_location": "/@syncfusion/ej2-schedule",
@@ -26,6 +26,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-23.2.4.tgz",
-  "_shasum": "e7fad4c2553a7a5afdb615fbb67a67c2fafad48b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-22.7.2.tgz",
+  "_shasum": "8ad4c574b33d4ce48d3d3e3f87060fb1fd4badd7",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -39,12 +39,12 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-buttons": "~23.2.7",
-    "@syncfusion/ej2-calendars": "~23.2.7",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-dropdowns": "~23.2.7",
-    "@syncfusion/ej2-excel-export": "~23.2.4",
-    "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-lists": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.7",
-    "@syncfusion/ej2-popups": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-buttons": "~24.1.41",
+    "@syncfusion/ej2-calendars": "~24.1.41",
+    "@syncfusion/ej2-data": "~24.1.41",
+    "@syncfusion/ej2-dropdowns": "~24.1.41",
+    "@syncfusion/ej2-excel-export": "~24.1.41",
+    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-lists": "~24.1.41",
+    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-popups": "~24.1.41"
   },
@@ -78,4 +78,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "23.2.7",
+  "version": "24.1.41",
   "sideEffects": false
 }

src/recurrence-editor/recurrence-editor.js

@@ -377,2 +377,4 @@ var __extends = (this && this.__extends) || (function () {
             popupWidth: this.getPopupWidth(),
+            floatLabelType: 'Always',
+            placeholder: this.localeObj.getConstant(END),
             enableRtl: this.enableRtl,
@@ -718,2 +720,3 @@ index: 1,
         var fullDay = this.getDayData('wide');
+        var labelId = this.element.id + '_' + 'end_label';
         this.element.innerHTML = '<div class="' + HEADER + '">' +
@@ -764,5 +767,4 @@ '<div class="' + INPUTWARAPPER + ' ' + FORMLEFT + '">' +
             '<div class="' + INPUTWARAPPERSIDE + ' ' + ENDON + ' ' + FORMRIGHT + '">' +
-            '<div class=' + ENDONLABEL + '>' + this.localeObj.getConstant(END) + '</div>' +
             '<div class="' + INPUTWARAPPER + ' ' + ENDONLEFT + '">' +
-            '<input type="text" tabindex="0" class="' + ENDONELEMENT + '"title="' + this.localeObj.getConstant(END) + '" />' +
+            '<input type="text" tabindex="0" class="' + ENDONELEMENT + '" aria-labelledby="' + labelId + '"title="' + this.localeObj.getConstant(END) + '" />' +
             '</div>' +
@@ -769,0 +771,0 @@ '<div class="' + INPUTWARAPPER + ' ' + ENDONDATE + '" >' +

src/schedule/base/schedule-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, Property, Event, Animation, Collection, append } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { getElement, removeClass, addClass, classList, remove, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType, WeekRule } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { InlineEdit } from '../event-renderer/inline-edit';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Year } from '../renderer/year';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { TimelineViews } from '../renderer/timeline-view';import { TimelineMonth } from '../renderer/timeline-month';import { TimelineYear } from '../renderer/timeline-year';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { QuickInfoTemplates } from '../models/quick-info-templates';import { HeaderRows } from '../models/header-rows';import { Crud } from '../actions/crud';import { Resize } from '../actions/resize';import { DragAndDrop } from '../actions/drag';import { VirtualScroll } from '../actions/virtual-scroll';import { WorkCellInteraction } from '../actions/work-cells';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { QuickInfoTemplatesModel, HeaderRowsModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { ICalendarExport } from '../exports/calendar-export';import { ICalendarImport } from '../exports/calendar-import';import { ExcelExport } from '../exports/excel-export';import { Print } from '../exports/print';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss, TimezoneFields } from '../base/interface';import { EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, DragEventArgs, ResizeEventArgs } from '../base/interface';import { EventFieldsMapping, TdData, ResourceDetails, ResizeEdges, StateArgs, ExportOptions, SelectEventArgs } from '../base/interface';import { ViewsData, PopupCloseEventArgs, HoverEventArgs, MoreEventsClickArgs, ScrollEventArgs, CallbackFunction } from '../base/interface';import { CalendarUtil, Gregorian, Islamic, CalendarType } from '../../common/calendar-util';import { ResourceBase } from '../base/resource';import { Timezone, timezoneData } from '../timezone/timezone';import { RecurrenceEditor } from '../../recurrence-editor/recurrence-editor';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';
+import { Component, ModuleDeclaration, Property, Event, Animation, Collection, append } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { getElement, removeClass, addClass, classList, remove, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType, WeekRule } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { InlineEdit } from '../event-renderer/inline-edit';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Year } from '../renderer/year';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { TimelineViews } from '../renderer/timeline-view';import { TimelineMonth } from '../renderer/timeline-month';import { TimelineYear } from '../renderer/timeline-year';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { QuickInfoTemplates } from '../models/quick-info-templates';import { HeaderRows } from '../models/header-rows';import { Crud } from '../actions/crud';import { Resize } from '../actions/resize';import { DragAndDrop } from '../actions/drag';import { VirtualScroll } from '../actions/virtual-scroll';import { WorkCellInteraction } from '../actions/work-cells';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel, ToolbarItemModel } from '../models/models';import { QuickInfoTemplatesModel, HeaderRowsModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { ICalendarExport } from '../exports/calendar-export';import { ICalendarImport } from '../exports/calendar-import';import { ExcelExport } from '../exports/excel-export';import { Print } from '../exports/print';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss, TimezoneFields } from '../base/interface';import { EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, DragEventArgs, ResizeEventArgs } from '../base/interface';import { EventFieldsMapping, TdData, ResourceDetails, ResizeEdges, StateArgs, ExportOptions, SelectEventArgs } from '../base/interface';import { ViewsData, PopupCloseEventArgs, HoverEventArgs, MoreEventsClickArgs, ScrollEventArgs, CallbackFunction } from '../base/interface';import { CalendarUtil, Gregorian, Islamic, CalendarType } from '../../common/calendar-util';import { ResourceBase } from '../base/resource';import { Timezone, timezoneData } from '../timezone/timezone';import { RecurrenceEditor } from '../../recurrence-editor/recurrence-editor';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';import { ToolbarItem } from '../models/toolbar';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -58,2 +58,16 @@
     /**
+    * To render the custom toolbar items, the `toolbarItems` property can be used. It contains built-in and custom toolbar items.
+    * To avail the built-in toolbar items, the below string values are assigned to the `name` property of the `ToolbarItemModel`.
+    * * `Previous`: Schedule component navigates to the previous date from the current date.
+    * * `Next`: Schedule component navigates to the next date from the current date.
+    * * `Today`: Schedule component navigates to the current date from any date.
+    * * `Views`: Schedule component render the defined view options in the toolbar. If view option is not defined, then it will render default view options in the Schedule.
+    * * `DateRangeText`: Schedule component displays the current date text range.
+    * * `NewEvent`: Schedule component render the icon to add a new event.
+    *
+    * @default []
+    */
+    toolbarItems?: ToolbarItemModel[]
+
+    /**
      * To set the active view on scheduler, the `currentView` property can be used and it usually accepts either of the following available
@@ -60,0 +74,0 @@ *  view options. The view option specified in this property will be initially loaded on the schedule.

src/schedule/base/type.d.ts

@@ -113,1 +113,13 @@ /**
 export declare type SpannedEventPlacement = 'AllDayRow' | 'TimeSlot';
+/**
+ * An enum that holds the options to define name of the toolbar items to access default toolbar items in the Scheduler.
+ * ```props
+ * Previous :- Denotes the previous date navigation button in the Schedule toolbar.
+ * Next :- Denotes the next date navigation button in the Schedule toolbar.
+ * Today :- Denotes the today button in the Schedule toolbar.
+ * Views :- Denotes the view-switching in the Schedule toolbar.
+ * DateRangeText :- Denotes the date range text in the Schedule toolbar.
+ * NewEvent :- Denotes the new event button in the Schedule toolbar.
+ * ```
+ */
+export declare type ToolbarName = 'Custom' | 'Previous' | 'Next' | 'Today' | 'Views' | 'DateRangeText' | 'NewEvent';

src/schedule/event-renderer/agenda-base.js

@@ -275,3 +275,3 @@ var __extends = (this && this.__extends) || (function () {
         var ntr;
-        var td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        var td = createElement('td');
         var tempData;
@@ -278,0 +278,0 @@ var rowSpan = 0;

src/schedule/event-renderer/event-base.d.ts

@@ -91,4 +91,5 @@ import { Predicate } from '@syncfusion/ej2-data';
     renderSpannedIcon(element: HTMLElement, spanEvent: Record<string, any>): void;
+    addCellHeight(selector: string, eventHeight: number, eventGap: number, headerHeight: number, indHeight: number, isScrollUpdate?: boolean): void;
     private unWireEvents;
     destroy(): void;
 }

src/schedule/event-renderer/month.js

@@ -100,2 +100,4 @@ var __extends = (this && this.__extends) || (function () {
         this.eventHeight = util.getElementHeightFromClass(this.element, cls.APPOINTMENT_CLASS);
+        var selector = '.' + cls.CONTENT_TABLE_CLASS + ' tbody tr';
+        this.addCellHeight(selector, this.eventHeight, (this.parent.currentView === 'Month' ? EVENT_GAP : 2), this.monthHeaderHeight, this.moreIndicatorHeight);
         var scrollTop = conWrap.scrollTop;
@@ -501,2 +503,3 @@ if (this.parent.rowAutoHeight && this.parent.virtualScrollModule && !this.parent.virtualScrollModule.isHorizontalScroll
         }
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
         var overlapCount = this.getIndex(startTime);
@@ -510,3 +513,5 @@ event.Index = overlapCount;
             var height = this.monthHeaderHeight + ((overlapCount + 1) * (this.eventHeight + EVENT_GAP)) + this.moreIndicatorHeight;
-            var enableAppRender = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
+            var enableAppRender = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight &&
+                !this.parent.eventSettings.enableIndicator ? overlapCount < eventsPerRow : this.maxOrIndicator ? overlapCount < 1
+                ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || enableAppRender) {
@@ -676,3 +681,6 @@ this.renderedEvents.push(extend({}, event, null, true));
             attrs: {
+                'role': 'button',
                 'tabindex': '0',
+                'aria-label': this.parent.globalize.formatNumber(count) + '&nbsp;'
+                    + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more')),
                 'data-count': count.toString(),
@@ -679,0 +687,0 @@ 'data-start-date': startDate.getTime().toString(),

src/schedule/event-renderer/timeline-view.js

@@ -113,2 +113,4 @@ var __extends = (this && this.__extends) || (function () {
         this.removeHeightProperty(cls.RESOURCE_COLUMN_TABLE_CLASS);
+        var selector = '.' + cls.RESOURCE_COLUMN_TABLE_CLASS + ' tbody tr';
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP, this.moreIndicatorHeight, 0, false);
         var resources = this.parent.uiStateValues.isGroupAdaptive ?
@@ -156,2 +158,3 @@ [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] :
         var cellTd = this.getCellTd();
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
         var overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
@@ -189,3 +192,4 @@ event.Index = overlapCount;
             var height = ((overlapCount + 1) * (appHeight + EVENT_GAP)) + this.moreIndicatorHeight;
-            var renderApp = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
+            var renderApp = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight && !this.parent.eventSettings.enableIndicator
+                ? overlapCount < eventsPerRow : this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || renderApp) {
@@ -273,3 +277,5 @@ var appointmentElement = void 0;
             var renderedAppCount = Math.floor(appArea / (appHeight + EVENT_GAP));
-            var count = (filterEvents.length - renderedAppCount) <= 0 ? 1 : (filterEvents.length - renderedAppCount);
+            var count = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.eventSettings.enableIndicator
+                ? filterEvents.length - this.parent.activeViewOptions.maxEventsPerRow : (filterEvents.length - renderedAppCount) <= 0 ? 1
+                : filterEvents.length - renderedAppCount;
             var moreIndicatorElement = void 0;
@@ -276,0 +282,0 @@ if (this.renderType === 'day') {

src/schedule/event-renderer/year.js

@@ -96,2 +96,4 @@ var __extends = (this && this.__extends) || (function () {
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
+        var selector = "." + cls.MONTH_HEADER_WRAPPER + " tbody tr,." + cls.RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + cls.CONTENT_TABLE_CLASS + " tbody tr";
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP, this.cellHeader, this.moreIndicatorHeight);
         var wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
@@ -158,3 +160,5 @@ var months = this.getMonths();
                     var renderedAppCount = Math.floor(appArea / (this_1.eventHeight + EVENT_GAP));
-                    var moreIndicatorCount = (count - renderedAppCount) <= 0 ? 1 : (count - renderedAppCount);
+                    var eventsPerRow = this_1.parent.rowAutoHeight ? 1 : this_1.parent.activeViewOptions.maxEventsPerRow;
+                    var moreIndicatorCount = this_1.parent.activeViewOptions.maxEventsPerRow ? count - eventsPerRow
+                        : (count - renderedAppCount) <= 0 ? 1 : count - renderedAppCount;
                     if (this_1.parent.activeViewOptions.orientation === 'Horizontal') {
@@ -176,5 +180,8 @@ var isRendered = this_1.renderedEvents.filter(function (eventObj) {
                     }
-                    if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
+                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) || (this_1.cellHeight > availedHeight);
+                    if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
-                        this_1.updateCellHeight(rowTd, availedHeight);
+                        if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
+                            this_1.updateCellHeight(rowTd, availedHeight);
+                        }
                         isSpannedCollection.push(eventData);
@@ -250,2 +257,4 @@ }
         this.eventHeight = util.getElementHeightFromClass(eventTable, cls.APPOINTMENT_CLASS);
+        var selector = "." + cls.MONTH_HEADER_WRAPPER + " tbody tr,." + cls.RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + cls.CONTENT_TABLE_CLASS + " tbody tr";
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP, this.cellHeader, this.moreIndicatorHeight);
         var wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CONTAINER_CLASS));
@@ -252,0 +261,0 @@ var resources = this.parent.uiStateValues.isGroupAdaptive ?

src/schedule/models/models.d.ts

@@ -14,1 +14,2 @@ /**
 export * from './header-rows-model';
+export * from './toolbar-model';

src/schedule/models/views-model.d.ts

@@ -78,2 +78,11 @@ import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { View, Orientation } from '../base/type';import { TimeScale } from '../models/time-scale';import { TimeScaleModel, GroupModel, HeaderRowsModel } from '../models/models';import { Group } from '../models/group';import { HeaderRows } from './header-rows';
     /**
+     * Specifies the maximum number of events to be displayed in a single row.
+     * This property is applicable when the 'rowAutoHeight' property is disabled.
+     * This property is only applicable for the month view, timeline views, and timeline year view.
+     *
+     * @default null
+     */
+    maxEventsPerRow?: number;
+
+    /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
@@ -80,0 +89,0 @@ *  month date cells.

src/schedule/models/views.d.ts

@@ -71,2 +71,10 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
+     * Specifies the maximum number of events to be displayed in a single row.
+     * This property is applicable when the 'rowAutoHeight' property is disabled.
+     * This property is only applicable for the month view, timeline views, and timeline year view.
+     *
+     * @default null
+     */
+    maxEventsPerRow: number;
+    /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the
@@ -73,0 +81,0 @@ *  month date cells.

src/schedule/models/views.js

@@ -54,2 +54,5 @@ var __extends = (this && this.__extends) || (function () {
     __decorate([
+        Property(null)
+    ], Views.prototype, "maxEventsPerRow", void 0);
+    __decorate([
         Property()
@@ -56,0 +59,0 @@ ], Views.prototype, "cellHeaderTemplate", void 0);

src/schedule/renderer/header-renderer.d.ts

@@ -32,2 +32,4 @@ import { CalendarView } from '@syncfusion/ej2-calendars';
     private getDateRangeText;
+    private getItemModel;
+    private getToolbarItems;
     private getItems;
@@ -34,0 +36,0 @@ private getItemObject;

src/schedule/renderer/header-renderer.js

@@ -0,1 +1,12 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -66,3 +77,3 @@ import { isNullOrUndefined, createElement, remove, closest, addClass, removeClass, extend, append } from '@syncfusion/ej2-base';
         var _this = this;
-        var items = this.getItems();
+        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
         this.parent.trigger(events.actionBegin, { requestType: 'toolbarItemRendering', items: items }, function (args) {
@@ -77,2 +88,3 @@ _this.toolbarObj = new Toolbar({
             });
+            _this.toolbarObj.root = _this.parent.root ? _this.parent.root : _this.parent;
             _this.toolbarObj.appendTo(_this.parent.element.querySelector('.' + cls.HEADER_TOOLBAR));
@@ -200,2 +212,128 @@ var prevNavEle = _this.toolbarObj.element.querySelector('.e-prev');
     };
+    HeaderRenderer.prototype.getItemModel = function (propItem) {
+        var item = {};
+        if (propItem.id) {
+            item.id = propItem.id;
+        }
+        if (propItem.text) {
+            item.text = propItem.text;
+        }
+        if (propItem.tooltipText) {
+            item.tooltipText = propItem.tooltipText;
+        }
+        if (propItem.prefixIcon) {
+            item.prefixIcon = propItem.prefixIcon;
+        }
+        if (propItem.cssClass) {
+            item.cssClass = propItem.cssClass;
+        }
+        if (propItem.showTextOn !== 'Both') {
+            item.showTextOn = propItem.showTextOn;
+        }
+        if (propItem.template) {
+            item.template = propItem.template;
+        }
+        if (propItem.disabled) {
+            item.disabled = propItem.disabled;
+        }
+        if (propItem.width !== 'auto') {
+            item.width = propItem.width;
+        }
+        if (propItem.suffixIcon) {
+            item.suffixIcon = propItem.suffixIcon;
+        }
+        if (propItem.align !== 'Left') {
+            item.align = propItem.align;
+        }
+        if (propItem.overflow !== 'None') {
+            item.overflow = propItem.overflow;
+        }
+        if (propItem.htmlAttributes) {
+            item.htmlAttributes = propItem.htmlAttributes;
+        }
+        if (propItem.type !== 'Button') {
+            item.type = propItem.type;
+        }
+        if (propItem.visible !== true) {
+            item.visible = propItem.visible;
+        }
+        if (propItem.showAlwaysInPopup) {
+            item.showAlwaysInPopup = propItem.showAlwaysInPopup;
+        }
+        if (propItem.tabIndex !== -1) {
+            item.tabIndex = propItem.tabIndex;
+        }
+        return item;
+    };
+    HeaderRenderer.prototype.getToolbarItems = function () {
+        var items = [];
+        var propItem;
+        for (var _i = 0, _a = this.parent.toolbarItems; _i < _a.length; _i++) {
+            var item = _a[_i];
+            propItem = this.getItemModel(item);
+            var tbItem = void 0;
+            if (item.name) {
+                switch (item.name) {
+                    case 'Today':
+                        tbItem = {
+                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
+                            text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Previous':
+                        tbItem = {
+                            prefixIcon: 'e-icon-prev', tooltipText: 'Previous', overflow: 'Show',
+                            cssClass: 'e-prev', htmlAttributes: { 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Next':
+                        tbItem = {
+                            prefixIcon: 'e-icon-next', tooltipText: 'Next', overflow: 'Show',
+                            cssClass: 'e-next', htmlAttributes: { 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'DateRangeText':
+                        tbItem = {
+                            text: this.getDateRangeText(), suffixIcon: 'e-icon-down-arrow', cssClass: 'e-date-range',
+                            overflow: 'Show',
+                            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'NewEvent':
+                        tbItem = {
+                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-add',
+                            text: this.l10n.getConstant('newEvent'), cssClass: 'e-add', overflow: 'Show'
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Views':
+                        if (this.parent.views.length > 1) {
+                            for (var _b = 0, _c = this.parent.views; _b < _c.length; _b++) {
+                                var view = _c[_b];
+                                tbItem = this.getItemObject(view);
+                                tbItem.align = propItem.align ? propItem.align : item.align;
+                                items.push(__assign({}, tbItem, propItem));
+                            }
+                        }
+                        break;
+                    case 'Custom':
+                        items.push(item);
+                        break;
+                }
+            }
+            else {
+                items.push(item);
+            }
+        }
+        return items;
+    };
     HeaderRenderer.prototype.getItems = function () {
@@ -205,7 +343,7 @@ var items = [];
             align: 'Left', prefixIcon: 'e-icon-prev', tooltipText: 'Previous', overflow: 'Show',
-            cssClass: 'e-prev', htmlAttributes: { 'role': 'navigation' }
+            cssClass: 'e-prev'
         });
         items.push({
             align: 'Left', prefixIcon: 'e-icon-next', tooltipText: 'Next', overflow: 'Show',
-            cssClass: 'e-next', htmlAttributes: { 'role': 'navigation' }
+            cssClass: 'e-next'
         });
@@ -215,3 +353,3 @@ items.push({
             overflow: 'Show',
-            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'role': 'navigation' }
+            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive' }
         });
@@ -218,0 +356,0 @@ if (this.parent.isAdaptive || this.parent.enableAdaptiveUI) {

src/schedule/renderer/renderer.js

@@ -135,3 +135,3 @@ import { isNullOrUndefined, addClass, removeClass } from '@syncfusion/ej2-base';
         var content = this.parent.activeView.getLabelText(view);
-        this.parent.element.setAttribute('role', 'main');
+        this.parent.element.setAttribute('role', 'application');
         this.parent.element.setAttribute('aria-label', content);
@@ -138,0 +138,0 @@ };

src/schedule/renderer/vertical-view.js

@@ -764,5 +764,5 @@ var __extends = (this && this.__extends) || (function () {
         if (msStartHour !== msEndHour) {
-            var duration = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
-            length = (Math.abs(msEndHour - msStartHour) / msInterval) - ((new Date(msEndHour).getTimezoneOffset()
-                - new Date(msStartHour).getTimezoneOffset()) / duration);
+            var milliSeconds = (startHour.getTimezoneOffset() !== endHour.getTimezoneOffset()) ?
+                (msEndHour - msStartHour) - 3600000 : (msEndHour - msStartHour);
+            length = Math.round(milliSeconds / msInterval);
         }
@@ -769,0 +769,0 @@ if (!this.parent.activeViewOptions.timeScale.enable) {

src/schedule/renderer/year.js

@@ -173,2 +173,5 @@ var __extends = (this && this.__extends) || (function () {
                     classList.push(cls.OTHERMONTH_CLASS);
+                    if (td.firstElementChild && !this.parent.activeViewOptions.cellTemplate) {
+                        td.firstElementChild.setAttribute('aria-disabled', 'true');
+                    }
                 }
@@ -175,0 +178,0 @@ if (this.isCurrentDate(date) && currentDate.getMonth() === date.getMonth()) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22020584

increased by0.82%

Number of package files

346

increased by0.87%

Lines of code

255188

increased by0.54%

Dependency changes

• + Added@syncfusion/ej2-base@24.1.46(transitive)

• + Added@syncfusion/ej2-buttons@24.1.46(transitive)

• + Added@syncfusion/ej2-calendars@24.1.47(transitive)

• + Added@syncfusion/ej2-compression@24.1.41(transitive)

• + Added@syncfusion/ej2-data@24.1.41(transitive)

• + Added@syncfusion/ej2-dropdowns@24.1.47(transitive)

• + Added@syncfusion/ej2-excel-export@24.1.41(transitive)

• + Added@syncfusion/ej2-file-utils@24.1.41(transitive)

• + Added@syncfusion/ej2-icons@24.1.41(transitive)

• + Added@syncfusion/ej2-inputs@24.1.47(transitive)

• + Added@syncfusion/ej2-lists@24.1.46(transitive)

• + Added@syncfusion/ej2-navigations@24.1.46(transitive)

• + Added@syncfusion/ej2-notifications@24.1.41(transitive)

• + Added@syncfusion/ej2-popups@24.1.46(transitive)

• + Added@syncfusion/ej2-splitbuttons@24.1.46(transitive)

• - Removed@syncfusion/ej2-base@23.2.6(transitive)

• - Removed@syncfusion/ej2-buttons@23.2.7(transitive)

• - Removed@syncfusion/ej2-calendars@23.2.7(transitive)

• - Removed@syncfusion/ej2-compression@23.2.4(transitive)

• - Removed@syncfusion/ej2-data@23.2.4(transitive)

• - Removed@syncfusion/ej2-dropdowns@23.2.7(transitive)

• - Removed@syncfusion/ej2-excel-export@23.2.4(transitive)

• - Removed@syncfusion/ej2-file-utils@23.2.4(transitive)

• - Removed@syncfusion/ej2-icons@23.2.4(transitive)

• - Removed@syncfusion/ej2-inputs@23.2.4(transitive)

• - Removed@syncfusion/ej2-lists@23.2.4(transitive)

• - Removed@syncfusion/ej2-navigations@23.2.7(transitive)

• - Removed@syncfusion/ej2-notifications@23.2.5(transitive)

• - Removed@syncfusion/ej2-popups@23.2.4(transitive)

• - Removed@syncfusion/ej2-splitbuttons@23.2.4(transitive)

• Updated@syncfusion/ej2-base@~24.1.41

• Updated@syncfusion/ej2-buttons@~24.1.41

• Updated@syncfusion/ej2-calendars@~24.1.41

• Updated@syncfusion/ej2-data@~24.1.41

• Updated@syncfusion/ej2-dropdowns@~24.1.41

• Updated@syncfusion/ej2-excel-export@~24.1.41

• Updated@syncfusion/ej2-inputs@~24.1.41

• Updated@syncfusion/ej2-lists@~24.1.41

• Updated@syncfusion/ej2-navigations@~24.1.41

• Updated@syncfusion/ej2-popups@~24.1.41