@syncfusion/ej2-schedule 19.3.55 → 19.4.42

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

@@ -135,7 +135,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     isPrinting: boolean;
     /**
      * Sets the `width` of the Schedule component, accepting both string and number values.
+     *
      * {% codeBlock src='schedule/width/index.md' %}{% endcodeBlock %}
+     *
      * The string value can be either pixel or percentage format.
      * When set to `auto`, the Schedule width gets auto-adjusted and display its content related to the viewable screen size.
      *
@@ -144,7 +146,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     width: string | number;
     /**
      * Sets the `height` of the Schedule component, accepting both string and number values.
+     *
      * {% codeBlock src='schedule/height/index.md' %}{% endcodeBlock %}
+     *
      * The string type includes either pixel or percentage values.
      * When `height` is set with specific pixel value, then the Schedule will be rendered to that specified space.
      * In case, if `auto` value is set, then the height of the Schedule gets auto-adjusted within the given container.
@@ -155,6 +159,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `false`, hides the header bar of the Schedule from UI. By default,
      * the header bar holds the date and view navigation options, to which the user can add their own custom items onto it.
+     *
      * {% codeBlock src='schedule/showHeaderBar/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -163,6 +168,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `false`, hides the current time indicator from the Schedule. Otherwise,
      * it visually depicts the live current system time appropriately on the user interface.
+     *
      * {% codeBlock src='schedule/showTimeIndicator/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -183,6 +189,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * * TimelineWorkWeek
      * * TimelineMonth
      * * TimelineYear
+     *
      * {% codeBlock src='schedule/currentView/index.md' %}{% endcodeBlock %}
      *
      * @default 'Week'
@@ -192,8 +199,10 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * This property holds the views collection and its configurations. It accepts either the array of view names or the array of view
      * objects that holds different configurations for each views. By default,
      * Schedule displays all the views namely `Day`, `Week`, `Work Week`, `Month` and `Agenda`.
+     *
      * Example for array of views:
      * {% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}
+     *
      * Example for array of view objects:
      * {% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
      * {% codeBlock src='schedule/views/index.md' %}{% endcodeBlock %}
@@ -204,6 +213,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * To mark the active (current) date on the Schedule, `selectedDate` property can be defined.
      * Usually, it defaults to the current System date.
+     *
      * {% codeBlock src='schedule/selectedDate/index.md' %}{% endcodeBlock %}
      *
      * @default 'new Date()'
@@ -213,6 +223,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * To define the minimum date on the Schedule, `minDate` property can be defined.
      * Usually, it defaults to the new Date(1900, 0, 1).
+     *
      * {% codeBlock src='schedule/minDate/index.md' %}{% endcodeBlock %}
      *
      * @default new Date(1900, 0, 1)
@@ -222,6 +233,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * To define the maximum date on the Schedule, `maxDate` property can be defined.
      * Usually, it defaults to the new Date(2099, 11, 31).
+     *
      * {% codeBlock src='schedule/maxDate/index.md' %}{% endcodeBlock %}
      *
      * @default new Date(2099, 11, 31)
@@ -231,7 +243,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * By default, Schedule follows the date-format as per the default culture assigned to it.
      * It is also possible to manually set specific date format by using the `dateFormat` property.
+     *
      * {% codeBlock src='schedule/dateFormat/index.md' %}{% endcodeBlock %}
+     *
      * The format of the date range label in the header bar depends on the `dateFormat` value or else based on the
      * locale assigned to the Schedule.
      *
@@ -239,9 +253,11 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      */
     dateFormat: string;
     /**
-     *  It allows the Scheduler to display in other calendar modes.
+     * It allows the Scheduler to display in other calendar modes.
      * By default, Scheduler is displayed in `Gregorian` calendar mode.
+     *
      * {% codeBlock src='schedule/calendarMode/index.md' %}{% endcodeBlock %}
+     *
      * To change the mode, you can set either `Gregorian` or `Islamic` as a value to this `calendarMode` property.
      *
      * @default 'Gregorian'
@@ -250,7 +266,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `false`, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days
      * collection are usually treated as weekend days.
+     *
      * {% codeBlock src='schedule/showWeekend/index.md' %}{% endcodeBlock %}
+     *
      * Note: By default, this option is not applicable on `Work Week` view.
      * For example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as
      *  the weekend days and will be hidden on all the views.
@@ -262,6 +280,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * This option allows the user to set the first day of a week on Schedule. It should be based on the locale set to it and each culture
      * defines its own first day of week values. If needed, the user can set it manually on his own by defining the value through
      * this property. It usually accepts the integer values, whereby 0 is always denoted as Sunday, 1 as Monday and so on.
+     *
      * {% codeBlock src='schedule/firstDayOfWeek/index.md' %}{% endcodeBlock %}
      *
      * @default 0
@@ -273,6 +292,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * * FirstDay
      * * FirstFourDayWeek
      * * FirstFullWeek
+     *
      * {% codeBlock src='schedule/weekRule/index.md' %}{% endcodeBlock %}
      *
      * @default 'FirstDay'
@@ -281,6 +301,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It is used to set the working days on Schedule. The only days that are defined in this collection will be rendered on the `workWeek`
      * view whereas on other views, it will display all the usual days and simply highlights the working days with different shade.
+     *
      * {% codeBlock src='schedule/workDays/index.md' %}{% endcodeBlock %}
      *
      * @default '[1, 2, 3, 4, 5]'
@@ -289,6 +310,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     workDays: number[];
     /**
      * This option allows the user to set the number of months count to be displayed on the Schedule.
+     *
      * {% codeBlock src='schedule/monthsCount/index.md' %}{% endcodeBlock %}
      *
      * @default 12
@@ -298,6 +320,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It is used to specify the starting hour, from which the Schedule starts to display. It accepts the time string in a short skeleton
      * format and also, hides the time beyond the specified start time.
+     *
      * {% codeBlock src='schedule/startHour/index.md' %}{% endcodeBlock %}
      *
      * @default '00:00'
@@ -305,6 +328,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     startHour: string;
     /**
      * It is used to specify the end hour, at which the Schedule ends. It too accepts the time string in a short skeleton format.
+     *
      * {% codeBlock src='schedule/endHour/index.md' %}{% endcodeBlock %}
      *
      * @default '24:00'
@@ -313,6 +337,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * By default, Schedule follows the time-format as per the default culture assigned to it.
      * It is also possible to manually set specific time format by using the `timeFormat` property.
+     *
      * {% codeBlock src='schedule/timeFormat/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -321,6 +346,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `true`, If valid, the scroll on the all day row is activated when the all day row
      * height reaches the max height when the all day row is expanded.
+     *
      * {% codeBlock src='schedule/enableAllDayScroll/index.md' %}{% endcodeBlock %}
      *
      * @default false
@@ -328,6 +354,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     enableAllDayScroll: boolean;
     /**
      * When set to `true`, the header view navigations are listed under the popup and if we enable resource grouping, the compact view will be enabled.
+     *
      * {% codeBlock src='schedule/enableAdaptiveUI/index.md' %}{% endcodeBlock %}
      *
      * @default false
@@ -336,6 +363,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `true`, allows the resizing of appointments. It allows the rescheduling of appointments either by changing the
      * start or end time by dragging the event resize handlers.
+     *
      * {% codeBlock src='schedule/allowResizing/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -345,6 +373,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * The working hours should be highlighted on Schedule with different color shade and an additional option must be provided to
      * highlight it or not. This functionality is handled through `workHours` property and the start work hour should be 9 AM by default
      * and end work hour should point to 6 PM. The start and end working hours needs to be provided as Time value of short skeleton type.
+     *
      * {% codeBlock src='schedule/workHours/index.md' %}{% endcodeBlock %}
      *
      * @default { highlight: true, start: '09:00', end: '18:00' }
@@ -353,6 +382,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Allows to set different time duration on Schedule along with the customized grid count. It also has template option to
      *  customize the time slots with required time values in its own format.
+     *
      * {% codeBlock src='schedule/timeScale/index.md' %}{% endcodeBlock %}
      *
      * @default { enable: true, interval: 60, slotCount: 2, majorSlotTemplate: null, minorSlotTemplate: null }
@@ -360,6 +390,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     timeScale: TimeScaleModel;
     /**
      * When set to `true`, allows the keyboard interaction to take place on Schedule.
+     *
      * {% codeBlock src='schedule/allowKeyboardInteraction/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -368,6 +399,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `true`, allows the appointments to move over the time slots. When an appointment is dragged, both its start
      * and end time tends to change simultaneously allowing it to reschedule the appointment on some other time.
+     *
      * {% codeBlock src='schedule/allowDragAndDrop/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -376,6 +408,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
      * the date header cells. The field that can be accessed via this template is `date`.
+     *
      * {% codeBlock src='schedule/dateHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -384,6 +417,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
      * the month date cells. This template is only applicable for month view day cells.
+     *
      * {% codeBlock src='schedule/cellHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -392,6 +426,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
      * the day header cells. This template is only applicable for year view header cells.
+     *
      * {% codeBlock src='schedule/dayHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -400,6 +435,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto
      * the month header cells. This template is only applicable for year view header cells.
+     *
      * {% codeBlock src='schedule/monthHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -422,6 +458,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     cellTemplate: string;
     /**
      * When set to `true`, makes the Schedule to render in a read only mode. No CRUD actions will be allowed at this time.
+     *
      * {% codeBlock src='schedule/readonly/index.md' %}{% endcodeBlock %}
      *
      * @default false
@@ -430,46 +467,47 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
      * By default, it is set to `true`.
+     *
      * {% codeBlock src='schedule/showQuickInfo/index.md' %}{% endcodeBlock %}
      *
      * @default true
      */
     showQuickInfo: boolean;
     /**
-     * This property helps user to add/edit the event in inline.
+     * This property helps user to add/edit the event in inline. By default, it is set to `false`.
+     *
      * {% codeBlock src='schedule/allowInline/index.md' %}{% endcodeBlock %}
-     * By default, it is set to `false`.
      *
      * @default false
      */
     allowInline: boolean;
     /**
-     * This property helps user to allow/prevent the selection of multiple cells.
+     * This property helps user to allow/prevent the selection of multiple cells. By default, it is set to `true`.
+     *
      * {% codeBlock src='schedule/allowMultiCellSelection/index.md' %}{% endcodeBlock %}
-     * By default, it is set to `true`.
      *
      * @default true
      */
     allowMultiCellSelection: boolean;
     /**
-     * This property helps user to allow/prevent the selection of multiple days(rows).
+     * This property helps user to allow/prevent the selection of multiple days(rows). By default, it is set to `true`.
+     *
      * {% codeBlock src='schedule/allowMultiRowSelection/index.md' %}{% endcodeBlock %}
-     * By default, it is set to `true`.
      *
      * @default true
      */
     allowMultiRowSelection: boolean;
     /**
-     * This property helps to show quick popup after multiple cell selection.
+     * This property helps to show quick popup after multiple cell selection. By default, it is set to `false`.
+     *
      * {% codeBlock src='schedule/quickInfoOnSelectionEnd/index.md' %}{% endcodeBlock %}
-     *  By default, it is set to `false`.
      *
      * @default false
      */
     quickInfoOnSelectionEnd: boolean;
     /**
-     * When set to `true`, displays the week number of the current view date range.
-     * By default, it is set to `false`.
+     * When set to `true`, displays the week number of the current view date range. By default, it is set to `false`.
+     *
      * {% codeBlock src='schedule/showWeekNumber/index.md' %}{% endcodeBlock %}
      *
      * @default false
@@ -478,21 +516,24 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * when set to `true`, allows the height of the work-cells to adjust automatically
      * based on the number of appointments present in those time ranges.
+     *
      * {% codeBlock src='schedule/rowAutoHeight/index.md' %}{% endcodeBlock %}
      *
      * @default false
      */
     rowAutoHeight: boolean;
     /**
-     * This property helps to drag the multiple selected events.
-     * By default, it is set to `false`.
+     * This property helps to drag the multiple selected events. By default, it is set to `false`.
+     *
+     * {% codeBlock src='schedule/allowMultiDrag/index.md' %}{% endcodeBlock %}
      *
      * @default false
      */
     allowMultiDrag: boolean;
     /**
-     * This property helps render the year view customized months.
-     * By default, it is set to `0`.
+     * This property helps render the year view customized months. By default, it is set to `0`.
+     *
+     * {% codeBlock src='schedule/firstMonthOfYear/index.md' %}{% endcodeBlock %}
      *
      * @default 0
      */
@@ -500,6 +541,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * The template option to render the customized editor window. The form elements defined within this template should be accompanied
      *  with `e-field` class, so as to fetch and process it from internally.
+     *
      * {% codeBlock src='schedule/editorTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -508,6 +550,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * The template option to customize the quick window. The three sections of the quick popup whereas the header, content,
      * and footer can be easily customized with individual template option.
+     *
      * {% codeBlock src='schedule/quickInfoTemplates/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -516,6 +559,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Sets the number of days to be displayed by default in Agenda View and in case of virtual scrolling,
      * the number of days will be fetched on each scroll-end based on this count.
+     *
      * {% codeBlock src='schedule/agendaDaysCount/index.md' %}{% endcodeBlock %}
      *
      * @default 7
@@ -524,14 +568,15 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.
      * When this property is set to `false`, the empty dates will also be displayed on the Schedule.
+     *
      * {% codeBlock src='schedule/hideEmptyAgendaDays/index.md' %}{% endcodeBlock %}
      *
      * @default true
      */
     hideEmptyAgendaDays: boolean;
     /**
-     * The recurrence validation will be done by default
-     *  When this property is set to `false`, the recurrence validation will be skipped.
+     * The recurrence validation will be done by default. When this property is set to `false`, the recurrence validation will be skipped.
+     *
      * {% codeBlock src='schedule/enableRecurrenceValidation/index.md' %}{% endcodeBlock %}
      *
      * @default true
@@ -543,6 +588,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * Whenever the Schedule is bound to remote data services, it is always recommended to set specific timezone to Schedule to make the
      * events on it to display on the same time irrespective of the system timezone. It usually accepts
      * the valid [IANA](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) timezone names.
+     *
      * {% codeBlock src='schedule/timezone/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -551,6 +597,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Complete set of settings related to Schedule events to bind it to local or remote dataSource, map applicable database fields and
      * other validation to be carried out on the available fields.
+     *
      * {% codeBlock src='schedule/eventSettings/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -558,6 +605,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     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
@@ -591,6 +639,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Allows defining the group related settings of multiple resources. When this property is non-empty, it means
      * that the resources will be grouped on the schedule layout based on the provided resource names.
+     *
      * {% codeBlock src='schedule/group/index.md' %}{% endcodeBlock %}
      *
      * @default {}
@@ -599,6 +648,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined
      *  with unique resource names to identify it along with the respective dataSource and field mapping options.
+     *
      * {% codeBlock src='schedule/resources/index.md' %}{% endcodeBlock %}
      *
      * @default []
@@ -607,6 +657,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row
      *  on the timeline view of the scheduler.
+     *
      * {% codeBlock src='schedule/headerRows/index.md' %}{% endcodeBlock %}
      *
      * @default []
@@ -615,6 +666,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * It is used to customize the Schedule which accepts custom CSS class names that defines specific user-defined styles and themes
      * to be applied on the Schedule element.
+     *
      * {% codeBlock src='schedule/cssClass/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -622,8 +674,8 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     cssClass: string;
     /**
      * It enables the external drag and drop support for appointments on scheduler, to be able to move them out of the scheduler layout.
-     * When the drag area is explicitly set with specific DOM element name,
-     * the appointments can be dragged anywhere within the specified drag area location.
+     * When the drag area is explicitly set with specific DOM element name, the appointments can be dragged anywhere within the specified drag area location.
+     *
      * {% codeBlock src='schedule/eventDragArea/index.md' %}{% endcodeBlock %}
      *
      * @default null
@@ -673,6 +725,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     select: EmitType<SelectEventArgs>;
     /**
      * Triggers on beginning of every scheduler action.
+     *
      * {% codeBlock src='schedule/actionBegin/index.md' %}{% endcodeBlock %}
      *
      * @event 'actionBegin'
@@ -680,6 +733,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     actionBegin: EmitType<ActionEventArgs>;
     /**
      * Triggers on successful completion of the scheduler actions.
+     *
      * {% codeBlock src='schedule/actionComplete/index.md' %}{% endcodeBlock %}
      *
      * @event 'actionComplete'
@@ -687,6 +741,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     actionComplete: EmitType<ActionEventArgs>;
     /**
      * Triggers when a scheduler action gets failed or interrupted and an error information will be returned.
+     *
      * {% codeBlock src='schedule/actionFailure/index.md' %}{% endcodeBlock %}
      *
      * @event 'actionFailure'
@@ -694,6 +749,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     actionFailure: EmitType<ActionEventArgs>;
     /**
      * Triggers before the date or view navigation takes place on scheduler.
+     *
      * {% codeBlock src='schedule/navigating/index.md' %}{% endcodeBlock %}
      *
      * @event 'navigating'
@@ -701,6 +757,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     navigating: EmitType<NavigatingEventArgs>;
     /**
      * Triggers before each element of the schedule rendering on the page.
+     *
      * {% codeBlock src='schedule/renderCell/index.md' %}{% endcodeBlock %}
      *
      * @event 'renderCell'
@@ -708,6 +765,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     renderCell: EmitType<RenderCellEventArgs>;
     /**
      * Triggers when the events are single clicked or on single tapping the events on the mobile devices.
+     *
      * {% codeBlock src='schedule/eventClick/index.md' %}{% endcodeBlock %}
      *
      * @event 'eventClick'
@@ -715,6 +773,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     eventClick: EmitType<EventClickArgs>;
     /**
      * Triggers before each of the event getting rendered on the scheduler user interface.
+     *
      * {% codeBlock src='schedule/eventRendered/index.md' %}{% endcodeBlock %}
      *
      * @event 'eventRendered'
@@ -722,6 +781,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     eventRendered: EmitType<EventRenderedArgs>;
     /**
      * Triggers before the data binds to the scheduler.
+     *
      * {% codeBlock src='schedule/dataBinding/index.md' %}{% endcodeBlock %}
      *
      * @event 'dataBinding'
@@ -729,6 +789,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     dataBinding: EmitType<ReturnType>;
     /**
      * Triggers before any of the scheduler popups opens on the page.
+     *
      * {% codeBlock src='schedule/popupOpen/index.md' %}{% endcodeBlock %}
      *
      * @event 'popupOpen'
@@ -736,6 +797,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     popupOpen: EmitType<PopupOpenEventArgs>;
     /**
      * Triggers before any of the scheduler popups close on the page.
+     *
      * {% codeBlock src='schedule/popupClose/index.md' %}{% endcodeBlock %}
      *
      * @event 'popupClose'
@@ -743,6 +805,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     popupClose: EmitType<PopupCloseEventArgs>;
     /**
      * Triggers when an appointment is started to drag.
+     *
      * {% codeBlock src='schedule/dragStart/index.md' %}{% endcodeBlock %}
      *
      * @event 'dragStart'
@@ -750,6 +813,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     dragStart: EmitType<DragEventArgs>;
     /**
      * Triggers when an appointment is being in a dragged state.
+     *
      * {% codeBlock src='schedule/drag/index.md' %}{% endcodeBlock %}
      *
      * @event 'drag'
@@ -757,6 +821,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     drag: EmitType<DragEventArgs>;
     /**
      * Triggers when the dragging of appointment is stopped.
+     *
      * {% codeBlock src='schedule/dragStop/index.md' %}{% endcodeBlock %}
      *
      * @event 'dragStop'
@@ -764,6 +829,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     dragStop: EmitType<DragEventArgs>;
     /**
      * Triggers when an appointment is started to resize.
+     *
      * {% codeBlock src='schedule/resizeStart/index.md' %}{% endcodeBlock %}
      *
      * @event 'resizeStart'
@@ -771,6 +837,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     resizeStart: EmitType<ResizeEventArgs>;
     /**
      * Triggers when an appointment is being in a resizing action.
+     *
      * {% codeBlock src='schedule/resizing/index.md' %}{% endcodeBlock %}
      *
      * @event 'resizing'
@@ -778,6 +845,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     resizing: EmitType<ResizeEventArgs>;
     /**
      * Triggers when the resizing of appointment is stopped.
+     *
      * {% codeBlock src='schedule/resizeStop/index.md' %}{% endcodeBlock %}
      *
      * @event 'resizeStop'
@@ -785,6 +853,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     resizeStop: EmitType<ResizeEventArgs>;
     /**
      * Triggers once the event data is bound to the scheduler.
+     *
      * {% codeBlock src='schedule/dataBound/index.md' %}{% endcodeBlock %}
      *
      * @event 'dataBound'

package/src/schedule/base/schedule.js

@@ -331,13 +331,19 @@ var Schedule = /** @class */ (function (_super) {
             timeFormat: this.internalTimeFormat,
             group: group,
             headerRows: this.headerRows,
-            orientation: 'Horizontal'
+            orientation: 'Horizontal',
+            numberOfWeeks: 0,
+            displayDate: null
         };
         var viewOptions = this.viewCollections[this.viewIndex];
         var viewsData = extend(scheduleOptions, viewOptions, undefined, true);
         if (this.firstDayOfWeek !== 0 && viewOptions.firstDayOfWeek && this.firstDayOfWeek !== viewOptions.firstDayOfWeek) {
             viewsData.firstDayOfWeek = this.firstDayOfWeek;
         }
+        if (viewsData.displayDate) {
+            viewsData.displayDate = viewsData.displayDate instanceof Date ? new Date(viewsData.displayDate.getTime()) :
+                new Date(viewsData.displayDate);
+        }
         return viewsData;
     };
     Schedule.prototype.initializeDataModule = function () {
@@ -650,7 +656,7 @@ var Schedule = /** @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -1429,7 +1435,7 @@ var Schedule = /** @class */ (function (_super) {
             if (dateHeader.classList.contains(cls.ALLDAY_APPOINTMENT_AUTO)) {
                 removeClass([dateHeader], cls.ALLDAY_APPOINTMENT_AUTO);
             }
-            this.eventBase.allDayExpandScroll(dateHeader, true);
+            this.eventBase.allDayExpandScroll(dateHeader);
         }
         if (!this.uiStateValues.expand) {
             allDayRow.style.height = '';
@@ -1619,6 +1625,7 @@ var Schedule = /** @class */ (function (_super) {
                     }
                     break;
                 case 'spannedEventPlacement':
+                case 'minimumEventDuration':
                 case 'enableMaxHeight':
                 case 'enableIndicator':
                     this.refreshEvents(false);
@@ -1993,7 +2000,7 @@ var Schedule = /** @class */ (function (_super) {
      */
     Schedule.prototype.exportToExcel = function (excelExportOptions) {
         if (this.excelExportModule) {
-            this.excelExportModule.initializeExcelExport(excelExportOptions || {});
+            this.excelExportModule.initializeExcelExport(excelExportOptions);
         }
         else {
             throw Error('Inject ExcelExport module');
@@ -2178,6 +2185,9 @@ var Schedule = /** @class */ (function (_super) {
             this.crudModule.refreshDataManager();
         }
         else {
+            if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
+                this.resetTemplates(['eventTemplate']);
+            }
             var eventsData = this.eventsData || [];
             var blockData = this.blockData || [];
             var data = eventsData.concat(blockData);
@@ -2435,6 +2445,7 @@ var Schedule = /** @class */ (function (_super) {
             this.eventTooltip = null;
         }
         this.destroyPopups();
+        this.hideSpinner();
         this.unWireEvents();
         this.destroyHeaderModule();
         if (this.eventTooltip) {

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

@@ -2,6 +2,7 @@
  * Schedule common utilities
  */
 export declare const WEEK_LENGTH: number;
+export declare const DEFAULT_WEEKS: number;
 export declare const MS_PER_DAY: number;
 export declare const MS_PER_MINUTE: number;
 /**

package/src/schedule/base/util.js

@@ -4,6 +4,7 @@ import { createElement, remove, isNullOrUndefined } from '@syncfusion/ej2-base';
  * Schedule common utilities
  */
 export var WEEK_LENGTH = 7;
+export var DEFAULT_WEEKS = 6;
 export var MS_PER_DAY = 86400000;
 export var MS_PER_MINUTE = 60000;
 /**

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

@@ -80,7 +80,8 @@ export declare class EventBase {
     isValidEvent(eventObj: Record<string, any>, start: Date, end: Date, schedule: {
         [key: string]: Date;
     }): boolean;
-    allDayExpandScroll(dateHeader: HTMLElement, heightPropChanged?: boolean): void;
+    allDayExpandScroll(dateHeader: HTMLElement): void;
+    updateEventMinimumDuration(startEndHours: Record<string, Date>, startTime: Date, endTime: Date): Record<string, Date>;
     private unWireEvents;
     destroy(): void;
 }