@syncfusion/ej2-schedule 19.3.48 → 19.3.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.48
+*  version : 19.3.53
 *  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-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@19.3.46",
+  "_id": "@syncfusion/ej2-schedule@19.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-x1dE8/ZswBw4vAbLAILohZWlisR8SymVBt4/qwG38WgG+4nQ+yamS89F+aD/KkXQdFZ+zFdWKZbUCyNCPUDUUQ==",
+  "_integrity": "sha512-tmNQX9deB3R92SS5zDEuhGnyFnqd5qLAqz2kmcmNDsKf2VEsHJnq7WR84K4X8jnpn0bde4vzmZjPWOAnRZ/jDw==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-schedule/-/ej2-schedule-19.3.46.tgz",
-  "_shasum": "96b789963b4984b83da4f6a024bd5e08e6869712",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-schedule/-/ej2-schedule-19.3.48.tgz",
+  "_shasum": "17e2d899f19992f39da451429ae6fa5263debb83",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@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.48",
-    "@syncfusion/ej2-excel-export": "~19.3.48",
-    "@syncfusion/ej2-inputs": "~19.3.48",
-    "@syncfusion/ej2-lists": "~19.3.48",
-    "@syncfusion/ej2-navigations": "~19.3.46",
-    "@syncfusion/ej2-popups": "~19.3.47"
+    "@syncfusion/ej2-base": "~19.3.53",
+    "@syncfusion/ej2-buttons": "~19.3.53",
+    "@syncfusion/ej2-calendars": "~19.3.53",
+    "@syncfusion/ej2-data": "~19.3.53",
+    "@syncfusion/ej2-dropdowns": "~19.3.53",
+    "@syncfusion/ej2-excel-export": "~19.3.53",
+    "@syncfusion/ej2-inputs": "~19.3.53",
+    "@syncfusion/ej2-lists": "~19.3.53",
+    "@syncfusion/ej2-navigations": "~19.3.53",
+    "@syncfusion/ej2-popups": "~19.3.53"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.48",
+  "version": "19.3.53",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -770,7 +770,8 @@ var DragAndDrop = /** @class */ (function (_super) {
                 // eslint-disable-next-line max-len
                 this.parent.getDateFromElement(isNullOrUndefined(index) ? this.actionObj.target : this.targetTd)));
             var splitEvents = this.splitEvent(event);
-            var events_1 = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 || !(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') ? [event] : splitEvents;
+            var events_1 = this.parent.eventBase.isAllDayAppointment(event) || splitEvents.length > 2 ||
+                this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' ? [event] : splitEvents;
             for (var i = 0; i < events_1.length; i++) {
                 if (i > 0) {
                     var filterQuery = ".e-day-wrapper[data-date=\"" + util.resetTime(events_1[i][this.parent.eventFields.startTime]).getTime() + "\"]";

package/src/schedule/base/interface.d.ts

@@ -295,6 +295,13 @@ export interface ResourceDetails {
     /** It returns the Name of current resource in compact mode. */
     resourceName?: string;
 }
+/** An interface that represents time zone and display text for scheduler.  */
+export interface TimezoneFields {
+    /** Assigns the timezone display text. */
+    Text: string;
+    /** Assigns the IANA timezone value. */
+    Value: string;
+}
 /** An interface that holds options of events once it bound to scheduler. */
 export interface DataBoundEventArgs extends BaseEventArgs {
     result: Record<string, any>[];

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

@@ -1,4 +1,4 @@
-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 } 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 } 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, CallbackFunction } from '../base/interface';import { CalendarUtil, Gregorian, Islamic, CalendarType } from '../../common/calendar-util';import { ResourceBase } from '../base/resource';import { Timezone } 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 } 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, 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 {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -477,6 +477,14 @@ export interface ScheduleModel extends ComponentModel{
      */
     eventSettings?: EventSettingsModel;
 
+    /**
+     * Allows to define the collection of timezone items in the Schedule. Only the items bound to this property get listed out in the timezone dropdown of the appointment window.
+     * {% codeBlock src='schedule/timezoneDatasource/index.md' %}{% endcodeBlock %}
+     *
+     * @default timezoneData
+     */
+    timezoneDataSource?: TimezoneFields[];
+
     /**
      * Template option to customize the resource header bar. Here, the template accepts either
      *  the string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.

package/src/schedule/base/schedule.d.ts

@@ -35,7 +35,7 @@ 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 } from '../base/interface';
+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, ExportOptions, SelectEventArgs } from '../base/interface';
 import { ViewsData, PopupCloseEventArgs, HoverEventArgs, MoreEventsClickArgs, CallbackFunction } from '../base/interface';
@@ -556,6 +556,13 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * @default null
      */
     eventSettings: EventSettingsModel;
+    /**
+     * Allows to define the collection of timezone items in the Schedule. Only the items bound to this property get listed out in the timezone dropdown of the appointment window.
+     * {% codeBlock src='schedule/timezoneDatasource/index.md' %}{% endcodeBlock %}
+     *
+     * @default timezoneData
+     */
+    timezoneDataSource: TimezoneFields[];
     /**
      * Template option to customize the resource header bar. Here, the template accepts either
      *  the string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.

package/src/schedule/base/schedule.js

@@ -45,7 +45,7 @@ import { Group } from '../models/group';
 import { Resources } from '../models/resources';
 import { Gregorian, Islamic } from '../../common/calendar-util';
 import { ResourceBase } from '../base/resource';
-import { Timezone } from '../timezone/timezone';
+import { Timezone, timezoneData } from '../timezone/timezone';
 import * as events from '../base/constant';
 import * as cls from '../base/css-constant';
 import * as util from '../base/util';
@@ -749,7 +749,9 @@ var Schedule = /** @class */ (function (_super) {
             beginFrom: 'Begin From',
             endAt: 'Ends At',
             expandAllDaySection: 'Expand-all-day-section',
-            collapseAllDaySection: 'Collapse-all-day-section'
+            collapseAllDaySection: 'Collapse-all-day-section',
+            searchTimezone: 'Search Timezone',
+            noRecords: 'No records found'
         };
     };
     Schedule.prototype.wireEvents = function () {
@@ -1468,6 +1470,11 @@ var Schedule = /** @class */ (function (_super) {
                     this.keyboardInteractionModule = new KeyboardInteraction(this);
                 }
                 break;
+            case 'timezoneDataSource':
+                if (this.eventWindow) {
+                    this.eventWindow.refresh();
+                }
+                break;
             case 'editorTemplate':
                 if (!isNullOrUndefined(this.editorTemplate)) {
                     this.editorTemplateFn = this.templateParser(this.editorTemplate);
@@ -2639,6 +2646,9 @@ var Schedule = /** @class */ (function (_super) {
     __decorate([
         Complex({}, EventSettings)
     ], Schedule.prototype, "eventSettings", void 0);
+    __decorate([
+        Property(timezoneData)
+    ], Schedule.prototype, "timezoneDataSource", void 0);
     __decorate([
         Property()
     ], Schedule.prototype, "resourceHeaderTemplate", void 0);

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

@@ -640,7 +640,7 @@ var EventBase = /** @class */ (function () {
         var isAllDay = event[fieldMapping.isAllDay];
         var isFullDay = ((event[fieldMapping.endTime].getTime() - event[fieldMapping.startTime].getTime())
             / util.MS_PER_DAY) >= 1;
-        return (isAllDay || (!(this.parent.eventSettings.spannedEventPlacement == 'TimeSlot') && isFullDay)) ? true : false;
+        return (isAllDay || (this.parent.eventSettings.spannedEventPlacement !== 'TimeSlot' && isFullDay)) ? true : false;
     };
     EventBase.prototype.addEventListener = function () {
         this.parent.on(event.documentClick, this.appointmentBorderRemove, this);

package/src/schedule/popups/event-window.d.ts

@@ -25,7 +25,6 @@ export declare class EventWindow {
     private duration;
     private isCrudAction;
     private eventWindowTime;
-    private timezoneData;
     private isEnterKey;
     private dialogEvent;
     constructor(parent: Schedule);

package/src/schedule/popups/event-window.js

@@ -26,7 +26,6 @@ var EventWindow = /** @class */ (function () {
         this.parent = parent;
         this.l10n = this.parent.localeObj;
         this.fields = this.parent.eventFields;
-        this.timezoneData = this.parent.tzModule.timezoneData;
         this.eventWindowTime = { startTime: new Date(), endTime: new Date() };
         this.renderEventWindow();
     }
@@ -464,14 +463,15 @@ var EventWindow = /** @class */ (function () {
             allowFiltering: true,
             change: this.onTimezoneChange.bind(this),
             cssClass: this.parent.cssClass || '',
-            dataSource: this.timezoneData,
+            dataSource: this.parent.timezoneDataSource,
             enableRtl: this.parent.enableRtl,
             fields: { text: 'Text', value: 'Value' },
-            filterBarPlaceholder: 'Search Timezone',
+            filterBarPlaceholder: this.parent.localeObj.getConstant('searchTimezone'),
+            noRecordsTemplate: this.parent.localeObj.getConstant('noRecords'),
             filtering: function (e) {
                 var query = new Query();
                 query = (e.text !== '') ? query.where('Text', 'contains', e.text, true) : query;
-                e.updateData(_this.timezoneData, query);
+                e.updateData(_this.parent.timezoneDataSource, query);
             },
             htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName },
             floatLabelType: 'Always',
@@ -1797,7 +1797,6 @@ var EventWindow = /** @class */ (function () {
             this.fields = null;
             this.buttonObj = null;
             this.repeatStatus = null;
-            this.timezoneData = null;
             this.eventWindowTime = null;
         }
     };

package/src/schedule/popups/form-validator.js

@@ -50,7 +50,7 @@ var FieldValidator = /** @class */ (function () {
             this.createTooltip(inputElement, error, id, '');
         }
         if (!isNullOrUndefined(elem)) {
-            elem.querySelector(".e-error").innerHTML = error.innerHTML;
+            elem.querySelector('.e-error').innerHTML = error.innerHTML;
         }
     };
     FieldValidator.prototype.createTooltip = function (element, error, name, display) {

package/src/schedule/timezone/timezone.d.ts

@@ -1,8 +1,9 @@
+import { TimezoneFields } from '../base/interface';
 /**
  * Time zone
  */
 export declare class Timezone {
-    timezoneData: Record<string, string>[];
+    timezoneData: TimezoneFields[];
     constructor();
     offset(date: Date, timezone: string): number;
     convert(date: Date, fromOffset: number | string, toOffset: number | string): Date;
@@ -12,4 +13,4 @@ export declare class Timezone {
     getLocalTimezoneName(): string;
     private getTimezoneData;
 }
-export declare const timezoneData: Record<string, string>[];
+export declare const timezoneData: TimezoneFields[];

package/src/schedule/timezone/timezone.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Time zone
  */