Fixed

• We fixed an issue in the Angular version where dragging an event to another day threw an error.
• We fixed an issue where double-clicking an event threw an error when clickToCreate was enabled.
• We fixed an issue where dragging an event out of the calendar view's "more" popup threw an error when externalDrag was enabled.

Fixed

• We fixed an issue where dragging a timed event into the all-day area (or back) changed its duration when displayTimezone differed from the browser's local timezone.
• We fixed an issue where an all-day event with dragInTime set to false jumped into the time grid instead of staying in the all-day row when dragged to a different resource.
• We fixed an issue where, in RTL mode, dragging an event so that the grid auto-scrolled vertically made the drag ghost drift away from the cursor and land on the wrong row/time.
• We fixed an issue in shifted views where onCellClick, onCellRightClick, onCellDoubleClick and onCellHoverIn reported the correct time but the wrong date on a shifted day.
• We fixed an issue where the date passed to renderCell was shifted by an hour on the day of a daylight saving time change.

New

• We added the day property to the onResourceExpand and onResourceCollapse events, containing the date of the row the resource was toggled in, when using resolutionVertical: 'day'.

Fixed

• We fixed an issue where expanding or collapsing a resource with resolutionVertical: 'day' set could jump the vertical scroll position, since the resource list is repeated for every day.
• We fixed an issue where, in RTL mode, dragging an event so that the grid auto-scrolled vertically made the drag ghost drift away from the cursor and land on the wrong row/time.
• We fixed an issue where, in RTL mode with resources exceeding the viewport height, the resource column froze and went blank when scrolling the grid vertically.
• We fixed an issue in shifted views where onCellClick, onCellRightClick, onCellDoubleClick and onCellHoverIn reported the correct time but the wrong date on a shifted day.
• We fixed navigateToEvent() scrolling the target resource row underneath the fixed rows when the timeline had resources with fixed: true.
• We fixed an Angular-only issue where scrolling (especially rapid wheel/touch input) or dragging an event near a scroll edge caused freezing an event drag mid-gesture with the scroll position running away, and could also cause erratic jumps during fast scrolling.
• We fixed an issue where the date passed to renderHour, renderHourFooter and renderCell was shifted by an hour on the day of a daylight saving time change.

Fixed

• We fixed an issue where drag & drop did not work correctly in the calendar view when all labels were displayed and the calendar body had been scrolled before starting the drag.
• We fixed an issue where, in controlled mode, the internally tracked selected date could drift away from the value supplied through the selectedDate option when switching between views. The component no longer overwrites the controlled selectedDate on a view change.
• We fixed an issue where the onSelectedDateChange event was fired on a view switch even though the selected date did not change. It is now only emitted when the selected date actually changes.
• We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Fixed

• We fixed an issue in anchored display mode where the popup could overlap an input anchor element when there was not enough space to fit it above or below. The popup now stays below the anchor.

Fixed

• We fixed an issue in the Angular scheduler view where events rendered after the initial load (e.g. when the event or resource data was updated asynchronously) lost their DOM elements on the next re-render. This broke drag & drop (the drag froze after the first movement) and made the event element passed to the onEventClick handler unusable as a popup anchor.
• We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Fixed

• We fixed the automatic vertical scrolling when an external item was dragged into the timeline grid.
• We fixed an issue where a timed event completely outside the visible hour range was still rendered with a minimum width instead of being hidden.
• We fixed an issue where a multi-day event starting after the visible end time was incorrectly positioned on the next day instead of at the beginning of the first visible hour.
• We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Fixed

• Fixed compatibility with Angular 22, which removed the deprecated ComponentFactoryResolver API.

New

• We updated the Angular components to make them compatible with Angular 22.

New

• We added templating / custom renderer support for the picker header using the renderHeader (React, jQuery, JavaScript), headerTemplate (Angular) and popupHeader (Vue) options.

New

• We added templating / custom renderer support for the popup header using the renderHeader (React, jQuery, JavaScript), headerTemplate (Angular) and header (Vue) options.

New

• In case of grouping (by date or by resource) we made the group headers sticky to keep them visible in long views with horizontal scroll.
• We display the month and year for the actually visible viewport, when a longer view includes days from multiple months.
• We added unified day headers and support for grouping by resource for single day views as well.

Fixed

• We fixed the vertical scrollbar of the scheduler grid, which appeared even when not necessary.

New

• We added templating / custom renderer support for the picker header using the renderHeader (React, jQuery, JavaScript), headerTemplate (Angular) and popupHeader (Vue) options.

New

• We added week day classes (.mbsc-timeline-column-mon, .mbsc-timeline-column-tue, etc.) for timeline day columns to allow custom styles for specific week days.

Fixed

• We fixed an issue where the renderTimelineDay, timelineDayTemplate, timelineDay slot received the same date as argument, when used with shifted days.

New

• Non all-day event labels now use shortened round-hour times in AM/PM format (for example 1 AM instead of 1:00 AM) to save space in compact views.

Fixed

• We fixed the focus styling of calendar controls where the outline could be cut off when range controls were visible.
• We fixed anchored arrow positioning near popup edges.

Fixed

• We fixed anchored arrow positioning near popup edges.

New

• The event popover now shows only the time (without the date) for single-day events, reducing visual clutter.

Fixed

• We fixed sticky event titles so they correctly follow grid container scrolling.

Fixed

• We fixed anchored arrow positioning near popup edges.
• We fixed an issue where multi-select could scroll unexpectedly when multiple values were selected.

New

• The event popover now shows only the time (without the date) for single-day events, reducing visual clutter.

New

• We introduced CSS variables across all components for theme customization.
• We added legacy CSS and SCSS theme files to keep the old theme appearance if needed.

Fixed

• We improved the npm package definitions to align with the latest standards.

Removed

• We dropped support for IE11.
• We dropped support for node-sass.
• We dropped support for HTML markup in strings for improved security. It is only supported in jQuery and JavaScript render functions.

Changed

• We updated the minimum supported browser versions to Chrome 56, Firefox 32, iOS/Safari 13, and Edge 79.
• We renamed the following npm packages to align with current ecosystem standards: angular-ivy to angular (Angular 13+), angular to angular-legacy (Angular 9-12), react to react-legacy (React < 18), and react-next to react.
• We updated the minimum framework versions to Angular 9, React 17, Vue 3, and TypeScript version to TypeScript 4.
• We migrated from the deprecated Sass functions and updated the minimum Sass version to 1.80.0.
• We rewrote the built-in themes based on the latest Windows (Fluent), Material (Material 3), and iOS (Liquid Glass) design systems.
• We restructured the CSS architecture across all components to use CSS variables.

Changed

• We changed the default value of the refDate option from '1970-01-01' to today's date.
• We renamed the renderEvent option to renderAgendaEvent with backward compatibility, marked as deprecated.
• We renamed the eventTemplate option (Angular) to agendaEventTemplate with backward compatibility, marked as deprecated.
• We renamed the event slot (Vue) to agendaEvent with backward compatibility, marked as deprecated.
• We renamed the renderEventContent option to renderAgendaEventContent with backward compatibility, marked as deprecated.
• We renamed the eventContentTemplate option (Angular) to agendaEventContentTemplate with backward compatibility, marked as deprecated.
• We renamed the eventContent slot (Vue) to agendaEventContent with backward compatibility, marked as deprecated.
• We renamed the renderDay option to renderAgendaDay with backward compatibility, marked as deprecated.
• We renamed the dayTemplate option (Angular) to agendaDayTemplate with backward compatibility, marked as deprecated.
• We renamed the day slot (Vue) to agendaDay with backward compatibility, marked as deprecated.

Removed

• We dropped the weeks option. The calendarSize option can be used instead.

Changed

• We changed the default value of the refDate option from '1970-01-01' to today's date.

Fixed

• We fixed the onEventClick, onEventDoubleClick, and onEventRightClick events, which were also firing the onCellClick, onCellDoubleClick, and onCellRightClick events.
• We fixed the onLabelClick event, which fired the onCellClick as well.

Changed

• We changed the default value of the refDate option from '1970-01-01' to today's date.
• We renamed the renderLabel option to renderCalendarEvent with backward compatibility, marked as deprecated.
• We renamed the labelTemplate option (Angular) to calendarEventTemplate with backward compatibility, marked as deprecated.
• We renamed the label slot (Vue) to calendarEvent with backward compatibility, marked as deprecated.
• We renamed the renderLabelContent option to renderCalendarEventContent with backward compatibility, marked as deprecated.
• We renamed the labelContentTemplate option (Angular) to calendarEventContentTemplate with backward compatibility, marked as deprecated.
• We renamed the labelContent slot (Vue) to calendarEventContent with backward compatibility, marked as deprecated.
• We renamed the renderEvent option to renderPopoverEvent with backward compatibility, marked as deprecated.
• We renamed the eventTemplate option (Angular) to popoverEventTemplate with backward compatibility, marked as deprecated.
• We renamed the event slot (Vue) to popoverEvent with backward compatibility, marked as deprecated.
• We renamed the renderEventContent option to renderPopoverEventContent with backward compatibility, marked as deprecated.
• We renamed the eventContentTemplate option (Angular) to popoverEventContentTemplate with backward compatibility, marked as deprecated.
• We renamed the eventContent slot (Vue) to popoverEventContent with backward compatibility, marked as deprecated.
• We renamed the renderDay option to renderCalendarDay with backward compatibility, marked as deprecated.
• We renamed the dayTemplate option (Angular) to calendarDayTemplate with backward compatibility, marked as deprecated.
• We renamed the day slot (Vue) to calendarDay with backward compatibility, marked as deprecated.
• We renamed the renderDayContent option to renderCalendarDayContent with backward compatibility, marked as deprecated.
• We renamed the dayContentTemplate option (Angular) to calendarDayContentTemplate with backward compatibility, marked as deprecated.
• We renamed the dayContent slot (Vue) to calendarDayContent with backward compatibility, marked as deprecated.

Removed

• We dropped notification functions from React. Only components can be used.

Removed

• We dropped support for HTML markup inside the headerText option.

New

• We added support for relative day offsets (negative suffix for start, positive suffix for end) in the view option’s startTime and endTime properties to seamlessly span across midnight (for example '20:00-1', '06:00+1').
• We virtualized scheduler scrolling, making it possible to work with large data sets across long periods and many resources without degrading interaction performance on mobile or desktop.
• We added the onVirtualLoading lifecycle event, which is triggered when a new virtual page is loaded on both horizontal and vertical scrolling. This enables on-demand loading of events and resources as users scroll through the scheduler.
• We added the dragTimeStepBase option to set the base for dragTimeStep calculation. If set to 'viewStart', it takes the startTime property of the view option as reference instead of the beginning of the day.

Fixed

• We fixed an alignment issue with the date display in the header when using the Windows theme in RTL mode.

Changed

• We renamed the renderScheduleEvent option to renderSchedulerEvent with backward compatibility, marked as deprecated.
• We renamed the scheduleEventTemplate option (Angular) to schedulerEventTemplate with backward compatibility, marked as deprecated.
• We renamed the scheduleEvent slot (Vue) to schedulerEvent with backward compatibility, marked as deprecated.
• We renamed the renderScheduleEventContent option to renderSchedulerEventContent with backward compatibility, marked as deprecated.
• We renamed the scheduleEventContentTemplate option (Angular) to schedulerEventContentTemplate with backward compatibility, marked as deprecated.
• We renamed the scheduleEventContent slot (Vue) to schedulerEventContent with backward compatibility, marked as deprecated.
• We renamed the renderDay option to renderSchedulerDay with backward compatibility, marked as deprecated.
• We renamed the dayTemplate option (Angular) to schedulerDayTemplate with backward compatibility, marked as deprecated.
• We renamed the day slot (Vue) to schedulerDay with backward compatibility, marked as deprecated.
• We renamed the renderDayContent option to renderSchedulerDayContent with backward compatibility, marked as deprecated.
• We renamed the dayContentTemplate option (Angular) to schedulerDayContentTemplate with backward compatibility, marked as deprecated.
• We renamed the dayContent slot (Vue) to schedulerDayContent with backward compatibility, marked as deprecated.
• We renamed the schedule prop to scheduler under the view option with backward compatibility, marked as deprecated.

New

• We added support for relative day offsets (negative suffix for start, positive suffix for end) in the view option’s startTime and endTime properties to seamlessly span across midnight for single-day view (for example '20:00-1', '06:00+1').
• We added the eventDisplay prop (values: 'exact' | 'fill') under the view option, marking the eventList as deprecated.
• We added the dragTimeStepBase option to set the base for dragTimeStep calculation. If set to 'viewStart', it takes the startTime property of the view option as reference, otherwise the beginning of the day.

Removed

• We dropped the resolution prop under the view option. Only resolutionHorizontal and resolutionVertical are supported.

Changed

• We renamed the renderScheduleEvent option to renderTimelineEvent with backward compatibility, marked as deprecated.
• We renamed the scheduleEventTemplate option (Angular) to timelineEventTemplate with backward compatibility, marked as deprecated.
• We renamed the scheduleEvent slot (Vue) to timelineEvent with backward compatibility, marked as deprecated.
• We renamed the renderScheduleEventContent option to renderTimelineEventContent with backward compatibility, marked as deprecated.
• We renamed the scheduleEventContentTemplate option (Angular) to timelineEventContentTemplate with backward compatibility, marked as deprecated.
• We renamed the scheduleEventContent slot (Vue) to timelineEventContent with backward compatibility, marked as deprecated.
• We renamed the renderDay option to renderTimelineDay with backward compatibility, marked as deprecated.
• We renamed the dayTemplate option (Angular) to timelineDayTemplate with backward compatibility, marked as deprecated.
• We renamed the day slot (Vue) to timelineDay with backward compatibility, marked as deprecated.

Fixed

• We fixed an issue where the current-time indicator could appear in the wrong position around DST changes when using Day.js.
• We fixed an issue where event length around DST transitions was calculated incorrectly when using the dayjsTimezone plugin.
• We fixed an issue where calling the navigate method could scroll to an incorrect time when timezones were used.
• We fixed an issue where event buffers were not properly considered during layout calculation, resulting in incorrect event positioning and sizing in some cases.

Fixed

• We fixed an issue where the current-time indicator could appear in the wrong position around DST changes when using Day.js.
• We fixed an issue where event length around DST transitions was calculated incorrectly when using the dayjsTimezone plugin.
• We fixed an issue where calling the navigate method could scroll to an incorrect time when timezones were used.
• We fixed an issue where event buffers were not properly considered during layout calculation, resulting in incorrect event positioning and sizing in some cases.

Fixed

• We fixed an issue in the navigate and navigateToEvent methods where timezone was not being applied correctly, causing navigation to potentially display incorrect dates when using timezone-aware configurations.

Fixed

• We fixed an issue where the Select component didn't scroll to the selected item when opening the dropdown, making it difficult to locate the currently selected option in long lists.

Fixed

• We fixed an issue in the navigate and navigateToEvent methods where timezone was not being applied correctly, causing navigation to potentially display incorrect dates when using timezone-aware configurations.

Fixed

• We fixed an issue where multi-day event labels were not appearing on the first day of a new week when the event ended on that day, causing labels to be hidden on overflow days in the month view.

Fixed

• Optimized timezone conversion performance when processing large numbers of events with timezone support enabled.
• We fixed an issue where short events displayed with incorrect minimum width in daily resolution views, even when falling outside the visible time range defined by startTime and endTime options. Also improved the event minimum width calculation for larger horizontal resolutions.

Fixed

• We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.

Fixed

• Resolved an issue where clearing the selected range from the Start tab in the Date Range Calendar could cause the browser tab to freeze in Firefox.

Fixed

• We fixed multi-day event labels no longer display an extra border and background on the last visible day when the event was focused.
• We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.

Fixed

• We fixed an issue where the scheduler header incorrectly displayed weekdays when resources were dynamically loaded.
• We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.
• We fixed the navigate method to correctly scroll to the specified date and time on the first call.
• We fixed an issue where the min and max options did not update dynamically when their values changed, causing invalid areas to not display correctly.

New

• Added the rendered day as a parameter to the renderSidebar, and renderResourceEmpty functions when verticalResolution: 'day' is applied.

Fixed

• In Angular cell templates, the args.date parameter was missing the specific cell time.
• We fixed an issue where built-in button texts weren't updating when the locale changed.
• We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.
• We fixed an issue with the hide empty rows feature, which did not work correctly with hierarchical resources and vertical days.
• We fixed the navigate method/selectedDate update to correctly scroll to the specified date and time on the first call.
• We fixed the navigate method/selectedDate update to correctly scroll to the specified date during external drag interactions.
• We fixed an issue where the min and max options did not update dynamically when their values changed, causing invalid areas to not display correctly.
• We fixed an issue where changing the parent resource row heights was not working when variable event heights were used.
• Resolved an issue where the renderSidebar function was not displayed when resources were not defined.

Fixed

• Fixed event sorting to fallback to default ordering instead of alphabetical when event order properties are equal.

Fixed

• We fixed an issue where re-selecting a date range in the Date Range Calendar could cause the browser tab to freeze in Firefox.
• Resolved an issue in Angular, where multiple year titles appeared in the month selection view when using the page option.

New

• We added support for dragging items out of the Calendar, enabling sorting and dropping into external lists through the dragulaDraggable and sortableJsDraggable plugins.

Fixed

• Fixed event sorting to fallback to default ordering instead of alphabetical when event order properties are equal.
• External event drag operations no longer throw errors in views that don't support event drag & drop (such as the Year view or in cases where page size is increased).

New

• We added support for dragging items out of the Scheduler, enabling sorting and dropping into external lists through the dragulaDraggable and sortableJsDraggable plugins.

Fixed

• We fixed the navigation behavior to correctly handle cases when the target date or resource is hidden.
• The hideInvalidColumns property of the view option now correctly hides resource headers in Angular when the scheduler is configured to group by date.
• Fixed event sorting to fallback to default ordering instead of alphabetical when event order properties are equal.

Fixed

• We fixed an issue where selecting a group wheel value failed to scroll the second wheel if no initial value was set.

New

• We added support for dragging items out of the Timeline, enabling sorting and dropping into external lists through the dragulaDraggable and sortableJsDraggable plugins.

Fixed

• Fixed event sorting to fallback to default ordering instead of alphabetical when event order properties are equal.
• Invalid and color ranges inside non-displayed parts of the timeline are now hidden correctly (previously they were still rendered with minimum with, e.g., when falling fully within the startTime/endTime range).

New

• Angular demos and examples now showcase standalone components, reducing boilerplate and aligning with modern Angular best practices.
• Timezone demos and examples now use Day.js instead of Moment.js, improving performance and maintainability.

Fixed

• Corrected the type for themeVariant in the global setOptions function for more consistent type handling.

Fixed

• Resolved an issue with the getEvents method where the first day of the view was incorrect when called without parameters.

Fixed

• Corrected the Polish translation of the Set button.

New

• Added integration plugins for third-party drag-and-drop libraries: dragulaDraggable (for Dragula) and sortableJsDraggable (for SortableJS).

Fixed

• Resolved an issue with the getEvents method where the first day of the view was incorrect when called without parameters.
• Events are now properly passed to the day template in the Vue component.

New

• Added integration plugins for third-party drag-and-drop libraries: dragulaDraggable (for Dragula) and sortableJsDraggable (for SortableJS).
• Added the hideEmptyColumns property to the scheduler view configuration to hide columns without events.
• Added the hideInvalidColumns property to the scheduler view configuration to hide fully invalid columns.
• Added the renderCell / cellTemplate / cell slot for customizing scheduler cells.
• Added the onCellHoverIn / onCellHoverOut events for scheduler cells.
• Added the onResourceHoverIn / onResourceHoverOut events for scheduler resource cells.

Fixed

• Resolved an issue with the getEvents method where the first day of the view was incorrect when called without parameters.
• Addressed an error when using maxEventStack together with eventOrder.
• Corrected the CSS class of the schedule day column when the firstDay option was changed.
• Fixed an issue where short event durations caused the buffer time to display incorrectly.

New

• Added the hideEmptyRows property to the timeline view configuration to hide rows without events.
• Added the hideInvalidRows property to the timeline view configuration to hide fully invalid rows.
• Added integration plugins for third-party drag-and-drop libraries: dragulaDraggable (for Dragula) and sortableJsDraggable (for SortableJS).
• Added the renderCell / cellTemplate / cell slot for customizing timeline cells.
• Added the onCellHoverIn / onCellHoverOut events for timeline cells.
• Added the onResourceHoverIn / onResourceHoverOut events for timeline resource cells.

Fixed

• Resolved an issue with the getEvents method where the first day of the view was incorrect when called without parameters.
• Collapsing a parent resource and updating items at the end of the resource list now correctly triggers the onVirtualScroll event.
• Changing the timeline resolution now consistently triggers the onVirtualScroll event.
• Addressed an error when using maxEventStack together with eventOrder.
• Fixed an issue where short event durations caused the buffer time to display incorrectly.

Fixed

• We fixed an issue where the agenda was not scrolled to the correct date after loading the events.

Fixed

• We fixed an issue where the calendar opened to the wrong month if a max date was set, and the selected date was on the last available day, with a time other than midnight.
• We fixed an issue where the picker was not opened on click, when initialized on an ion-input element (since Ionic v8.5.6).
• We fixed an issue in the Angular component where the onActiveDateChange event did not trigger when switching between the start and end date in the range picker.
• Resolved an issue where input-related options (ariaLabel, disabled, endIcon, startIcon, placeholder) where default values cannot be updated in the Angular component.

Fixed

• Added keyboard access support to the event count labels for improved accessibility.

Fixed

• We fixed the initial height of the textarea when the default value contained multi-line text, affecting both jQuery and vanilla JavaScript components.

Fixed

• We fixed the autoscroll feature to not to scroll vertically when drag in time is disabled.

Fixed

• We corrected a resource drag position miscalculation when dragging over the last resource and the component height exceeded the total height of the resources.
• We fixed the autoscroll feature to not to scroll when the event is resized or dragged within a fixed resource, or when drag in time or drag between resources is disabled.
• We fixed the navigateToEvent method which did not work correctly in Angular, when used with variable height events.

Fixed

• Resolved multiple issues with the Day.js timezone plugin, including preserving millisecond values when creating dates, maintaining timezone information in ISO 8601 strings (instead of converting to UTC), and correctly parsing date strings that include timezone offsets.
• Corrected a bug in the updateRecurringEvent function where the until value was incorrect when updating 'following' occurrences.

Fixed

• In the Vue version, addressed an issue where hovering in or out of the input field while typing caused the input value to reset.

Fixed

• External drop now correctly assigns the event resource when the target calendar has only one resource.
• The "Today" button now properly scrolls the view to the current date and time.
• Resolved a bug in RTL mode where column calculations during drag & drop and navigation were incorrect.
• Addressed an error that occurred during the initial loading of the Scheduler in Firefox.

Fixed

• When dragging external resources, ensured that generated IDs are assigned only to newly created resources and not to the original drag data.
• External drop now correctly sets the event resource if the destination calendar has a single resource.
• The "Today" button now scrolls correctly to the current date and time.

Fixed

• We fixed the onEventClick, onEventDoubleClick and onEventRightClick which were not firing in Angular.

Fixed

• Fixed a bug where onEventClick, onEventDoubleClick, and onEventRightClick didn't work from the event popover in Angular.
• Cleaned up the MbscDraggableOptions type definition to avoid errors caused by hidden properties.
• Gave priority to external drag data over extendDefaultEvent, making it easier to work with external events.

Fixed

• Gave priority to external drag data over extendDefaultEvent, making it easier to work with external events.
• Cleaned up the MbscDraggableOptions type definition to avoid errors caused by hidden properties.

Fixed

• Gave priority to external drag data over extendDefaultEvent, making it easier to work with external events.
• Cleaned up the MbscDraggableOptions type definition to avoid errors caused by hidden properties.

New

• We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.

New

• We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.

New

• We added the context option so you can control where dragged elements are added in the DOM.

New

• We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.

Fixed

• We fixed an error that occurred with external drag when the calendar was inside a shadow DOM.
• When using the context option, dragged elements are now appended to the correct context element instead of the document body.
• Fixed a bug where navigating to a date didn't work right after initializing or switching views.

Fixed

• Anchored positioning now works properly when the anchor is inside a shadow DOM..

New

• We improved the scrolling speed for both horizontal/vertical event dragging and resource reordering.
• We added support for variable column widths, which you can set via CSS—for individual resources or specific weekdays.
• We added the onResourceClick, onResourceDoubleClick, and onResourceRightClick lifecycle events.
• We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.
• We improved the view to keep the horizontal and vertical scroll position at the previous date and time values when changing the view.

Fixed

• We fixed the external drag, which resulted in error when the calendar was inside shadow DOM.
• When the context option is specified for the calendar, the dragged elements will now be appended to the specified context element instead of the document body.
• We fixed an issue where navigating to a date did not work right after initialization or a view change.

New

• We improved the scrolling speed for both horizontal/vertical event dragging and resource reordering.
• We added support for external drag & drop on resources in the timeline view..
• We added the onResourceDragLeave, onResourceDragEnter lifecycle events, triggered when a resource enters or leaves the timeline.
• We added the onResourceCreate, onResourceCreated, onResourceDelete and onResourceDeleted lifecycle events for handling resources being created or deleted via drag & drop
• We added the onResourceClick, onResourceDoubleClick, and onResourceRightClick lifecycle events.
• We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.

Fixed

• We fixed the external drag, which resulted in error when the calendar was inside shadow DOM.
• When the context option is specified for the calendar, the dragged elements will now be appended to the specified context element instead of the document body
• We fixed the vertical day resolution, which did not appear correctly in Angular.
• We fixed an issue where navigating to a date did not work right after initialization or a view change.
• We fixed a print view bug where the header columns were not always in sync with the grid columns.

Fixed

• We fixed an issue where in the case of range selection with the timezone plugin, the timezone offset was applied incorrectly when the input field was updated manually.

Fixed

• We fixed the incorrect icon alignment in case of icon only buttons.

Fixed

• We fixed the error that occurred when navigating through the header calendar to a day that wasn't displayed(when the startDay and endDay view properties were used).
• We fixed the min and max options when timezones are used.
• We fixed an issue where the external drag data overwrote the extendDefaultEvent.

Fixed

• We fixed an issue with variable event heights, where the height of the resource rows couldn't be reduced under a certain value (defined by the default event height).
• We fixed the error that occurred when navigating through the header calendar to a day that wasn't displayed(when the startDay and endDay view properties were used).
• We fixed the date parameter in the onCellClick, onCellDoubleClick, and onCellRightClick lifecycle events, which previously pointed to the wrong date when resolutionVertical was used.
• We fixed the min and max options when timezones are used.
• We fixed an issue where the external drag data overwrote the extendDefaultEvent.
• We fixed the onVirtualLoading lifecycle event where the viewStart - oldViewStart, viewEnd - oldViewEnd, resourceStart - oldResourceStart and resourceEnd - oldResourceEnd parameters incorrectly returned identical values.

Fixed

• We fixed the display of the event labels, where overlap was not correctly detected between all-day and non all-day events, when timezones were used.

Fixed

• We added some missing native input attributes to the input options type, to properly compile with Typescript and React 19.

Fixed

• We fixed the time indicator wich caused the component not to load when used with Angular server side rendering.

Fixed

• We fixed the time indicator wich caused the component not to load when used with Angular server side rendering.
• We fixed an issue where the border of the last cells in a row appeared incorrectly.
• We fixed an issue where the arrow icon of the parent resource was displayed incorrectly in RTL mode in Angular.
• We fixed an issue where the sidebar header was positioned incorrectly when not used with hourly or daily horizontal resolution.
• We fixed border styling issues with the sidebar and footer in RTL mode.
• We fixed the drag & drop with auto-scroll and external drag, where the drag froze after scrolling a while, and dragging the event out of the calendar.
• We fixed an issue which resulted on infinite resize checks on Safari on certain screen sizes.

Fixed

• We fixed an issue where were not all times were selectable on the time scroller on days when daylight saving time change occurs.

Fixed

• We fixed an issue where the Angular component did not work correctly with custom label templates (regression introduced in v5.32.0).

Fixed

• We fixed an issue where the popup could be closed with 2 clicks only, if another popup or a picker was also opened from the first popup.

New

• We improved the readability of resource columns for hierarchies. The width of the resources is dynamically adjusted based on the maximum navigated hierarchy depth.
• We added the onVirtualLoading lifecycle event, which is triggered when a new virtual page is loaded, both on horizontal and vertical scrolling. This enables on-demand loading of events and resources as users scroll through the timeline.
• We added the resourceReorder property to the timeline view configuration. When set to true, drag handles appear on each resource, and enables reordering through drag & drop. When the drag starts, the onResourceDragStart, when it ends, the onResourceDragEnd events will fire. When the order of a resource is changed after drop, the onResourceOrderUpdate lifecycle event will be fired with the new sort order.
• We added the reorder property to the resource object, which defines whether a resource can be dragged from its current position in case resourceReorder is enabled.
• We added the zoomLevels property to the timeline view configuration which enables the configuration of multiple zoom stages. It accepts an array of key, object pairs that describe each zoom level that is supported. The current level can be set using the newly introduced zoomLevel option, by setting the key of the previously defined levels from the zoomLevels object.
• We added the columnWidth property to the timeline view configuration to set overall timeline column widths. If not set, the default widths apply, which depend on the resolution. The following presets are supported: 'xxsmall' - 24px (1.5em), 'xsmall' - 48px (3em), 'small' - 72px (4.5em) 'medium' - 96px (6em), 'large' - 120px (7.5em), 'xlarge' - 144px (9em), 'xxlarge' - 168px (10.5em) and 'xxxlarge' - 192px (12em). The preset widths can be overridden if necessary through their CSS classes.

Fixed

• We fixed an issue where events inside a resource with event creation disabled were not draggable.

Fixed

• We fixed an issue where the day headers were empty when used with Vue.
• We fixed an issue where the onEventRightClick and onEventDoubleClick events were not fired in Vue.
• We fixed an issue where the list was not scrolled to the initial date, when the events were loaded async.

Fixed

• We fixed a bug that threw an error when trying to parse with a custom date format the initial value of a range using distinct start and end inputs.
• We added the missing separator option to the Angular component.
• We fixed an issue where the calendar navigation arrow was not always working in case of range picking with a minRange set.

Fixed

• We fixed an issue where the month labels were not correct in year view, when the Jalali calendar was in use.
• We fixed an issue where the onEventRightClick and onEventDoubleClick events were not fired from the event popover in Vue.

Fixed

• We fixed an issue where the checked property of the Switch and Checkbox instance was not yet holding the correct value inside the native change event (jQuery and JavaScript versions).

Fixed

• We fixed an issue, where event creation was possible on some parts of all-day invalid days, when timezones were used.
• We fixed the target element inside the onEventClick event, when the click was fired using the keyboard.

Fixed

• We fine-tuned the functionality where a collapsed parent resource automatically expands when dragging an event over it — this now only occurs if eventCreation is set to false.
• We fixed an issue where the UI froze after dragging events quickly.
• We fixed the target element inside the onEventClick event, when the click was fired using the keyboard.

Fixed

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.

Fixed

• We fixed a bug where validation selected an invalid range when the invalid option changed dynamically.
• We fixed a bug that constantly navigated the calendar back to the current month when the invalids were updated on mobile
• We fixed an issue that navigated the datepicker to the next month when two months were shown and the range started on the second page
• We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
• We improved the accessibility on the calendar days: the day buttons are announced with VoiceOver, and there's only one control on a day to interact with in TalkBack.
• We corrected the 'preset-range' validation logic to always comply with the selectSize option and do not change the length of the selection
• We fixed an issue where the datepicker automatically selected a value when it was opened.
• We fixed a bug that prevented to clear the datepicker selection when the picker was open.
• We fixed a bug where the value was not written to the input when the date and time controls were used and the time part was changed.
• We fixed a bug that prevented the clear buttons on the range picker labels to clear the selection.
• We fixed a bug where the change event was fired initially even though the value did not change when using the rangepicker with start and end inputs in JavaScript or jQuery.

Fixed

• We improved the accessibility on the calendar days: the day buttons are announced with VoiceOver, and there's only one control on a day to interact with in TalkBack.
• We fixed an issue where recurring event times were modified to the start and end of the day, when used with the eventDisplay: 'fill' view option.

New

• We added the ariaLabel option to specify an accessible label for the popup.

Fixed

• We fixed an issue where the popup was not displayed correctly if the touchUi option was changed dynamically.
• We fixed an issue where the popup was not displayed correctly in full screen mode with the iOS theme.
• We fixed an issue where the popup blinked shortly after closing in top or bottom display mode.

Fixed

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.
• We fixed an issue where the multiple timezones were not displayed correctly in some cases. ( #510 )

Fixed

• We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
• We fixed an issue with multiple selections where the initially selected values were not displayed as tags in the input field, when used with plain JavaScript or jQuery.

Fixed

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.
• We fixed an issue, where the height of the parent resources was not adjustable with css, when used with variable event heights.

New

• We added TypeScript types to the Vue component props, so compile time type check and IDE autosuggest works now as well.

Fixed

• We fixed the monthly and yearly recurrence, where occurrences only were calculated from today, when no from date was specified.

New

• We implemented the renderDay / dayTemplate / day slot for the Agenda as well to customize the day headers on the list.
• We added the showEmptyDays property to the Agenda view option to be able to show the day header for dates without events as well.

Fixed

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Fixed

• We fixed an issue where validation did not work correctly on the time scroller with valid or invalid ranges spanning over multiple days.

New

• We added the eventDisplay property to the view configuration, to display the labels in exact time.

Fixed

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Fixed

• We fixed an issue where the text undefined appeared for the Textarea placeholder in Angular, when there was no placeholder set.
• We fixed the segmented control where the value was selected at the wrong position when using drag select with the iOS theme.

New

• We added the oldResourceObj and resourceObj properties to the onEventUpdate lifecycle event arguments to easily access the source and destination resource objects.
• We added the resourceObj property to the onEventCreate, onEventCreated, onEventDoubleClick, onEventDragEnd, onEventDragStart, onEventHoverIn, onEventHoverOut, onEventRightClick and onEventUpdated lifecycle event arguments to easily access destination resource object.

Fixed

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Fixed

• We fixed an issue where the theme could not be set properly for the picker, and the global theme was used instead.

New

• We improved the drag functionality - when dragging an event over a collapsed parent resource row and pausing for more than one second without releasing, the resource automatically expands to reveal its children.
• We added the oldResourceObj, oldSlotObj, resourceObj and slotObj properties to the onEventUpdate lifecycle event arguments to easily access the source and destination resource and slot objects.
• We added the resourceObj and slotObj properties to the onEventCreate, onEventCreated, onEventDoubleClick, onEventDragEnd, onEventDragStart, onEventHoverIn, onEventHoverOut, onEventRightClick, onEventUpdated, onResourceCollapse and onResourceExpand lifecycle event arguments to easily access destination resource and slot objects.

Fixed

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.
• We fixed an issue in print view, where sometimes the last few resources were cut off.
• We fixed an issue with the virtual scroll, where the new rows were not loaded in time during scroll, if there were resources with a lot of event rows.
• We fixed an issue where the timeline went back to the previous month on view change, when week resolution was used with month or year view.
• We fixed an issue which caused runtime error when event connections and maxEventStack were used together.

Fixed

• We fixed an issue where all-day events, invalid and colored ranges incorrectly disappeared in hourly resolution during horizontal scroll.
• We fixed an issue where events were not displayed on the last column with week/month/quarter/year resolution.
• We fixed the maxEventStack functionality, which resulted in error when used with variable event heights.

Fixed

• We fixed the week/month/quarter/year resolution, which broke with the virtual scroll performance improvements.
• We fixed an issue with event connections, where an error was thrown, if the target event was out of view.

Fixed

• We added the version field to the package.json file of the esm5 folder inside the npm packages, required by some bundlers, e.g. webpack with federated modules.

New

• We added the order property to event data, to easily customize the order of the events.

Fixed

• We fixed the French translation of the rangeStartLabel option.
• We fixed an issue where the onPageLoaded event was not fired after page change, with yearly or multiple month picker.

New

• We added the order property to event data, to easily customize the order of the events.

Fixed

• We fixed an issue where passing an event handler to the onInit lifecycle event threw an ExpressionChangedAfterItHasBeenCheckedError exception.
• We fixed an issue where the onPageLoaded event was not fired after page change, with yearly or multiple month view.

New

• We added the order property to event data, to easily customize the order of the events.
• We added the eventOrder option to the scheduler view as well.
• We pass the day paramater to the resource template, when resources are displayed grouped by date.

Fixed

• We fixed an issue where dragging events from the "more" popup resulted in error, when external drag was enabled.

New

• We improved the performance of the virtual scroll.
• We added the order property to event data, to easily customize the order of the events.
• We added the eventOrder option to the scheduler view as well.
• We added templating to the timeline empty resource column through the renderResourceEmpty function (React/jQuery/Javascript), resourceEmptyTemplate (Angular) and resourceEmpty slot (Vue).
• We pass the day paramater to the resource template when vertical day resolution is used and resources appear on multiple days.

Fixed

• We fixed an issue where the vertical scroll became stuck after navigating to a date programmatically.
• We now display the resource column even when the resource array is empty, and only hide it, when resources are not passed at all.
• We fixed an issue where timeline columns were displayed incorrectly in Angular, with daily resolution and start/end time specified.

Fixed

• We fixed the Angular package to work with Angular 18.

Fixed

• We fixed the extra borders appearing for empty days when used with the Windows theme.

Fixed

• We fixed the usage of the group wheel, which was not working correctly.

Fixed

• We fixed an issue where events were not appearing in Angular, when used with slots and vertical day resolution.
• We fixed an issue where the virtual scroll ended up in incorrect state after resizing the calendar container in Angular.
• We fixed an issue where external drag resulted in error if the timeline was hidden.
• We fixed an issue where the timeline columns were rendered incorrectly sometimes on certain browser zoom levels.
• We fixed the display of week numbers with custom template in Angular.

New

• We added support for React 19.

Fixed

• We fixed the empty agenda view, which was not displayed correctly (regression introduced in v5.29.2).

Fixed

• We fixed the external drag & drop on touch devices.

Fixed

• We fixed the Prompt component in React and Vue to reset the value between consecutive calls.

New

• We added support for displaying events with variable heights.

Fixed

• We made the Angular npm packages compatible with the moduleResolution: 'bundler' TypeScript option.
• We fixed in issue where the onInit event handler was not called when passed using the [options] binding in Angular.

Fixed

• We fixed the agenda list to scroll the nearest date when no events exist on selected date.

Fixed

• We added accessibility labels to the date and time scroll wheels.

Fixed

• We fixed an issue with the calendar rows not expanding when displaying all event labels in Vue.

Fixed

• We fixed an issue where the date format was not localized for accessibility labels.
• We fixed an issue where the invalids were not always displayed correctly when used with timezones.

Fixed

• We added accessibility labels to the scroll wheels.
• We fixed an issue where options were disabled if the option group's name was identical with the option value.

Fixed

• We fixed an issue where the date format was not localized for accessibility labels.
• We fixed an issue where the resources were not displayed correctly in RTL mode when used with Angular.

Fixed

• We fixed the occurence calculation in case of monthly and yearly recurrence rules, which resulted in an infinite loop, if an empty array was passed for the day or month property.

Fixed

• We fixed the Angular picker input to open the picker when the input icon is clicked.

Fixed

• We added the missing maxWidth and maxHeight options to the Angular component.

Fixed

• We fixed an issue where changing dynamically between equal and variable row heights did not work correctly.
• We fixed the event connection lines rendering, which were off in some cases, after dragging events.

Fixed

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

Fixed

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

Fixed

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.
• We fixed an issue where parts of the event label remained with focus styling after drag & drop.

Fixed

• We fixed an issue where custom Angular templates were not displayed correctly in print view due to missing styles.

New

• We added the oldResource and resource properties to the onEventUpdate lifecycle event arguments to easily determine the source and destination resources.
• We added the background and cssClass properties to the resource data, making the customization of the resource columns easier.
• We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
• We added the showEventBuffer option to control the display of event buffers.
• We added templating to the event buffers through the renderBufferBefore and renderBufferAfter functions (React/jQuery/Javascript), bufferBeforeTemplate and bufferAfterTemplate (Angular) and bufferBefore and bufferAfter slots (Vue).

Fixed

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

New

• We added the oldResource, oldSlot, resource and slot properties to the onEventUpdate lifecycle event arguments to easily determine the source and destination resources and slots.
• We added the background and cssClass properties to the resource data, making the customization of the resource rows easier.
• We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
• We added the showEventBuffer option to control the display of event buffers.
• We added templating to the event buffers through the renderBufferBefore and renderBufferAfter functions (React/jQuery/Javascript), bufferBeforeTemplate and bufferAfterTemplate (Angular) and bufferBefore and bufferAfter slots (Vue).

Fixed

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.
• We fixed an issue where the onCellClick, onCellDoubleClick and onCellRightClick events were not fired if the horizontal resolution was week, month, quarter or year.

Fixed

• We updated the npm packages to work with the "moduleResolution": "bundler" TypeScript option as well.

Fixed

• We fixed the event color display in RTL mode in Angular.
• We fixed the showEventTooltip option in Angular, which displayed a tooltip with undefined, when set to false.

Fixed

• We fixed the Angular segmented component which did not work correctly with numeric values in multiple select mode.

Fixed

• We added the missing export field into the package.json of our packages to work properly with modern build systems or native Node.js imports.

Fixed

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed an issue where the navigateToEvent method did not scroll to the correct date with custom agendaTemplate in Angular.

Fixed

• We fixed the getVal method to return empty array instead of null for empty selection in case of multiple select.

Fixed

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.

Fixed

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.

Fixed

• We fixed the getVal method to return empty array instead of null for empty selection in case of multiple select.

Fixed

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.
• We fixed an issue where the cursor time indicator was off after changing the timeline time steps or resolution.

Fixed

• We fixed the monthly and yearly recurrence, where the COUNT option was not working if BYSETPOS was also specified.

Fixed

• We added added a publicly available type to the controls option, called MbscDatepickerControl.
• We added the missing month property to the MbscDatepickerPageChangeEvent type.
• We fixed the calendar header which was not displayed correctly in Vue.

Fixed

• We fixed a bug in the print module that prevented the display of svg elements.

Fixed

• We fixed the stepper styling in Angular.

Fixed

• We fixed an issue where the timeline grid was not always repainted correctly after window resize.
• We fixed an issue where after changing the resources, the timeline remained scrolled to an empty space in Firefox.

New

• We added the dateFormatFull locale option, which is used by screen readers to read out full dates. This improves accessibility for localized instances.

Fixed

• We fixed the tree shaking when some inner components were always included in the bundle.

New

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.

New

• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

Fixed

• We fixed the Extraneous non-props attributes warning for the Vue component when locale options were set.

New

• We added the immutableData option. When it is enabled the component won't update the passed data directly and it is the responsibility of the developer to handle the updates in the appropriate lifecycle events.

Fixed

• We fixed the Vue component to accept the dateFormatLong option among other missing localization options.
• We fixed the styling of the selected date rendered previously incorrectly if the calendar was placed inside a Mobiscroll grid layout.

New

• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

New

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.
• We added the maxEventStack option to limit the number of displayed events in the schedulers columns. If the number of events reaches the specified value, a “more” button will be shown which opens a popover listing the undisplayed events.
• We added the minEventWidth option to specify the minimum event width in case of the Scheduler view. The value will be used when the maxEventStack: 'auto' option is enabled.

Fixed

• We fixed the @cell-double-click event, which was not working in Vue.
• We fixed a bug where it was possible to create events on invalidated days.

New

• We added missing types to the renderItem arguments.
• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

New

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.
• We added the fixed property to resources enabling sticky rows that remain fixed at the top of the calendar.
• We added the maxEventStack option to limit the number of displayed events in the timeline rows. If the number of events reaches the specified value, a “more” button will be shown which opens a popover listing the undisplayed events.

Fixed

• We fixed an bug where the event data for the custom header and footer templates was lost on navigating the view.
• We fixed the @cell-double-click event, which was not working in Vue.

Fixed

• We fixed the global setOptions method which caused an error in Nuxt when used with Vue server side rendering.

Fixed

• We fixed an issue where the calendar picker did not appear correctly when only month or year picking was used.
• We fixed an issue where typing into the input was not possible on first display, when the touchUi option was set using the responsive option.

Fixed

• We fixed the eventOverlap option which was not working correctly during event drag or resize, by also detecting overlap with itself.

Fixed

• We fixed the radio buttons which were not working correctly in uncontrolled mode with React 18 strict mode.
• We fixed the segmented control which was not working correctly in uncontrolled mode with React 18 strict mode.

Fixed

• We fixed an issue where the view date was not always calculated correctly during scroll (in RTL mode, or when not all days and hours were displayed). This caused problems when changing to another view.
• We fixed an issue where the grid cells disappeared during drag, when daily vertical resolution was used.
• We fixed an issue where an extra column was displayed on the grid during drag, when the horizontal resolution was bigger than a day (week, month, quarter or year).
• We fixed the timeline header to display the year as well in case of quarter resolution, when there are multiple years displayed.
• We fixed an issue where the navigateToEvent method was not always navigating to the correct resource row, when custom navigation was used in the header.
• We fixed an issue where the custom day header and footer templates did not receive correctly the related events in case of hourly resolution.

Fixed

• We fixed the display of date and time scrollers in bottom display mode in Angular.
• We fixed an issue where the value parsing resulted in error if defaultValue was set for the range picker in React.

Fixed

• We fixed the calendar display with the labels: 'all' view option, which broke in the previous release.
• We fixed the week days alignment when week numbers are also displayed.

Fixed

• We fixed an issue with the vertical virtual scroll, where some resource rows were cut of, if there were rows with a larger height than the scroll container.
• We removed the space from the default quarter header, so it will display 'Q1' instead of 'Q 1'.
• We fixed the event creation on touch screen, which was not working correctly when creating long events with horizontal auto-scroll.
• We fixed the current time indicator which did not go all the way down if timeline was placed inside a grid.

Fixed

• We fixed the start time display for events without end time specified.

Fixed

• We fixed the getVal method which was returning the default date, even when there was nothing selected yet (jQuery and Javascript versions).
• We fixed the button alignment in center display mode for the Material theme.
• We fixed the calendar picker where the month change was not working in iOS Safari 17.

Fixed

• We fixed the display of all-day events, when weekly calendar was combined with a single day scheduler.

Fixed

• We fixed the button alignment in center display mode for the Material theme.

Fixed

• We fixed an issue where the header and footer templates did not receive an event if it started at midnight and had no end time specified.

Fixed

• We fixed the scroll to day feature which scrolled to the wrong place after navigation in Angular.

Fixed

• We fixed an issue where invalid days were not styled as invalid when used in certain timezones.
• We improved the accessibility by adding the correct role to the picker input and allow specifying the aria-label attribute, if used without a label.

New

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap option for fine grain control over the allowed drag & drop interactions.

New

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap option for fine grain control over the allowed drag & drop interactions.

Fixed

• We fixed the tag/chips rendering of the select, when multiple selection is enabled.
• We improved the accessibility by adding the correct role to the picker input and allow specifying the aria-label attribute, if used without a label.
• We fixed the dynamic update of the invalid values.

New

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap and dragBetweenSlots options for fine grain control over the allowed drag & drop interactions.
• We added the overlap and dragBetweenSlots properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventDragBetweenSlots property to the resources and slots to control allowed drag & drop interactions on a resource and slot basis.
• We added support to display columns in quarter resolution as well.
• We added templating to the quarter header and footer through the renderQuarter and renderQuarterFooter functions (React/jQuery/Javascript), quarterTemplate and quarterFooterTemplate (Angular) and quarter and quarterFooter slots (Vue).
• We added new types to event connections: finish-to-start, start-to-finish, start-to-start and finish-to-finish.
• We added the virtualScroll property to the timeline view options to enable or disable the virtual scroll.

Fixed

• We fixed the external drag & drop in case of slots, so that the external event will not split up to multiple days.
• We fixed an issue where the grid was not displayed correctly in Safari < 15.

Fixed

• We fixed an issue where the calendar was navigated to the wrong date after changing the view.

Fixed

• We fixed an issue with the navigate method which was throwing an error when trying to navigate to hidden dates on a week view.
• We fixed the event colors in Vue to be inherited correctly from the resource if specified.
• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Fixed

• We fixed the model value binding of the Stepper component in Vue.
• We fixed an issue where binding native listeners to the Input component (focus, blur, etc.) did not work in Vue.

Fixed

• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Fixed

• We fixed an issue, where the select did not scroll to the top after filtering the options.
• We fixed a bug that prevented the dynamic change of select options in Angular.
• We fixed an issue, where calling the Select instance methods resulted in error in Vue.

Fixed

• We fixed the sidebar, sidebar header and footer templates as well as the day footer templates in the timeline component for Vue.
• We fixed a bug in the timeline header where month headers overlapped when the last day of the month was not displayed.
• We fixed an issue where the resolutionVertical property of the view option was not taken into account in Vue.
• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Fixed

• We fixed the external drag which was not working correctly on the calendar view.

Fixed

• We fixed a bug in the recurring rule parsing logic that disregarded the until dates time part.

New

• We are adding templating to the agenda empty view through the renderAgendaEmpty function (React/jQuery/Javascript), agendaEmptyTemplate (Angular) and agendaEmpty slot (Vue).

Fixed

• We fixed the scroll to day feature which was not working correctly after changing the view in Angular.

Fixed

• We fixed the calendar cell layout with week numbers displayed.
• We fixed an error which was thrown when opening animation was set to false.
• We added missing props to the Vue component: calendarType, calendarScroll, pages, showOuterDays, showWeekNumbers.

New

• We added a new Dropcontainer component that can be used to drop events dragged out from an event calendar.

New

• We added the dragInTime option for fine grain control over the allowed drag & drop interactions.
• We added the resize and dragInTime properties to the events to control the allowed drag & drop interactions on individual events.
• We added the externalDrag option that enables events to be dragged out from the calendar and dropped onto another calendar or any dropcontainer.

Fixed

• We fixed the disabled option of the Angular checkbox component to accept boolean values instead of strings.

Fixed

• We fixed an error which was thrown when opening animation was set to false.

New

• We added the dragInTime and dragBetweenResources options for fine-tuning the allowed drag & drop interactions.
• We added the resize, dragInTime and dragBetweenResources properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventResize, eventDragInTime and eventDragBetweenResources properties to the resources to control allowed drag & drop interactions on a resource basis.
• We added the externalDrag option that enables events to be dragged out from the scheduler and dropped onto another instance or any dropcontainer.

Fixed

• We fixed the display of disabled items after dynamically updating the invalid option.
• We fixed the filter option which was not working in Vue.
• We fixed the v-model value binding for Vue.

New

• We added the dragInTime and dragBetweenResources options for fine-tuning the allowed drag & drop interactions.
• We added the resize, dragInTime and dragBetweenResources properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventResize, eventDragInTime and eventDragBetweenResources properties to the resources to control allowed drag & drop interactions on a resource basis.
• We added the renderHour / renderHourFooter and hourTemplate / hourFooterTemplate options for custom time content rendering in the timeline header and footer.
• We added the renderWeek / renderWeekFooter and weekTemplate / weekFooterTemplate options for custom week content rendering in the timeline header and footer.
• We added the renderMonth / renderMonthFooter and monthTemplate / monthFooterTemplate options for custom month content rendering in the timeline header and footer.
• We added the renderYear / renderYearFooter and yearTemplate / yearFooterTemplate options for custom year content rendering in the timeline header and footer.
• We added the externalDrag option that enables events to be dragged out from the timeline and dropped onto another instance or any dropcontainer.

Fixed

• We fixed the display of event connections in Vue.

Fixed

• We fixed the updateRecurringEvent to don't mutate the updatedEvent input parameter.

Fixed

• We fixed an issue where the timeline entered into infinite rendering with custom event templates at certain screen sizes.

New

• We introduced support for Vue 3, shiping full framework integration with native components.

Fixed

• We updated the long date format for the Arabic, Bulgarian, Farsi, French, Hebrew, Hindi, Italian, Polish, Serbian and Thai localizations.

Fixed

• We fixed the date parser to use the year, month and day of the default value (or today's date, if not specified), when parsing time strings.
• We added the missing dayNamesMin input option to the Angular component.

Fixed

• We fixed an issue where detached DOM elements were retained after destroying the Input, Dropdown, Textarea, Stepper and Switch components in JavaScript and jQuery.

Fixed

• We fixed the display of min and max dates, which did not appear as invalid on the scheduler.

Fixed

• We fixed the styling of the filter input which did not inherit the specified theme variant (light or dark).

Fixed

• We fixed an issue where some events were not displayed correctlty after changing the timezone dynamically.
• We fixed the width of the date columns when using daily vertical resolution.
• We fixed the display of min and max dates, which did not appear as invalid on the timeline.
• We fixed an issue where the timeline entered into infinite rendering with custom event templates at certain screen sizes.

Fixed

• We fixed an issue where the length of the all-day events was not calculated correctly.

Fixed

• We fixed the dragging of external all-day events, which was not working correctly.
• We fixed an issue, where creating events with external drag & drop was possible on resources with event creation turned off.
• We fixed the scroll to time feature, to scroll to the beginning of the day, when whole days are displayed.
• We fixed the vertical dragging of the events, where the scroll got stuck after a while.

New

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

Fixed

• We fixed an issue where an extra empty space was displayed above the event times.

New

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

Fixed

• We fixed an issue where navigating the calendar with an external button did not work, if the selected date was pressed twice.

New

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

Fixed

• We fixed an issue where grouping by resource was lost on dynamic view change.
• We fixed an issue where the header and columns did not align on dynamic view change.

New

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.
• We added an improvement to keep the visible date and time in view after a dynamic view change.

Fixed

• We fixed an issue where the row heights were not calculated correctly when changing to or from event listing mode.

Fixed

• We fixed an issue where the picker was not opening when using the Angular or React components (regression introduced in 5.23.1).

Fixed

• We fixed the sticky label of the events, when days are displayed vertically and there are no resources.

Fixed

• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Fixed

• We fixed the range selection, when the picker used 2 inputs, it was initialized on the start input and the display was modified using the responsive option.

Fixed

• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Fixed

• We fixed the radio and segmented components which were not working correctly when there was no value specified on the segmented or radio items.

Fixed

• We fixed a layouting issue where the events were overlapping in some cases.
• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Fixed

• We fixed the shadow of the header for the Material theme.
• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.
• We fixed the date columns which were not expanding vertically, if used without resources.

New

• We made Angular packages available in Ivy format, making it compatible with Angular 16.

Fixed

• We fixed the Today button of the calendar, which did not select today's date correctly.
• We fixed a validation issue, when an invalid range intersected with the minimum date. ( #515 )

New

• We are introducing vertical timeline segmentation by day though the resolutionVertical view option.

Fixed

• We fixed the compatibility issues with Tailwind CSS, where extra borders were displayed in multiple places.

Fixed

• We fixed a styling issue, where the agenda list was visible during scroll in a pixel height strip above the sticky day header on iOS.

Fixed

• We fixed the calendar scrollbar, which was not appearing when needed in year or multiple month view.
• We fixed an issue where the calendar page did not change on next arrow click in case of range selection, after the first day of the next month was selected as start date.

Fixed

• We fixed an issue where a popup without an overlay couldn't be closed while a toast or snackbar message was visible.

Fixed

• We open the print dialog a bit later, to allow the complete rendering of the page.

Fixed

• We fixed the renderScheduleEventContent option to make it work with jsx content in React.
• We fixed the current time indicator bullet, which was showing up at the wrong place with the iOS and Material themes.
• We fixed the external event drag, where sometimes the event was not droppable on the all-day section of the scheduler.

Fixed

• We fixed the renderScheduleEventContent option to make it work with jsx content in React.
• We fixed the position of the dragged event, when the timeline was set to equal row heights.

Fixed

• We fixed an issue where the soft keyboard was opening on touch screens when the picker was opened by tapping on the input label.

Fixed

• We fixed the calendar weekdays displayed at the wrong place in year view, when used with labels: 'all'.

Fixed

• We fixed an issue where sometimes an empty area was rendered when switching from a larger view to a smaller one.
• We fixed a rendering issue where the month names overlapped each other when the view started with the last day of a month.
• We fixed the navigateToEvent method, which only worked when called for the first time on the displayed view.
• We fixed an issue with the external drag & drop, where moving the event over the resource column caused the timeline to scroll.

Fixed

• We fixed an issue with the calendar navigation, where selecting year and month was not possible, when the picker was used within a web component.

Fixed

• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

Fixed

• We made it possible to add a custom id to the segmented and radio controls, instead of the auto-generated one, to avoid differences between client and server side rendered markup.
• We fixed an issue with the Angular textarea component, which threw an error in Jest test environment.

Fixed

• We fixed the cursor time indicator, to hide when the cursor leaves the grid area. We also fixed the positioning, when the main page content was scrolled.
• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

Fixed

• We fixed the cursor time indicator, to hide when the cursor leaves the grid area.
• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

Fixed

• We fixed a bug in the setVal method, that was throwing an exception when called with null in case of range selection.

New

• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.

Fixed

• We fixed a bug where the renderDay and dayTemplate did not receive the events for the day, if labels were not displayed on the calendar view.
• We fixed an issue where the calendar header was flickering in some Angular versions, if all labels were displayed and the calendar had a scrollbar.

Fixed

• We fixed a bug in the input, dropdown and textarea components, which sometimes resulted in error inside an Angular test environment when destroy was triggered.

New

• We added the currentTimeIndicator property to the view option that controls whether the current time indicator of the scheduler is visible or not.
• We added the eventCreation property to the base resource object, which can be used to enable/disable event creation on specific resources.
• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.

Fixed

• In case of days without events, we now pass an empty array to the renderDay and dayTemplate instead of undefined.

New

• We added the currentTimeIndicator property to the view option that controls whether the current time indicator of the timeline is visible or not.
• We added the eventCreation property to the base resource object, which can be used to enable/disable event creation on specific resources.
• We added the possibility of customizing the resource row with CSS by using the .mbsc-timeline-row class. E.g. increasing or decreasing the row height.
• We added the possibility of customizing the parent resource row with CSS, by using the .mbsc-timeline-parent class. E.g. increasing or decreasing the row height specifically for parent resources.
• We added the possibility of customizing the remaining empty space in the resource row below the rendered events, by using the .mbsc-timeline-row-gutter class. E.g. completely removing the extra space below the events.
• We added highlighted styling for today's date, week, month or year, depending on the resolution used.
• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.
• We added templating support for the empty cell below the resource column through the renderResourceFooter and resourceFooterTemplate options.
• We added the renderDayFooter and dayFooterTemplate options for rendering a custom footer below the timeline day cells.
• We added the renderSidebar and sidebarTemplate options for rendering a custom sidebar at the opposite end (to the resource) of the timeline.
• We added templating support for the empty cell above the sidebar column through the renderSidebarHeader and sidebarHeaderTemplate options.
• We added templating support for the empty cell below the sidebar column through the renderSidebarFooter and sidebarFooterTemplate options.
• We added the onResourceExpand and onResourceCollapse lifecycle events, triggered when a parent resource is expanded or collapsed.

Fixed

• In case of days without events, we now pass an empty array to the renderDay and dayTemplate instead of undefined.
• We fixed an issue where data (event, invalid or color) was not appearing on the timeline if it started before the current view and ended right on the start of the view, with exclusiveEndDates turned off.

Fixed

• We fixed an issue where the agenda list was not refreshed after changing the view.
• We fixed an issue where the agenda wasn't scrollable if changed from scheduler view.

Fixed

• We fixed the calendar header which did not appear in the Angular component (broken in 5.21.0).
• We fixed a bug that prevented the navigation buttons to work in the case of range selection when used together with the minRange option.
• We fixed a bug that came up while switching between all-day and non all-day dates with timezones and resulted in setting the time part to an incorrect value.
• We improved on range selection with timezones to work better with the Eventcalendar when switching between all-day and non all-day event dates.

Fixed

• We fixed an issue where the timeline columns were not always streched properly to fill the available width.
• We fixed the display of the event resize handles in event listing mode for the Material and Windows themes.

Fixed

• We fixed the trial version, which broke in 5.21.0.

Fixed

• We fixed the select filter, which broke in 5.21.0.

New

• We added component based notifications (Alert, Confirm, Prompt, Toast, Sanckbar) for React, to prevent ReactDOM.render warning in React 18.

Fixed

• We fixed the default value of the prompt input, the value option was not passed to the input.

New

• We added support for weekly, monthly and yearly column resolutions.

Fixed

• We fixed the display of the colors and invalids, when the range started outside of the displayed view.

Fixed

• We fixed an issue where specifying an initial value for the time picker resulted in an infinite loop in Angular.
• We fixed an issue where the hover states of calendar days got stuck in Angular, when closing and reopening the picker.

Fixed

• We fixed an issue where navigating the view with custom buttons was not animated.

Fixed

• We fixed the typescript type of the segmented value to accept any type, not just string.

Fixed

• We fixed an error when an external drag was started and one of the receiving calendars was hidden.
• We fixed an issue with drag & drop on touch devices, where tapping on the event after dropping it on an invalid range resulted in an error.

Fixed

• We fixed an error when an external drag was started and one of the receiving calendars was hidden.
• We fixed the event positioning on drag, when the event was jumping to the top row when it was assigned to multiple resources.

Fixed

• We fixed the React Draggable component used for external drag & drop, which if rendered conditionally was not working in React 18 strict mode.
• We fixed the responsive option to work with React SSR (server side rendering).

New

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.

New

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.

Fixed

• We fixed the notifications, which resulted in an error, when called from useEffect or componentDidMound in React.

New

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.
• We added the cssClass property to colors that can be used to customize the background of cells and time ranges.
• We added the cssClass property to the invalid object for passing custom CSS classes on case by case basis for customizing the background and label.

Fixed

• We fixed a bug where the resource id was not passed to the dayContentTemplate in Angular.

Fixed

• We fixed an issue, where the initially selected value was lost, if used on a native HTML select.

New

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.
• We added the cssClass property to colors that can be used to customize the background of cells and time ranges.
• We added the cssClass property to the invalid object for passing custom CSS classes on case by case basis for customizing the background and label.
• We added the renderDay and dayTemplate options for custom day content rendering in the timeline header.
• We improved the event positioning on interaction (drag/resize/create) where the modified event will remain on the same horizontal track when moved around instead of jumping to the top of the row.

Fixed

• We fixed the vertical virtual scroll where virtual pages were loaded too late, causing an empty area being visible at the bottom in some cases.

Fixed

• We fixed an issue which caused a compilation error with typescript >= 4.8.0.

Fixed

• We fixed an issue where dynamically changing the number of displayed month caused the picker to jump to a different year.
• We fixed an issue where it was possible to navigate outside of the specified min and max dates from the header navigation.
• We fixed the month name display in the calendar header in week view, when navigating from the header navigation.
• We fixed an issue where the datepicker was not closed if another datepicker was opened and the showOnFocus option was enabled.

Fixed

• We fixed the minimum height of the calendar view to display at least 2 labels when using the Windows theme in desktop mode.

Fixed

• We fixed a styling issue, where the header days were not properly aligned with the grid columns, if the grid had vertical scrollbar.

Fixed

• We fixed the alignment of the all-day text for the Material theme and in RTL mode for all other themes.

Fixed

• We added the missing exclusiveEndDates input option to the Angular component.
• We fixed the styling of the multiple month and year view, where on certain sizes we displayed too many months in a row, causing the day week headers not aligning properly with the day columns.
• We fixed an issue, when the end date displayed in the input field was before the start date, when timezones were used.

Fixed

• We fixed the styling of the multiple month and year view, where on certain sizes we displayed too many months in a row, causing the day week headers not aligning properly with the day columns.

Fixed

• We fixed an issue where the prompt dialog closed automatically if the input was autofilled with a value.
• We fixed the styling of the stepper input, where the native spin buttons were visible in Firefox.

Fixed

• We fixed an issue where the popup threw an error in React 18 strict mode, if it was displayed initially open.

Fixed

• We fixed an issue with the cursor time indicator, which caused an error in Angular, if drag options were enabled dynamically.

Fixed

• We fixed an issue where the timeline was rendered incorrectly when changing the rtl option dynamically.
• We fixed an issue with the cursor time indicator, which caused an error in Angular, if drag options were enabled dynamically.
• We improved the vertical spacing of the events to fix the display of the connection lines.

New

• We added the navigateToEvent method which can be used to move the view to the specified event.

Fixed

• We fixed an issue where the picker was not opening with Android TalkBack.

New

• We added the navigateToEvent method which can be used to move the view to the specified event.

Fixed

• We fixed the updateRecurringEvent util function to don't override the start date of the original recurring event.

New

• The document title will be used as default file name when saving the print as pdf in supported browsers.
• We added dynamic page breaks to avoid cutting rows in half.

Fixed

• We fixed a FOUC issue when opening the print popup window
• The Prev, Next and Today buttons are now hidden in the calendar header when printing.
• We fixed an issue where some resources were not showing up when printing the timeline component.
• We fixed an issue in angular that prevented printing of more than one page from the timeline component.
• We fixed a missing right border on the calendar view when printing the page.

New

• We added the navigateToEvent method which can be used to move the view to the specified event.
• We added a cursor indicator which displays the time where the cursor is positioned in the time labels section. In case of event drag & drop it will display the start/end time of the updated event.

Fixed

• We fixed an issue where the day view was not loaded correctly if the specified startDay was different than the first weekday specified by the locale options.
• We fixed the today button which scrolled to the wrong time if the display timezone was different from the local timezone.

Fixed

• We fixed an issue where the picker was not opening with Android TalkBack.
• We added the missing invalid option to the Angular component.

New

• We added event connection support. Events can be linked with lines, optionally with arrows to illustrate the direction of the connection.
• We added the navigateToEvent method which can be used to move the view to the specified event.
• We added a cursor indicator which displays the time where the cursor is positioned in the time labels section. In case of event drag & drop it will display the start/end time of the updated event.

Fixed

• We fixed an issue where an extra resource row was rendered if a resource had an empty array as children.
• We fixed SSR issues, where the markup coming from the server was different compared to the markup rendered by the client.
• We fixed an issue where event drag got stuck, if the event was dragged on a longer distance while scrolling.
• We fixed the today button which scrolled to the wrong time if the display timezone was different from the local timezone.

Fixed

• We fixed a bug that resulted in an javascript error when the luxon library was used above version 2 with the target environment above ES5.

Fixed

• We fixed the Google Calendar integration to store the auth tokens between page reloads.
• We fixed the Google Calendar integration to request a new token once the old one expired.

Fixed

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.
• We fixed an issue where the onEventClick and onLabelClick events were not fired in Safari with Angular, if the event text was clicked.

Fixed

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.

Fixed

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.

Fixed

• We fixed the updateReccurringEvent util function to handle the new recurring features.

Fixed

• We fixed an issue where the start and end input initial value was not picked up by the datepicker on initialization in the case of plain JavaScript and jQuery
• We fixed a parsing issue when entering white space resulted in 1st January 1970 instead of empty value.
• We fixed the type of the onActiveDateChange event. The instance parameter was missing from the type definition, which gave an error when using typescript.
• We fixed an issue with range selection where the calendar navigated away from the start selection to the current month when minRange was more than one day.

Fixed

• We now export the MbscCalendarColor type.
• We fixed an issue where the cell borders were not displayed consistently in variable row mode on small screens.

Fixed

• We fixed an issue where the popup was not always closed on outside click, if other popups (like tooltips) were also displayed while the popup was open.

Fixed

• We fixed an issue where the selected day was not displayed in the header in single day mode, if the resources were changed dynamically.
• We fixed an issue where the navigation days were not displayed in single day mode, even if explicitly specified inside the view option.

Fixed

• We added the missing showInput option to the angular select component.

Fixed

• We fixed an issue where the timeline crashed with an error, if the screen width was smaller than the resource column width.
• We fixed an issue where the timeline did not re-render correctly when the view was changed dynamically in Angular.
• We fixed an issue where event validation against invalid ranges was not working correctly for ranges spanning across multiple days.
• We speeded up the rendering when slots were used on large views with lot of events.
• We fixed the drag & drop of multi-day events, when used with slots.

Fixed

• We fixed the monthly and yearly repeat, where the count was not correct, if the start date of the event was after the specified month day.

Fixed

• We fixed an issue where using calendar labels resulted in error in 5.18.0.

Fixed

• We fixed the custom label rendering, which resulted in error in 5.18.0.

Fixed

• We fixed the Angular component, which threw on error on initial show in 5.18.0.

New

• We implemented new features to the recurring rules. We now support multiple days in monthly repeat, multiple days and months on yearly repeat and selecting the nth occurrence in case of monthly and yearly repeat (BYSETPOS in the RFC-5545 specification). This applies to recurring events, colors, invalids and marked days in case of the event calendar. The date picker is getting the new capabilities as well for the color, invalid, label and marked day options.

New

• We added event selection to the agenda. It is possible to select and highlight events starting this version.
• We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.

New

• We added the refDate option to the Datepicker component. When using the calendar control with multiple weeks or months, the refDate sets the starting point, from which the navigation occurs.
• We improved on the accessibility of the calendar control. We removed unnecessary aria roles, hid parts of the UI from screen readers and added support for reading calendar labels.

Fixed

• We fixed a bug in the case of the timegrid control, where the time part of the selection was reset when the picker opened for a second time and a new date part was selected.

New

• We added event selection to the event popover. Starting this version it is possible to select events from the popover as well.
• We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
• We improved on the accessibility of the calendar view. We removed unnecessary aria roles, hid parts of the UI from screen readers and added support for reading calendar labels.

Fixed

• We fixed the domEvent property which was not correct inside the onEventHoverIn and onEventHoverOut events happening from the event popover in Angular.

New

• We added the aria-modal attribute to the popup component for better semantics in accessibility.

New

• We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
• We improved on the screen reader support by adding aria labels to day headers and events.

Fixed

• We fixed an issue with drag & drop, where an event created with internal or external drag did not appear on previously empty days.

Fixed

• We fixed an issue where the picker was not opening in React 18 strict mode.

New

• We virtualized the vertical scrolling of the timeline, resulting in performance boost when working with lots of resources. With this we are launching virtualization for the timeline making it possible to work with large data sets across long periods of time and many resources while not degrading interaction performance on neither mobile or desktop.
• We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
• We improved on the screen reader support by adding aria labels to day headers and events.

Fixed

• We fixed an issue with drag & drop, where an event created with internal or external drag did not appear on previously empty days.

Fixed

• We added the pageSize option to the Outlook calendar integration, to be able to retreive more than 10 events. It defaults to 1000, which is the possible maximum.

Fixed

• We fixed a bug that caused an invalid range when switching between datetime and date range selection when the exclusiveEndDates option was on.
• We fixed a bug that prevented the changing of the start date when editing an already selected value on the calendar with the exclusiveEndDates option turned on.
• We fixed a bug, where the exclusiveEndDates option was not taken into account when the invalid and valid options were processed.
• We fixed an issue where the datepicker was throwing an error and could not be opened again after hitting the cancel button if the timegrid control was used.
• We fixed a bug where the selected time was not scrolled into the view when the picker opened in the case of the timegrid control.

Fixed

• We fixed an issue with the year view, where the onCellClick event was wrongly fired, and displayed the event popover, when selecting a year from the header navigation popup.
• We added an export for the MbscRecurrenceRule typescript type.

Fixed

• We fixed the segmented group component, to take the className option into account.

Fixed

• We fixed the time formatting to take the amText and pmText options into account.

Fixed

• We fixed the selectMultiple option, which was not working in Javascript/jQuery, when initialized on a select element.

Fixed

• We fixed the styling of the events in listing mode, where the text ellipsis ran outside of the event boundaries in case of long titles.
• We fixed the time formatting to take the amText and pmText options into account.
• We fixed the horizontal virtual scroll, where in some cases days were missing on very large screens.

Fixed

• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Fixed

• We fixed an issue where the selected value was returned in UTC instead of the specified dataTimezone, when used with the momentTimezone plugin.
• We fixed the timegrid control to take timezones into account.
• We fixed an issue where the value on the picker was not updated correctly on dynamic timezone change, in inline display mode.

Fixed

• We fixed an issue with the multiple month view, where the months were unnecessarily re-rendered on day click, causing the event popover pointing at the wrong place.
• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Fixed

• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Fixed

• We fixed the resource property of the onCellClick, onCellDoubleClick and onCellRightClick events in Angular.
• We fixed an error that occurred for multi-level hierarchies when expanding resources.
• We fixed an issue where the events were not always properly rendered if they started outside of the view, or the start of the event was dragged outside of the view.
• We fixed an issue where the getEvents method did not return events that didn't have and end date.

New

• We have added three shaking to the styles, using SASS variables.

Fixed

• We fixed the scopes option for the Google calendar integration, which was not taken into account after the migration to the new auth service.
• We fixed an error with the Google calendar integration, when used with public calendars without clientId specified.

Fixed

• We improved the Angular component to init the date picker controls without any latency.

New

• We added the eventDelete option that can be used to enable or disable event deletion independently of the clickToCreate or dragToCreate options.
• We added the updateRecurringEvent helper function for editing recurring events. The function returns the updated event and the new event based on the configuration.

Fixed

• We fixed the event width calculation which was not always correct in year or multiple month view.

New

• We virtualized the horizontal scrolling of the timeline, resulting in performance boost when working with long time periods.
• We changed how scrolling works and how the timeline grid is being rendered. This serves as a prerequisite for full timeline virtualization.

Fixed

• We fixed an issue where the title of all-day invalids was not displayed.

Fixed

• We fixed an issue where a canvas error was thrown in the React testing environment if some extra testing packages were not installed.

Fixed

• We updated the deprecated Google Auth2 library used for the calendar integrations sign in with the new Google Identity Services.
• We added support for passing Google/Outlook specific event properties to the calendar integrations add and update methods.

Fixed

• We improved the accessibility of the calendar by focusing on the selected day when the calendar is opened.
• We improved on the accessibility of the calendar control by adding the aria-selected attribute and button role for calendar days.

Fixed

• We improved on the accessibility of the calendar view by adding the aria-selected attribute and button role for calendar days.

Fixed

• We fixed the scroll to date feature that was not working correctly when horizontal scrolling was necessary.

Fixed

• We fixed an accessibility issue for voiceover where the segmented items were read like buttons.

Fixed

• We fixed an issue where drag & drop was not working correctly with collapsed resource groups.

Fixed

• We fixed the 'Today' translation for Portuguese, and the 'End' translation for all languages.

Fixed

• We fixed an bug in the calendar that incorrectly slid the multi-mont view, if a selection was not made from the first month.
• We fixed an issue which caused a runtime error when the calendar was used with the timegrid in Angular.

Fixed

• We fixed an issue where the event argument of the onEventDragStart and onEventDragEnd events was not set.
• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

Fixed

• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

Fixed

• We fixed the dropdown option, which was supposed to hide the dropdown arrow icon on the input, when set to false, but it was not working.

Fixed

• We fixed an issue where an error was thrown, when opening a parent resource, which was initially collapsed.
• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

Fixed

• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

New

• We added a new valid option, that can be used instead of the invalid option to set valid dates, times, ranges instead of invalidating values.

Fixed

• We fixed an issue, where the timezone plugins couldn't be imported from packages that only contained the Datepicker component.
• We exported the MbscPopupDisplay option, which was not reachable before. This is necessary if the display is set dynamically.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.
• We fixed an issue on the date wheel, where the 'D' letter from the week day name was incorrectly replaced with the date number.
• We fixed an issue with time validation, where some hours were not displayed as disabled in 24 hour format if the min/max options were also used.
• We added the aria-hidden attribute on the calendar months that are out of view.
• We fixed the value parsing which was not working in case of the 'preset-range' selection mode.

New

• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

Fixed

• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

New

• We added support for displaying the time tracks in multiple timezones at the same time. The timezones can be listed using the timezones property of the schedule object under the view option.
• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

Fixed

• We fixed the height of the events ending exactly at daylight saving time.
• We fixed the navigate function to correctly scroll to the selected date horizontally if it's out of view.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

New

• We added the year view type to the timeline, which can be used instead of type: 'month' and size: 12.
• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

Fixed

• We fixed the width of the events ending exactly at daylight saving time.
• We fixed the sticky day/month/week labels which did not work after opening/collapsing resource groups or after changing the resources in Angular.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

New

• We added support for loading public Google calendars, without the need for authentication.

Fixed

• We fixed an error which occurred if the loaded Google calendar was not present on the calendar list of the user.
• We fixed the type definition of the Google calendar integration to accept the apiKey option.

Fixed

• We fixed the localization of month names in multiple month view in Angular.
• We fixed the calendar styling which did not expand to full width in bottom mode in Angular.
• We fixed the parsing of the input value, which was not working if timezones were used.

Fixed

• We fixed the localization of month names in multiple month view in Angular.
• We fixed the length of the recurring event occurrence in case of all-day events, which, depending on the end time, was shown one day longer or shorter on the day of daylight saving change.
• We improved and simplified the calculation of the event label widths, which was not exactly accurate on the print view.

Fixed

• We fixed an issue where the input value was not updated if the text of the selected value has been changed.

Fixed

• We fixed the event length calculation on the days of daylight saving change.

Fixed

• We fixed a runtime error in Angular, which occured if the reflect-metadata package was also used in the project.

Fixed

• We fixed an issue where the agenda scroll was jumping, if selectedDate was used in controlled mode in React.

Fixed

• We fixed the validation, which did not work correctly when single date wheel was used on the date scroller. Recurring invalids were only loaded for the next and previous months from the initial date.
• We improved compatibility with Ionic input to make it work correctly with floating labels and trigger the ionChange event as well.
• We added aria-label attributes to the next and previous buttons on the calendar.

Fixed

• We added the missing label and labels properties to the MbscLabelClickEvent interface.
• We added aria-label attributes to the next and previous buttons on the calendar.
• We fixed an issue where the selected date was not displayed correctly when timezones were used.

Fixed

• We fixed an issue where it was not possible to uncheck a radio button in jQuery and Javascript.
• We improved the accessibility of the segmented item by allowing to specify aria-label for icon-only items.

Fixed

• We fixed the the event positioning logic for external drag & drop that still ended up in an error, when the external event was dragged from the right side.
• We fixed an issue where some occurrences of weekly recurring events were skipped.
• We fixed the date argument of the onCellClick event, which was incorrect on the day of daylight saving start or end.

Fixed

• We fixed the resize in event listing mode and for all-day events, if there was no end date specified.
• We fixed an issue where some occurrences of weekly recurring events were skipped.
• We fixed the date argument of the onCellClick event, which was incorrect on the day of daylight saving start or end.
• We fixed the drag & drop of all-day events, where the day boundaries were not respected.

New

• We added a new calendar integration plugin that comes with Google Calendar and Outlook Calendar integration for syncing, loading, reading and writing events and calendars. Let your users sync with their personal and work calendars.

Fixed

• We fixed the yearly recurrence, which was not working correctly if month was not explicitly specified, now it takes the month of the event start.
• We fixed the weekly recurrence, which was not working if week day was not explicitly specified, now it takes the week day of the event start.
• We fixed the date parser to accept ISO8601 basic format as well (e.g. '20210214T1000' as well, not just '2021-02-14T10:00').

New

• We added support for timezones. The dataTimezone and displayTimezone options enable you to store the value in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

Fixed

• We fixed a bug in case of the range selection, when the same range was selected twice, the end date time part was jumping to the end of the day.
• We fixed the bottom display on iOS 15 Safari, where there was an extra space under the picker.
• We fixed the time grid css style loading that didn't take the included themes in account.

Fixed

• We fixed the occasional initial flash of styling in desktop mode.
• We fixed a bug in the year view where the first month wasn't always January after dynamically switching from timeline or scheduler.
• We fixed the lastDay argument of the onPageLoading and onPageLoaded events, which was not correct in case of the year view.
• We fixed the year view that appeared incorrectly in the Windows theme.

Fixed

• We fixed the stepper css style loading that didn't take the included themes in account.

Fixed

• We fixed the the event positioning logic for external drag & drop that ended up in an error in some cases.
• We fixed the drag & drop, which worked incorrectly in day mode with resources.

Fixed

• We fixed the bottom display on iOS 15 Safari, where there was an extra space under the picker.

Fixed

• We fixed the the event positioning logic for external drag & drop that ended up in an error in some cases.
• We fixed the resize and drag & drop, where day boundaries were incorrectly calculated for all-day events and in event listing mode.

Fixed

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Fixed

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Fixed

• We fixed an issue where the button was not initialized correctly on span or a elements in jQuery/Javascript.

Fixed

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Fixed

• We fixed an issue, where the users were able to type into the select input (broken in 5.14.0).

Fixed

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

New

• We added the inputTyping option that can be used to allow typing into the input field in desktop mode even if the date picker is shown. This is on by default and can be turned off by setting the inputTyping option to false.

New

• We added the originEvent property to the onEventCreate and onEventCreateFailed lifecycle events when working with recurring events.
• The newEvent and oldEventOccurrence properties got added to the onEventUpdate and onEventUpdateFailed lifecycle events that can come in handy when working with recurring events.
• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added dynamic row height support that expands the height of the rows depending on the number of events. This feature can be turned on by setting the labels: 'all' or labels: 5 property of the view option. This makes displaying all events or up to x events possible.

Fixed

• We fixed a bug that occurred for certain time zones and broke the event label rendering.

Fixed

• We fixed the notification css style loading that didn't take the included themes in account.
• We improved the accessibility by adding the aria-disabled attribute on disabled buttons.

New

• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added support for monthly schedule views.
• We added support for defining the visible days through the startDay and endDay properties. Days outside of the the start-end range will be hidden.

Fixed

• We fixed a bug that made some one day events (with start date only) become two day events on drag.
• We fixed a number of rendering issues in IE11.

New

• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added support for defining the visible days through the startDay and endDay properties. Days outside of the the start-end range will be hidden.
• We added support for week numbers in the header. Can be turned on using the weekNumbers property of the view option.

Fixed

• We fixed a rendering bug that happened with overlapping events when event listing mode was turned on dynamically.
• We fixed a number of rendering issues for IE11.

Fixed

• We added missing type declarations for the jQuery version, so chaining jQuery selector functions now work with proper typings.

Fixed

• We fixed the minRange and maxRange options to take into account the time differences when daylight savings change.
• We fixed in issue where the calendar swipe got stuck after a while on some Android devices.
• We fixed a styling issue that prevented the calendar to show up in Internet Explorer 11.

Fixed

• We fixed an issue where an event ending at 00:00 appeared on the next day as well, filling the whole day.

Fixed

• We fixed an issue where all-day invalid ranges (without specified start and end time) were not displayed.
• We fixed the display of all-day events, where the overlap was not checked correctly, and the width was not correct for events ending outside of the view.

Fixed

• We fixed an issue where the start and end inputs did not work correctly for the range picker in Angular.
• We fixed an issue where using the date picker on ion-input did not work correctly in Angular.

Fixed

• We fixed the ARIA labels on the select items.
• We fixed the keyboard arrow navigation of the group select.

Fixed

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.

Fixed

• We fixed the selected line on the date & time scroller, which was hidden in desktop mode with the Material theme.
• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed an issue where the screen remain locked if the date input was double clicked in Angular.
• We fixed an issue where the picker did not work correctly on Safari, when used with IonInput in Ionic React.
• We fixed the vertical calendar scroll, which broke in v5.13.0.

Fixed

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed an issue, where the target was not set correctly inside the onEventCreated and onEventUpdated events, when custom label rendering was used.
• We fixed the deletion of recurring events, where the created exception date was not correct.
• We fixed an issue where the updated event was not re-rendered immediately when using the updateEvent method in jQuery and plain javascript.
• We fixed the vertical calendar scroll, which broke in v5.13.0.

Fixed

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed the deletion of recurring events, where the created exception date was not correct.

Fixed

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed the deletion of recurring events, where the created exception date was not correct.
• We fixed the drag & drop validation which was not working correctly if the invalid range was spanning across multiple days.

Fixed

• We fixed the calendar header, which sometimes did not appear, only after clicking on a day.
• We fixed the multiple month and year view, which appeared incorrectly in Firefox.

Fixed

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

Fixed

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

Fixed

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

Fixed

• We updated the month and day names in the Dutch localization to be consistent with other locale.

Fixed

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the enhancement of mobiscroll components inside custom event template in the event popover, which was not working properly in jQuery/Javascript.
• We fixed an issue where the event labels were split on the first day of the month in case of week view.
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.

Fixed

• We fixed the borders of the iOS underline styled textarea and select in Angular.

Fixed

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the width of the dragged all-day event, which was not always correct.
• We fixed an issue with the navigation in day view, where clicking on a day would load a different week, if the first day of the week was not Sunday, and startDay and endDay was not explicitly set.
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.
• We changed the minimum length of an event to be the value of dragTimeStep during resize, which was hard-coded to 15 minutes. ( #494 )

Fixed

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the sticky resource column which was not working correctly on iOS Safari < 13.
• We fixed an issue, where the events were overlapping each other on initial show, when custom event height was used.
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.
• We changed the minimum length of an event to be the value of dragTimeStep during resize, which was hard-coded to 15 minutes. ( #494 )

New

• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

Fixed

• We fixed the quick navigation label that was wrong for year selection (#493).
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Fixed

• We fixed the time validation, which did not disable some values when there were multiple invalid entries for the same day.
• We fixed the timegrid scroll to the selected value, which was not working properly in Angular with animations module loaded.
• We fixed an issue where the manually entered value was not picked up on the first edit.
• We fixed the quick navigation label that was wrong for year selection. ( #493 )

New

• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

Fixed

• We fixed the quick navigation label that was wrong for year selection. ( #493 )
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Fixed

• We fixed textarea sizing in case of programmaticall value set in jQuery and JS.
• We fixed the password input padding with toggle icons.
• We fixed the placeholder text for the file input in Angular.

New

• We added startDay and endDay support for day view, weekdays outside of start and end days will be skipped upon navigation.
• We added support for multiple day and week views. Set the number of consecutive days or weeks through the size property to the view option.
• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

Fixed

• We fixed the quick navigation label that was wrong for year selection. ( #493 )
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Fixed

• We fixed a bug in angular that prevented the item templates to show up in case of multiple selection on mobile devices.
• We include the getJson util function as well, when the Select is downloaded individually from our Download Builder.
• We fixed a bug in the case of multi selection, where you could remove items from the tag input when the component was disabled.
• We fixed a bug in the case of multi selection, where selected items disappeared from the tag input, when remote filtering was used.

New

• We added dynamic row height support that expands the height of the resource rows depending on the number of events. This is on by default and can be changed in the rowHeight option by setting it from 'variable' to 'equal'.
• We added startDay and endDay support for day view, weekdays outside of start and end days will be skipped upon navigation.
• We added support for multiple day, week and month views. Set the number of consecutive days or weeks through the size property to the view option. Year views are supported through multiples of months.
• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

Fixed

• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.
• We fixed the resource header template to make the click/tap events run correctly.
• We fixed the quick navigation label that was wrong for year selection. ( #493 )

Fixed

• We fixed an issue, where the Set button disabled state was not updated on range end date selection in Angular.

Fixed

• We fixed the display of all-day events in case of resources grouped by date.
• We fixed the positioning of the overlapping events in RTL mode, Angular.
• We fixed the text overflow for short events in Safari.
• We fixed the event resize when resources were used in group by date mode.

Fixed

• We fixed the display of colored and invalid ranges spanning across multiple days, which appeared only on the first day, when used together with slots.
• We fixed the display of the dragged event spanning across multiple days, which appeared only on the first day, when used together with slots.
• We fixed an issue where in listing mode, events created with click were spanning across 2 days.

Fixed

• We fixed the calendar swipe, which was not working in RTL mode (regression introduced in v5.8.0).
• We fixed an issue in the mobile scroller, where the value was not set through the Set button, if the wheels were not moved before.

Fixed

• We fixed the calendar swipe, which was not working in RTL mode (regression introduced in v5.8.0).
• We fixed the calendar next page navigation in Angular, which failed if the first day of the next month was selected on the view.

New

• We improved the event label rendering to remain sticky on scrolling. This improves the overall UX of the scheduler.

Fixed

• We fixed recurring events, where sometimes an occurrence did not appear on the first or last day of the view.
• We fixed the external drop to prevent overwriting the drag event data when extendDefaultEvent is also used.

New

• We added item templating support that enables custom styled content and markup inside the select items. Using the itemTemplate or the renderItem options, depending on which framework you use, you can render any component/element inside the wheels of the select.
• We introduced the group wheel for selects with grouping. Using the showGroupWheel option, the group wheel is rendered containing the labels of the groups to improve navigation in case of long lists.

Fixed

• We fixed the onFilter event. Returning false will now correctly prevent the built in filtering.
• We fixed an issue that prevented value selection on desktop when clicking on items selected through defaults.

New

• We added templating support for the empty cell above the resource column through the renderResourceHeader and resourceHeaderTemplate options.
• We improved the event label rendering to remain sticky on scrolling. This improves the overall UX of the timeline.
• We introduced a new a horizontal level daily grouping feature called slots. This can be used instead of the continuous timeline for custom time slots and work shifts.

Fixed

• We fixed recurring events, where sometimes an occurrence did not appear on the first or last day of the view.
• We fixed the external drop to prevent overwriting the drag event data when extendDefaultEvent is also used.
• We fixed the navigation logic of the year/month selector from the header to always scroll to the first day of the selected month.

Fixed

• We fixed an issue which caused the React server side rendering to fail with the trial version.

Fixed

• We fixed the daily agenda rendering where events were not displayed on the day of daylight saving change.

Fixed

• We fixed an issue where the initial calendar view was not updated if min or max was changed dynamically, and there was no selected value.

Fixed

• We fixed an issue which caused the 'Cannot flush updates when React is already rendering' error in React, when a toast or snackbar was closing.

Fixed

• We fixed an issue which caused the 'Cannot flush updates when React is already rendering' error in React, if the popup was not closed with a click (e.g. on element hover out, or automatic close with a timer).

Fixed

• We fixed the view rendering to render the days from the same week if startDay and endDay was changed dynamically, e.g. changing from week to work week.
• We fixed the firstDay and lastDay arguments of the onPageLoading, onPageLoaded and onPageChange events to based off of the rendered days rather than the entire week.
• We fixed the 'start-end' validation that is triggered on drag & drop, to allow events starting right at an invalid range ending.
• We fixed the drag & drop in RTL mode, which was not working correctly if there was horizontal scrolling in the view.
• We fixed the scrolling during drag & drop, which was not working correctly in RTL mode.

Fixed

• We fixed an issue which caused the 'Cannot update during an existing state transition' error in React if picker was closed using keyboard (Enter or Esc).

Fixed

• We fixed and improved the scrolling performance of the header, which followed the horizontal movement of the timeline body with a visible latency.
• We fixed an erratic behavior of the resource column that happened on iOS 14 and earlier versions of Safari.
• We fixed the scroll to time functionality in RTL.
• We fixed the view rendering to render the days from the same week if startDay and endDay was changed dynamically, e.g. changing from week to work week.
• We fixed the firstDay and lastDay arguments of the onPageLoading, onPageLoaded and onPageChange events to based off of the rendered days rather than the entire week.
• We fixed the 'start-end' validation that is triggered on drag & drop, to allow events starting right at an invalid range ending.
• We fixed the event resize handle touch area on touch devices, so it's easier to grab the resize handles of an event.
• We fixed the scrolling during drag & drop, which was not working correctly in RTL mode.

New

• We added multiple month and year view to the calendar and range picker. Enable it through the calendarType and calendarSize options. Use it to build quarterly views, 6 month views or full year views.
• We have updated the styling of the week numbers.

Fixed

• We fixed the rendering of the labels when outer days were not shown.

New

• We improved on the rendering of the labels to indicate whether a label continues on the next week or in the next month.
• We added multiple month and year view to the event calendar. Enable it through the calendar.type and calendar.size under the view option. Use it to build quarterly views, 6 month views or full year views.
• We have updated the styling of the week numbers.

Fixed

• We fixed the rendering of the labels when outer days were not shown.

Fixed

• We fixed the floating labels to render correctly if the initial value is 0.
• We fixed the textarea sizing, which was not working correctly in Angular on programatic value change.

Fixed

• We fixed a quirky issue that happened in Safari. Whenever a picker was opened from within a popup the page got scrolled to top when closing the popup.

Fixed

• We fixed scroll to time in React strict mode. This happened for development builds when calling the navigate function.
• We fixed the rendering of events where no duration is added.

New

• We added support for empty states which enables cancelling and clearing a selection and an initial empty state. This comes as a UX improvement above the native selects in the browsers.

Fixed

• We fixed scroll to time in React strict mode. This happened for development builds when calling the navigate function.
• We fixed the display of events with no duration.
• We added a minimum width to events. This fixes the rendering of events where no duration or a very short duration is added.

Fixed

• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Fixed

• We fixed the hovered date styling for range picking, which did not work, if on start date selection the hovered date was after end, or on end date selection the hovered date was before start.

Fixed

• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Fixed

• We fixed the external drop to set the resource correctly on the created event.
• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Fixed

• We fixed an issue which caused an AOT build error in Angular 4.
• We fixed the external drop to set the resource correctly on the created event.
• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Fixed

• We fixed the date format on the day headers which was incorrect for the following locales: ar - Arabic, bg - Bulgarian, fa - Farsi, fr - French, he - Hebrew, hi - Hindi, it - Italian, ja - Japanese, ko - Korean, lt - Lithuanian, nl - Dutch, sr - Serbian, th - Thai, zh - Chinese.
• We fixed the date header of the day view agenda, if multiple days are displayed.

New

• We added preset range selection. It can be enabled with select: 'preset-range'. Use it for single or multiple week selection by configuring the firstSelectDay (from Mon-Sun) and selectSize (number of days eg. 3 for three days, 7 for a week or 14 for two weeks).
• We added the onActiveDateChange lifecycle event that is triggered when the start/end selection is being cycled in case of range selection. It is useful when building a custom validation logic and other advanced interactions.
• We added the rangeEndInvalid option that lets users pick an end date on the first disabled date occurring after the start date of the range. This is useful for accommodation booking where the check out date can happen on a day that is already occupied.

Fixed

• We fixed some issues regarding IE11 compatibility in the timegrid control.
• We fixed a bug that caused the datepicker to change the time part of the selection to the default value when using the calendar and time scroller and setting a temporary value prior to selection.

New

• We added the name of the month to the first day cell to improve navigation. This UX improvement helps users derive the selected month at a glance.

Fixed

• We added the possibility to set the resource of a new event using the extendDefaultEvent option.
• We fixed the navigate method to always scroll to the given date and time.

New

• We added better keyboard support for single and multiple selection. You can now navigate the wheel with the arrow keys and select options with space and enter keys.

Fixed

• We fixed the placeholer in the Javascript and jQuery versions.
• We added the missing inline options for the filterPlaceholderText and the filterEmptyText in angular.

New

• We added start/end time support to the timeline view for setting recurring start and end times. Ranges outside the start and end times will not be generated.
• We improved the scrolling experience of the timeline view and enabled scrolling on the resource list.

Fixed

• We added the possibility to set the resource of a new event using the extendDefaultEvent option.
• We fixed the initial height of the resource row in event listing mode.
• We fixed the navigate method to always scroll to the given date and time.

Fixed

• We fixed an issue where the selected date on the calendar was changed when switching from month view to week view, when the agenda was displayed together with the calendar.
• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

Fixed

• We fixed an issue where the time parts of the selected date, which cannot be selected (e.g. seconds) was not set to 0.

Fixed

• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

New

• We added a space on the right (or left in RTL) of the events, so a new event can be created on the time slot where an event already exists.

Fixed

• We fixed an issue where the dragged event remained faded when it was tapped on touch screen.
• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

Fixed

• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.
• We fixed an issue where the dragged event remained faded when it was tapped on touch screen.
• We fixed an issue where the colored range title did not appear when used with Angular.
• We fixed an issue where the onEventHoverIn and onEventHoverOut events were not fired.
• We fixed an issue where in case of external drop the event was always set to all-day.

Fixed

• We fixed the SCSS file generation, where the order of the rules was incorrect, causing style bugs when the SCSS file was used instead of the CSS.

Fixed

• We fixed an issue in the datepicker, that allowed end times to be selected before the start time when selecting only time ranges.
• We fixed a styling issue where the time scroller wheel was not expanded to full width in desktop mode.
• We fixed a bug that caused the set button to remain disabled even though a value was selected. The problem occured when using the calendar and time controls and having the range labels hidden.
• We fixed an issue, where the placeholder did not appear in case of tag input.

New

• We added the getEvents method which will return the event data between a given range.
• We added the getInvalids method which will return the invalid values between a given range.
• We added the onEventHoverIn and onEventHoverOut lifecycle events, that enable the creation of custom actions when events are hovered.

Fixed

• We fixed a styling issue, where the input text SCSS variable was not applied on the input label.

New

• We added the title and textColor properties for the colors option to customize the title and the title color of the colored ranges.
• We added the currentResource property for the event data object, which can be used to pass the resource object to the custom event template.
• We added the getEvents method which will return the event data between a given range.
• We added the getInvalids method which will return the invalid values between a given range.

New

• We added support for displaying group headers.

Fixed

• We fixed an issue where the change events were not triggered when the select component was initialized on a select html element.
• We fixed an issue, where the placeholder did not appear in case of tag input.

New

• We added grouping/hierarchy support for the resources. The resource object has two new properties the children property which holds the child resources and the collapsed property determining the collapsed state of the actual group.
• We added the title and textColor properties to the colors option to customize the title and the text color of the colored ranges.
• We added the currentResource property to the event data object passed to the custom event template, which holds the resource where the event is being rendered.

Fixed

• We fixed the form component initialization inside the resource templates in jQuery and plain Javascript.
• We fixed the target argument for the onEventCreated and onEventUpdated events, which was not set properly.
• We fixed an issue, where in week or month view events started on the previous week or month were not displayed.
• We fixed the rendering and drag & drop for all-day events.
• We fixed the min and max options where the time part was not taken into account.

Fixed

• We fixed the invalid value styling on the date scroller wheels, which got broken in 5.7.0.
• We fixed a styling issue, where the hidden outerdays background color was still shown when using the colors option.

Fixed

• We fixed a styling issue, where the hidden outerdays background color was still shown when using the colors option.

Fixed

• We fixed an issue that prevented the placeholder text to show up on the textarea component in Angular.

Fixed

• We fixed an issue, where the timezone options were not taken into account on the timeline view, when a timezone plugin was used.

Fixed

• We fixed the global display mode when set through setOptions.

Fixed

• We fixed a bug between the agenda and version 2 of the luxon timezone library.

New

• We introduced the minTime and maxTime options, that limit the time part of the selection in a recurring manner. Times before minTime and times after maxTime can't be selected on the date picker's time and time grid control. This is useful when limiting opening hours for example.
• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the full content of the calendar cells.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.
• We added the timegrid control that can be used for time selection as an alternative to the scroller and time list, especially useful for appointment booking.

New

• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the full content of the event calendar cells.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.

Fixed

• We fixed a bug between the event calendar and version 2 of the luxon timezone library.

New

• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the headers of the scheduler time grid.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.

Fixed

• We fixed a bug between the scheduler and version 2 of the luxon timezone library.

New

• We added support for filtering values making it easier to use with large datasets. Filtering can be turned on with the filter: true option. It renders a filter input above the values. The filterEmptyText and filterPlaceholderText is localized.

New

• We introduced event listing, that provides a summary for the timeline. Controlled thoguh the eventList property that is localted under the view configuration settings. This can be used to easily visualize shifts and daily workloads.

Fixed

• We fixed the event drag & drop on touch devices in Angular where an error was thrown if there was interaction with the events.

Fixed

• We fixed the timeline resources column was not scrolling alongside the grid in Angular.
• We fixed the incorrect resource calculation during drag & drop interactions when there was vertical scroll in the grid.

Fixed

• We fixed a bug in the monthly timeline view that didn't render the last day.

New

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

Fixed

• We fixed the disabling of the show/hide animation, which did not work correctly.

New

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

Fixed

• We fixed the onCellDoubleClick event, which only worked with clickToCreate enabeled.
• We fixed the mouse cursor styling on empty days.

New

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added vertical and horizontal auto-scroll to drag & drop. The viewport automatically follows when the event approaches the edge of the scrollable area.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.
• We added a month view to the timeline.

Fixed

• We fixed the dragTimeStep option, which was not working correctly if was greater than 1 hour.

New

• We added multiple select inputs. This brings a new styling to mobiscroll inputs that are linked to multi-select pickers by displaying each selection as separate chips (small containers with text that stand out) on the UI.

Fixed

• We fixed a bug that prevented the value selection when using the select with reactive forms in Angular 9+.

New

• We added vertical and horizontal auto-scroll to drag & drop. The viewport automatically follows when the event approaches the edge of the scrollable area.

Fixed

• We fixed another AOT build error in Angular < 9.

Fixed

• We fixed the default time wheel ordering for the Arabic language.

Fixed

• We fixed the onCellDoubleClick event which was not firing in jQuery/JS.

Fixed

• We fixed the onCellDoubleClick event which was not firing in jQuery/JS.

Fixed

• We fixed the onCellDoubleClick event which was not firing in jQuery/JS.

Fixed

• We fixed the timeline navigation in Angular, where it always changed the month instead of week or day.
• We fixed the timeline date header in day mode.
• We fixed a build error in Angular.

Fixed

• We fixed an issue where the selected value was not filled into the input in IE11.

Fixed

• We fixed the event creation with click or double click, where event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
• We fixed a styling problem where the all-day event columns were not aligned with the time grid columns in week view on small screens.

Fixed

• We fixed the date header update on dynamic localization change.
• We fixed the event creation with double click, where the created event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
• We fixed the source argument of the event and cell click lifecycle events.
• We fixed the external drop, which did not work correctly for the timeline.

New

• We added the year and year/month picker to the calendar. This can be controlled by setting the dateFormat to year and year with month.
• We added multiple select inputs. This brings a new styling to mobiscroll inputs that are linked to multi-date pickers by displaying each selection as separate chips (small containers with text that stand out) on the UI.

Fixed

• We added the missing moment option in angular, that was required by the returnFormat to support moment objects.
• We fixed the time validation that got broken for custom time steps.
• We fixed the date validation that sometimes incorrectly jumped to values below min, or above max.

New

• We introduced the timeline view with horizontal time and day rendering and vertical resource listing. The timeline can be enabled and configured through the view option.

Fixed

• We fixed the keyboard navigation to only allow focusing on labels from the visible month.

Fixed

• We fixed the navigation logic that sometimes skipped a week if custom startDay and endDay was used.

Fixed

• We fixed a rendering issue that occurred on page navigation in the jQuery and Javascript version when a calendar view was combined with the agenda.

Fixed

• We fixed the select counter localization that always showed the English 'selected' text when more than one value was selected regardless of the locale used.

Fixed

• We fixed the page navigation to correctly fire the onPageLoaded event in the jQuery and Javascript version.
• We fixed an issue where an error was thrown if an event had the resource property set, but no resources were passed to the calendar.

Fixed

• We fixed an issue where double clicking on date or resource header created a new event.
• We fixed the displayed dates for the Jalali and Hijri calendars.

Fixed

• We fixed the invalid logic in the Angular version that incorrectly allowed disabled items to be selected.

Fixed

• We fixed a Typescript type definition bug, that prevented the use of Moment.js objects in options where multiple date types are accepted (string, date object, moment object) eg. the min and max options.
• We fixed the Angular package builder to make it compatible with JIT and reflect-matadata with Ivy enabled.

New

• We added time validation. The invalid option now supports times as well.

Fixed

• We fixed an issue where the time of a date-time picker was reset to the current time when changing the date.
• We fixed an issue in the calendar that showed the current date instead of the selected date when opened more that once.
• We fixed the onTempChange event to not fire incorrectly multiple times in desktop display mode.
• We fixed a bug, that prevented the closing of the Datepicker in Angular, when the directive was used with the showOnFocus and showOnClick options explicitly set true.
• We fixed an issue, that prevented the changing of showOnFocus and showOnClick options dynamically.
• We fixed an issue, that caused the famous ExpressionChangedAfterItHasBeenChecked error to be thrown in angular, when the invalid option was changed in any of the onPageChange, onPageLoading or onPageLoaded events.
• We fixed an issue, that prevented the selection of the initial date shown on the date scrollers, when using the anchored display option.
• We fixed an issue where the stepMinute option was not working correctly with timeWheels: '|H:mm|'.
• We fixed the date value parsing that broke if the format contained a comma (',').
• We fixed an issue where the picker header (value or selection counter) did not appear correctly with the iOS theme in bottom display mode.

Fixed

• We fixed an issue where the labels for multi-day events could not be selected with click (broken in v5.3.0).
• We fixed an issue where events with editable: false could be still deleted.
• We fixed the drag & drop, resize and create in case of vertical scroll.

New

• We added templating support for resource headers through the renderResource and resourceTemplate options.

Fixed

• We fixed an issue where events with editable: false could be still deleted.
• We fixed the dynamic change of the time cell or time label steps.
• We fixed an issue where on touchscreen long tap the newly created event did not appear, only if finger was moved.
• We fixed the first and last cell height calculation when timeCellStep was set to more than 60 minutes

New

• We are introducing the Select component to v5. It ships with single, multiple select for mobile and desktop.

Fixed