Mobiscroll UI release notes and version history

Mobiscroll UI 6.2.0

Fri, 30 Oct 2026 00:00:00 GMT

Drag multiple events at once

With multiple selection enabled, users can now grab one of the selected events and move the whole selection together in the Eventcalendar, Scheduler and Timeline. Drop targets and third-party drag and drop integrations also receive every dragged item, so external drops work with multi-drag too.

Richer event lifecycle data

Create, update and drag events now report every event affected by the action in a single list, which makes it easy to handle batch changes. The older update arguments are deprecated in favor of this list, and the typings of the failure events are now more accurate.

Timeline resource improvements

Parent resources can now be collapsed and expanded independently for each day in the daily vertical resolution. Hiding empty or invalid rows also works better with resource groups, and keyboard navigation through the resource hierarchy is faster and more accessible.

Polish and fixes

Event rendering at the edge of the visible time range is now correct, and the year selection in Angular paginates properly in the Eventcalendar, Agenda, Scheduler, Timeline and Datepicker.

Agenda

Fixed: We fixed an issue in Angular where the year selection view showed the years of the first page after paging back with the previous arrow, while the header showed the new range.

Datepicker

Fixed: We fixed an issue in Angular where the year selection view showed the years of the first page after paging back with the previous arrow, while the header showed the new range.

Draggable

New: We added the dragDataItems property to the arguments of the onExternalDrop event of the third-party drag and drop integration, holding all the dragged items, also the grabbed one.

Dropcontainer

New: We added the dataItems property to the onItemDrop, onItemDragEnter and onItemDragLeave events, holding all the dragged items, also the grabbed one. It contains more than one item when multiple events are dragged.

Eventcalendar

New: We added support for dragging multiple events at once. With selectMultipleEvents enabled, dragging a selected event now moves all the selected events together.
New: We added the eventItems property to the arguments of the onEventCreate, onEventCreated, onEventCreateFailed, onEventUpdate, onEventUpdated, onEventUpdateFailed, onEventDragStart and onEventDragEnd events. It lists all the events affected by the action, one item for each event. The events and oldEvents arguments of onEventUpdate and onEventUpdated are deprecated, use the event and oldEvent of the eventItems instead.
Fixed: We fixed an issue where the invalid and overlap arguments of the onEventCreateFailed and onEventUpdateFailed events were typed as always set, although only one of them is set when an event interacts with an invalid range or an overlapping event. Both are now typed as optional.
Fixed: We fixed an issue in Angular where the year selection view showed the years of the first page after paging back with the previous arrow, while the header showed the new range.

Scheduler

New: We added support for dragging multiple events at once. With selectMultipleEvents enabled, dragging a selected event now moves all the selected events together.
New: We added the eventItems property to the arguments of the onEventCreate, onEventCreated, onEventCreateFailed, onEventUpdate, onEventUpdated, onEventUpdateFailed, onEventDragStart and onEventDragEnd events. It lists all the events affected by the action, one item for each event. The events and oldEvents arguments of onEventUpdate and onEventUpdated are deprecated, use the event and oldEvent of the eventItems instead.
Fixed: We fixed an issue where the invalid and overlap arguments of the onEventCreateFailed and onEventUpdateFailed events were typed as always set, although only one of them is set when an event interacts with an invalid range or an overlapping event. Both are now typed as optional.
Fixed: We fixed an issue in Angular where the year selection view showed the years of the first page after paging back with the previous arrow, while the header showed the new range.

Timeline

New: We added support for dragging multiple events at once. With selectMultipleEvents enabled, dragging a selected event now moves all the selected events together.
New: We added the eventItems property to the arguments of the onEventCreate, onEventCreated, onEventCreateFailed, onEventUpdate, onEventUpdated, onEventUpdateFailed, onEventDragStart and onEventDragEnd events. It lists all the events affected by the action, one item for each event. The events and oldEvents arguments of onEventUpdate and onEventUpdated are deprecated, use the event and oldEvent of the eventItems instead.
New: We added the resourceCollapsePerDay option to the timeline view. When resolutionVertical: 'day' is used and the option is true, the parent resources are collapsed and expanded independently in each day, instead of in all days at once.
Fixed: We fixed an issue where the invalid and overlap arguments of the onEventCreateFailed and onEventUpdateFailed events were typed as always set, although only one of them is set when an event interacts with an invalid range or an overlapping event. Both are now typed as optional.
Fixed: We fixed an issue in Angular where the year selection view showed the years of the first page after paging back with the previous arrow, while the header showed the new range.
Fixed: We fixed an issue where an event ending exactly at the endTime of the view was not rendered with the end styling (rounded corners and resize handle), when the endTime was not midnight.
Fixed: We fixed an issue where all the expand/collapse icons of the parent resources were in the tab order, so keyboard users had to tab through all of them before reaching the events. Only one icon is now focusable, and the up and down arrow keys move between them.
Fixed: We fixed an issue where the parent resources were always displayed with the hideEmptyRows and hideInvalidRows options, even when they and all their child resources were empty or fully invalid. Now a parent resource is hidden when all its descendants are hidden too, also per day when resolutionVertical: 'day' is used.
Fixed: We fixed an issue where the dragged resource was not positioned correctly when the timeline auto-scrolled while reordering resources, and moved away from the cursor and the view.
Fixed: We fixed an issue where dragging an event reset its start time to midnight when eventDisplay was set to 'fill', the deprecated eventList was enabled, or slots were used. This was a regression in 6.1.3.

Mobiscroll UI 6.1.5

Fri, 16 Oct 2026 00:00:00 GMT

Bugfix release

This release improves event navigation accuracy in the Scheduler and Timeline, makes event connections in the Timeline render more reliably, and refines the Datepicker popup layout on larger screens.

Datepicker

Fixed: We fixed an issue where the calendar in the Datepicker popup scrolled on larger screens with the new themes, cutting off the last week row. If maxHeight is not set, the max height of all popups now defaults to 640px instead of 600px on screens at least 768px wide.

Scheduler

Fixed: We fixed an issue in single-day views where navigateToEvent() scrolled to the wrong time when displayTimezone differed from the browser's local timezone, or when the day had a daylight saving time change.

Timeline

Fixed: We fixed an issue in single-day views where navigateToEvent() scrolled to the wrong time when displayTimezone differed from the browser's local timezone, or when the day had a daylight saving time change.
Fixed: We fixed an issue in shifted views where event connections were not rendered when startTime had a day offset (e.g. '19:00-1'), and where connections to events outside the displayed range were missing when only startTime or only endTime had a day offset.
Fixed: We fixed an issue where event connections were not rendered when one of the connected events was outside the displayed startTime/endTime range.

Mobiscroll UI 6.1.4

Tue, 22 Sep 2026 00:00:00 GMT

Bugfix release

This release improves navigation reliability in timezone-aware and shifted Timeline/Scheduler views, adds keyboard and screen reader support for the Timeline resource toggle, and fixes a module resolution issue in the Angular Datepicker package.

All Components

Fixed: We added the missing cssClass, resource, slot and title properties to the MbscCalendarInvalid type.

Datepicker

Fixed: We fixed an issue in the @mobiscroll/datepicker-angular package where the exports field in package.json pointed to .js files that don't exist in the published package, breaking module resolution in bundlers that honor the exports field (Vite, esbuild, Webpack 5+).

Scheduler

Fixed: We fixed an issue where navigateToEvent() scrolled to the wrong day when the viewer's local timezone was behind the calendar's displayTimezone.
Fixed: We fixed an issue in shifted single-day views where navigateToEvent() scrolled to the wrong position, or jumped to a day the event isn't on.

Timeline

Fixed: We improved the accessibility of the resource collapse/expand icon by making it focusable and operable with the keyboard (Enter/Space), and added the aria-expanded and aria-labelledby attributes.
Fixed: We fixed an issue in shifted views where dragging an event threw an error when using the luxonTimezone plugin.
Fixed: We fixed an issue where navigateToEvent() scrolled to the wrong day when the viewer's local timezone was behind the calendar's displayTimezone.
Fixed: We fixed an issue in shifted single-day views where navigateToEvent() scrolled to the wrong position, or jumped to a day the event isn't on.
Fixed: We fixed an issue where, in fill event display mode with resolutionHorizontal set to week, month or quarter, events could render one column wider than they should when displayTimezone differed from the browser's local timezone.

Mobiscroll UI 6.1.3

Fri, 07 Aug 2026 00:00:00 GMT

Bugfix release

This release focuses on drag & drop accuracy and timezone/DST handling across Eventcalendar, Scheduler, and Timeline.

In RTL mode, dragging an event so that the grid auto-scrolled vertically could make the drag ghost drift away from the cursor and drop on the wrong row or time — fixed in both Scheduler and Timeline.

We also fixed a set of daylight saving time bugs where dates passed to renderCell, renderHour, and renderHourFooter, as well as cell click/hover events in shifted views, were off by an hour or a day on the day of a DST change.

In the Angular Timeline, rapid wheel/touch scrolling or dragging an event near a scroll edge could freeze the drag mid-gesture and cause the scroll position to run away — this is now resolved.

Eventcalendar

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

Scheduler

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.
Fixed: 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.
Fixed: 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.
Fixed: 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.
Fixed: We fixed an issue where the date passed to renderCell was shifted by an hour on the day of a daylight saving time change.

Timeline

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.
Fixed: 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.
Fixed: 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.
Fixed: 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.
Fixed: We fixed navigateToEvent() scrolling the target resource row underneath the fixed rows when the timeline had resources with fixed: true.
Fixed: 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.
Fixed: 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.

Mobiscroll UI 6.1.2

Thu, 25 Jun 2026 00:00:00 GMT

Bugfix release

This release addresses drag & drop stability, controlled mode behavior, and rendering issues across Eventcalendar, Scheduler, Popup, and Timeline.

In the Eventcalendar, we fixed controlled mode so the selected date no longer drifts when switching views, and resolved a drag & drop issue that occurred after scrolling the calendar body.

In the Angular Scheduler, events no longer lose their DOM elements after an async data update — a regression that broke drag & drop and made event elements unusable as popup anchors.

We also fixed anchored Popup positioning to prevent it from overlapping the input anchor.

Eventcalendar

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.
Fixed: 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.
Fixed: 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.
Fixed: We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Popup

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.

Scheduler

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.
Fixed: We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Timeline

Fixed: We fixed the automatic vertical scrolling when an external item was dragged into the timeline grid.
Fixed: 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.
Fixed: 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.
Fixed: We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

Mobiscroll UI 6.1.1

Fri, 05 Jun 2026 00:00:00 GMT

Bugfix release

This release addresses additional breaking API removals introduced in the Angular 22 final version that were not present in the pre-release used for our previous compatibility testing.

All Components

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

Mobiscroll UI 6.1.0

Wed, 20 May 2026 00:00:00 GMT

What's new

This release brings significant enhancements across multiple components, with a focus on richer templating capabilities, and scheduler improvements.

Angular 22 Compatibility

All Angular components have been updated to support Angular 22.

Scheduler Improvements

The Scheduler gains several UX-focused enhancements that improve navigation and clarity in longer views.

Custom Header Templating

The Datepicker, Popup, and Select components now support fully custom header rendering. Depending on your framework, this is available via renderHeader (React, jQuery, JavaScript), headerTemplate (Angular), and popupHeader / header (Vue).

All Components

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

Datepicker

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

Popup

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

Scheduler

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.
New: We display the month and year for the actually visible viewport, when a longer view includes days from multiple months.
New: 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.

Select

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

Timeline

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.

Mobiscroll UI 6.0.1

Thu, 02 Apr 2026 00:00:00 GMT

Bugfix release

This release improves usability and visual consistency across Datepicker, Calendar, Popup, Select, Scheduler, and Timeline.

We fixed focus styling in Datepicker range controls, improved anchored popup arrow positioning near container edges, and resolved unexpected scroll behavior in Select multi-select mode.

For Calendar event labels and the Scheduler/Timeline more popup, single-day events now use a cleaner time display that reduces visual noise in dense views.

We also fixed sticky event title behavior in Scheduler so titles stay aligned while scrolling.

Calendar

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.

Datepicker

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

Popup

Fixed: We fixed anchored arrow positioning near popup edges.

Scheduler

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.

Select

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

Timeline

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

Mobiscroll UI 6.0.0

Thu, 19 Mar 2026 00:00:00 GMT

Major release: Mobiscroll 6.0.0

Mobiscroll 6 is a new major release focused on modernization, performance, and API consistency across components.

API improvements

API options were streamlined with naming alignment and deprecations for legacy options.

Theme updates

We rewrote the themes based on the latest Windows (Fluent), Material (Material 3), and iOS (Liquid Glass) design specifications, for a cleaner, more consistent UI. To maintain backward compatibility, we added legacy theme files that can be used to keep the old theme appearance if needed.

CSS variables

We introduced a CSS variable-based styling foundation. This ensures easier theme customization and also significantly reduces the size of the CSS.

Platform updates and cleanup

Minimum supported framework and browser versions were updated. Support for IE11 and node-sass was removed, and package naming was aligned with current Angular and React ecosystem conventions.

Scheduler and Timeline day offsets

Shifted day support lets you redefine the boundaries of a day, making it possible to display hours from the previous or following day within the same view. This is ideal for night shifts, TV schedules, festival stages, or transport operations — where a 'day' doesn't start and end at midnight. For example, you can configure a view from 6 AM to the next day's 6 AM, show an 18:00–08:00 overnight shift, or extend the day slightly past midnight to capture late-night activity.

Scheduler virtualization and sticky headers

Scheduler now supports virtualized scrolling and on-demand loading with onVirtualLoading. The scheduler header and time column is now using native CSS sticky for better performance, eliminating the syncing latency during scroll.

All Components

New: We introduced CSS variables across all components for theme customization.
New: 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.
Removed: We dropped support for node-sass.
Removed: 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.
Changed: 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.
Changed: We updated the minimum framework versions to Angular 9, React 17, Vue 3, and TypeScript version to TypeScript 4.
Changed: We migrated from the deprecated Sass functions and updated the minimum Sass version to 1.80.0.
Changed: We rewrote the built-in themes based on the latest Windows (Fluent), Material (Material 3), and iOS (Liquid Glass) design systems.
Changed: We restructured the CSS architecture across all components to use CSS variables.

Agenda

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

Datepicker

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.

Eventcalendar

Fixed: We fixed the onEventClick, onEventDoubleClick, and onEventRightClick events, which were also firing the onCellClick, onCellDoubleClick, and onCellRightClick events.
Fixed: 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.
Changed: We renamed the renderLabel option to renderCalendarEvent with backward compatibility, marked as deprecated.
Changed: We renamed the labelTemplate option (Angular) to calendarEventTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the label slot (Vue) to calendarEvent with backward compatibility, marked as deprecated.
Changed: We renamed the renderLabelContent option to renderCalendarEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the labelContentTemplate option (Angular) to calendarEventContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the labelContent slot (Vue) to calendarEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the renderEvent option to renderPopoverEvent with backward compatibility, marked as deprecated.
Changed: We renamed the eventTemplate option (Angular) to popoverEventTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the event slot (Vue) to popoverEvent with backward compatibility, marked as deprecated.
Changed: We renamed the renderEventContent option to renderPopoverEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the eventContentTemplate option (Angular) to popoverEventContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the eventContent slot (Vue) to popoverEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the renderDay option to renderCalendarDay with backward compatibility, marked as deprecated.
Changed: We renamed the dayTemplate option (Angular) to calendarDayTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the day slot (Vue) to calendarDay with backward compatibility, marked as deprecated.
Changed: We renamed the renderDayContent option to renderCalendarDayContent with backward compatibility, marked as deprecated.
Changed: We renamed the dayContentTemplate option (Angular) to calendarDayContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the dayContent slot (Vue) to calendarDayContent with backward compatibility, marked as deprecated.

Forms

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

Popup

Removed: We dropped support for HTML markup inside the headerText option.

Scheduler

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').
New: 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.
New: 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.
New: 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.
Changed: We renamed the scheduleEventTemplate option (Angular) to schedulerEventTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEvent slot (Vue) to schedulerEvent with backward compatibility, marked as deprecated.
Changed: We renamed the renderScheduleEventContent option to renderSchedulerEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEventContentTemplate option (Angular) to schedulerEventContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEventContent slot (Vue) to schedulerEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the renderDay option to renderSchedulerDay with backward compatibility, marked as deprecated.
Changed: We renamed the dayTemplate option (Angular) to schedulerDayTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the day slot (Vue) to schedulerDay with backward compatibility, marked as deprecated.
Changed: We renamed the renderDayContent option to renderSchedulerDayContent with backward compatibility, marked as deprecated.
Changed: We renamed the dayContentTemplate option (Angular) to schedulerDayContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the dayContent slot (Vue) to schedulerDayContent with backward compatibility, marked as deprecated.
Changed: We renamed the schedule prop to scheduler under the view option with backward compatibility, marked as deprecated.

Timeline

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').
New: We added the eventDisplay prop (values: 'exact' | 'fill') under the view option, marking the eventList as deprecated.
New: 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.
Changed: We renamed the scheduleEventTemplate option (Angular) to timelineEventTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEvent slot (Vue) to timelineEvent with backward compatibility, marked as deprecated.
Changed: We renamed the renderScheduleEventContent option to renderTimelineEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEventContentTemplate option (Angular) to timelineEventContentTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the scheduleEventContent slot (Vue) to timelineEventContent with backward compatibility, marked as deprecated.
Changed: We renamed the renderDay option to renderTimelineDay with backward compatibility, marked as deprecated.
Changed: We renamed the dayTemplate option (Angular) to timelineDayTemplate with backward compatibility, marked as deprecated.
Changed: We renamed the day slot (Vue) to timelineDay with backward compatibility, marked as deprecated.

Mobiscroll UI 5.35.5

Tue, 17 Mar 2026 00:00:00 GMT

Bugfix release

This update focuses on timezone and layout consistency for the Scheduler and Timeline components.

We fixed an issue where the current-time indicator could be positioned incorrectly around daylight saving time transitions when using Day.js. We also resolved a navigation issue where calling navigate method could scroll to an incorrect time in timezone-aware setups.

Event buffer handling was improved as well, fixing layout calculation issues that could lead to incorrect event positioning and sizing in certain scenarios.

Scheduler

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

Timeline

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

Mobiscroll UI 5.35.4

Tue, 24 Feb 2026 00:00:00 GMT

Bugfix release

This update addresses navigation and user experience issues across Scheduler, Timeline, and Select components.

We've fixed an issue in the Scheduler and Timeline where the navigate and navigateToEvent methods were not applying timezone settings correctly, which could cause navigation to display incorrect dates in timezone-aware configurations.

The Select component now properly scrolls to the selected item when opening the dropdown, making it easier to locate the currently selected option in long lists.

Scheduler

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.

Select

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.

Timeline

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.

Mobiscroll UI 5.35.3

Mon, 16 Feb 2026 00:00:00 GMT

Bugfix release

This update focuses on rendering improvements and performance optimizations for the Eventcalendar and Timeline components.

We've resolved a display issue in the Eventcalendar where multi-day event labels were not appearing correctly on the first day of a new week in the month view.

Timeline users will benefit from significantly improved timezone conversion performance when working with large event datasets. We also fixed an issue with short events displaying with incorrect minimum width in daily resolution views.

Eventcalendar

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.

Timeline

Fixed: Optimized timezone conversion performance when processing large numbers of events with timezone support enabled.
Fixed: 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.

Mobiscroll UI 5.35.2

Tue, 09 Dec 2025 00:00:00 GMT

Bugfix release

This update focuses on stability and consistency across Agenda, Datepicker, Eventcalendar, Scheduler, and Timeline components.

Timeline and Scheduler users benefit from several rendering and behavior fixes. Navigation and dynamic min/max handling were improved. In the Timeline view, the rendered day is now passed to key rendering functions when using vertical resolution, and issues with Angular cell data and empty row handling have been resolved.

We fixed an issue where updateRecurringEvent did not update resource and slot values in all mode.

The Datepicker now behaves reliably in Firefox when clearing date ranges.

Agenda

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

Datepicker

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.

Eventcalendar

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.
Fixed: We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.

Scheduler

Fixed: We fixed an issue where the scheduler header incorrectly displayed weekdays when resources were dynamically loaded.
Fixed: We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.
Fixed: We fixed the navigate method to correctly scroll to the specified date and time on the first call.
Fixed: 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.

Timeline

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.
Fixed: We fixed an issue where built-in button texts weren't updating when the locale changed.
Fixed: We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.
Fixed: We fixed an issue with the hide empty rows feature, which did not work correctly with hierarchical resources and vertical days.
Fixed: We fixed the navigate method/selectedDate update to correctly scroll to the specified date and time on the first call.
Fixed: We fixed the navigate method/selectedDate update to correctly scroll to the specified date during external drag interactions.
Fixed: 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.
Fixed: We fixed an issue where changing the parent resource row heights was not working when variable event heights were used.
Fixed: Resolved an issue where the renderSidebar function was not displayed when resources were not defined.

Mobiscroll UI 5.35.1

Mon, 13 Oct 2025 00:00:00 GMT

Feature and bugfix release

This release introduces new drag-out capabilities for the Eventcalendar, making it possible to sort and drop events into external lists using the dragulaDraggable and sortableJsDraggable plugins.

We've also made several improvements and fixes across Eventcalendar views. Event sorting now correctly falls back to the default order instead of alphabetical when order properties are equal. Hidden resources or time ranges are handled properly in the Scheduler and Timeline views.

For the Datepicker, we resolved an issue where re-selecting a date range could freeze the browser in Firefox, and fixed a rendering bug in Angular's month selection view.

The Select component also received a fix to ensure group wheel selections scroll correctly when no initial value is set.

Agenda

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

Datepicker

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.
Fixed: Resolved an issue in Angular, where multiple year titles appeared in the month selection view when using the page option.

Eventcalendar

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.
Fixed: 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).

Scheduler

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.
Fixed: The hideInvalidColumns property of the view option now correctly hides resource headers in Angular when the scheduler is configured to group by date.
Fixed: Fixed event sorting to fallback to default ordering instead of alphabetical when event order properties are equal.

Select

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

Timeline

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.
Fixed: 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).

Mobiscroll UI 5.35.0

Wed, 10 Sep 2025 00:00:00 GMT

Cleaner, smarter views

New options let you hide empty or invalid rows/columns in Scheduler and Timeline, so your users see only the times and resources that matter.

More ways to customize

With new cell templating and hover events for both cells and resources, you can create richer, more interactive calendar and scheduling experiences.

Seamless drag & drop

We’ve added out-of-the-box integrations for SortableJS and Dragula, making it simple to bring intuitive drag-and-drop interactions into your calendars.

Angular modernization

All our Angular demos now use standalone components, helping you follow the latest Angular best practices with less boilerplate.

Timezone improvements

Timezone demos and examples now rely on the lightweight and modern Day.js library instead of Moment.js, ensuring better performance and future compatibility.

All Components

New: Angular demos and examples now showcase standalone components, reducing boilerplate and aligning with modern Angular best practices.
New: 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.

Agenda

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

Datepicker

Fixed: Corrected the Polish translation of the Set button.

Eventcalendar

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.
Fixed: Events are now properly passed to the day template in the Vue component.

Scheduler

New: Added integration plugins for third-party drag-and-drop libraries: dragulaDraggable (for Dragula) and sortableJsDraggable (for SortableJS).
New: Added the hideEmptyColumns property to the scheduler view configuration to hide columns without events.
New: Added the hideInvalidColumns property to the scheduler view configuration to hide fully invalid columns.
New: Added the renderCell / cellTemplate / cell slot for customizing scheduler cells.
New: Added the onCellHoverIn / onCellHoverOut events for scheduler cells.
New: 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.
Fixed: Addressed an error when using maxEventStack together with eventOrder.
Fixed: Corrected the CSS class of the schedule day column when the firstDay option was changed.
Fixed: Fixed an issue where short event durations caused the buffer time to display incorrectly.

Timeline

New: Added the hideEmptyRows property to the timeline view configuration to hide rows without events.
New: Added the hideInvalidRows property to the timeline view configuration to hide fully invalid rows.
New: Added integration plugins for third-party drag-and-drop libraries: dragulaDraggable (for Dragula) and sortableJsDraggable (for SortableJS).
New: Added the renderCell / cellTemplate / cell slot for customizing timeline cells.
New: Added the onCellHoverIn / onCellHoverOut events for timeline cells.
New: 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.
Fixed: Collapsing a parent resource and updating items at the end of the resource list now correctly triggers the onVirtualScroll event.
Fixed: Changing the timeline resolution now consistently triggers the onVirtualScroll event.
Fixed: Addressed an error when using maxEventStack together with eventOrder.
Fixed: Fixed an issue where short event durations caused the buffer time to display incorrectly.

Mobiscroll UI 5.34.3

Thu, 10 Jul 2025 00:00:00 GMT

Bugfix release

This release includes several bug fixes for the Eventcalendar and Datepicker components, addressing a range of use cases we've encountered over time.

We've resolved the resource dragging issue in the Timeline view when only a few resources are present, and also fixed the navigateToEvent functionality in the Angular component.

We also fixed the Datepicker's initial page rendering when the min and max options were set, and resolved an issue where the onActiveDateChange event wasn't triggering in the Angular component.

We improved accessibility in the Calendar view by making event count labels accessible via keyboard navigation.

Agenda

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

Datepicker

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.
Fixed: We fixed an issue where the picker was not opened on click, when initialized on an ion-input element (since Ionic v8.5.6).
Fixed: 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.
Fixed: Resolved an issue where input-related options (ariaLabel, disabled, endIcon, startIcon, placeholder) where default values cannot be updated in the Angular component.

Eventcalendar

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

Forms

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

Scheduler

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

Timeline

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.
Fixed: 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.
Fixed: We fixed the navigateToEvent method which did not work correctly in Angular, when used with variable height events.

Mobiscroll UI 5.34.2

Tue, 06 May 2025 00:00:00 GMT

This update fixes a bunch of bugs to make things smoother and more reliable. We improved the Day.js timezone plugin, and fixed the update of recurring events. You'll also see better behavior in the Timeline and Scheduler — especially with drag & drop, the Today button, and overall stability, even in Firefox and RTL mode.

All Components

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.
Fixed: Corrected a bug in the updateRecurringEvent function where the until value was incorrect when updating 'following' occurrences.

Datepicker

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.

Scheduler

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

Timeline

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

Mobiscroll UI 5.34.1

Wed, 09 Apr 2025 00:00:00 GMT

This update fixes a bug in the Angular version of the Agenda and Eventcalendar popover where the onEventClick, onEventDoubleClick, and EventRightClick events weren't firing properly.

It also clears up some type definition issues with the Draggable component options that were causing build errors.

Agenda

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

Eventcalendar

Fixed: Fixed a bug where onEventClick, onEventDoubleClick, and onEventRightClick didn't work from the event popover in Angular.
Fixed: 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.

Scheduler

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

Timeline

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

Mobiscroll UI 5.34.0

Fri, 04 Apr 2025 00:00:00 GMT

External Drag & Drop for Resources in the Timeline

We’ve added support for dragging and dropping resources in and out of the Timeline view. Now you can not only reorder resources internally, but also drag them out to a Dropcontainer or even another Timeline. You can also drop external items onto the Timeline to add them as new resources.

Timezone support with Day.js

We’ve added support for Day.js through our new plugin, allowing you to handle timezones with Day.js instead of Moment.js. Great news for fans of Day.js!

Variable Column Widths in Scheduler

The Scheduler view now supports variable column widths, giving you more flexibility to customize your layout. You can adjust the width of individual columns to better fit your content—whether that means making certain days or resources wider to fit more events, or layering different types of information using events with varying widths.

Smoother Auto-Scroll During Drag

Dragging just got smoother—auto-scroll now adjusts based on pointer position: faster when you're near the edge, slower when you're further away. This makes it much easier to move items around in large views.

Better Shadow DOM Support

We’ve improved how our components work inside the shadow DOM. Lifecycle event targets are now correctly passed, and the Draggable component now has a new context option to keep dragged elements inside the shadow DOM instead of appending them to the body.

Agenda

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

Datepicker

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

Draggable

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

Eventcalendar

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.
Fixed: When using the context option, dragged elements are now appended to the correct context element instead of the document body.
Fixed: Fixed a bug where navigating to a date didn't work right after initializing or switching views.

Popup

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

Scheduler

New: We improved the scrolling speed for both horizontal/vertical event dragging and resource reordering.
New: We added support for variable column widths, which you can set via CSS—for individual resources or specific weekdays.
New: We added the onResourceClick, onResourceDoubleClick, and onResourceRightClick lifecycle events.
New: We added support for the Day.js library through our dayjsTimezone plugin, making timezone handling possible with Day.js.
New: 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.
Fixed: 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.
Fixed: We fixed an issue where navigating to a date did not work right after initialization or a view change.

Timeline

New: We improved the scrolling speed for both horizontal/vertical event dragging and resource reordering.
New: We added support for external drag & drop on resources in the timeline view..
New: We added the onResourceDragLeave, onResourceDragEnter lifecycle events, triggered when a resource enters or leaves the timeline.
New: We added the onResourceCreate, onResourceCreated, onResourceDelete and onResourceDeleted lifecycle events for handling resources being created or deleted via drag & drop
New: We added the onResourceClick, onResourceDoubleClick, and onResourceRightClick lifecycle events.
New: 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.
Fixed: 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
Fixed: We fixed the vertical day resolution, which did not appear correctly in Angular.
Fixed: We fixed an issue where navigating to a date did not work right after initialization or a view change.
Fixed: We fixed a print view bug where the header columns were not always in sync with the grid columns.

Mobiscroll UI 5.33.2

Thu, 13 Mar 2025 00:00:00 GMT

Bugfix release

We resolved several issues across multiple components, including fixed timezone offset problems in the Datepicker and corrected icon alignment for icon-only buttons in the Popup.

In case of the Scheduler/Timeline components, we addressed multiple issues, including the min and max options fix when timezone plugins were used and the date parameter in the onCellClick, onCellDoubleClick, and onCellRightClick lifecycle events.

This release also includes various minor fixes. See the full list below.

Datepicker

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.

Popup

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

Scheduler

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).
Fixed: We fixed the min and max options when timezones are used.
Fixed: We fixed an issue where the external drag data overwrote the extendDefaultEvent.

Timeline

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).
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).
Fixed: We fixed the date parameter in the onCellClick, onCellDoubleClick, and onCellRightClick lifecycle events, which previously pointed to the wrong date when resolutionVertical was used.
Fixed: We fixed the min and max options when timezones are used.
Fixed: We fixed an issue where the external drag data overwrote the extendDefaultEvent.
Fixed: We fixed the onVirtualLoading lifecycle event where the viewStart - oldViewStart, viewEnd - oldViewEnd, resourceStart - oldResourceStart and resourceEnd - oldResourceEnd parameters incorrectly returned identical values.

Mobiscroll UI 5.33.1

Wed, 05 Feb 2025 00:00:00 GMT

Bugfix release

We fixed an event label display issue on the calendar view, when timezones were also used.

We also fixed a number of display issues with the timeline view in RTL mode and an infinite resize cycle issue which happened in Safari.

Eventcalendar

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.

Forms

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

Scheduler

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

Timeline

Fixed: We fixed the time indicator wich caused the component not to load when used with Angular server side rendering.
Fixed: We fixed an issue where the border of the last cells in a row appeared incorrectly.
Fixed: We fixed an issue where the arrow icon of the parent resource was displayed incorrectly in RTL mode in Angular.
Fixed: We fixed an issue where the sidebar header was positioned incorrectly when not used with hourly or daily horizontal resolution.
Fixed: We fixed border styling issues with the sidebar and footer in RTL mode.
Fixed: 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.
Fixed: We fixed an issue which resulted on infinite resize checks on Safari on certain screen sizes.

Mobiscroll UI 5.33.0

Mon, 16 Dec 2024 00:00:00 GMT

Resource reordering in the timeline

We are introducing drag & drop reorder to the resources in the timeline view. This enables reordering the rows and setting a custom order that can be saved locally or to permanent storage, like a database.

Sorting the timeline rows

The timeline rows can be sorted by manipulating the resource array. Header sorting (asc/desc/default) can be achieved with the help of header templating and custom renderers.

Zooming the timeline view

We are introducing timeline zoom levels and are adding tools and capabilities for dynamically changing it. This covers a collection of updates and changes that enable the smooth transition between different horizontal resolutions and column widths.

Dynamic column widths

We are adding control over the column widths within the timeline view that can be changed on the fly. This comes as a set of predefined widths, updatable through CSS, that can be passed to the columnWidth property.

The resource column received a width treatment as well. We made it dynamic for hierarchical views.

Datepicker

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

Eventcalendar

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

Popup

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.

Timeline

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.
New: 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.
New: 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.
New: 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.
New: 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.
New: 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.

Mobiscroll UI 5.32.2

Tue, 12 Nov 2024 00:00:00 GMT

Bugfix release

We fixed a bug for the Timeline and Scheduler components, where dragging events with quick, consecutive gestures caused the UI to enter in a blocked state.

The release contains other bugfixes as well, listed below.

Agenda

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

Datepicker

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.
Fixed: We added the missing separator option to the Angular component.
Fixed: We fixed an issue where the calendar navigation arrow was not always working in case of range picking with a minRange set.

Eventcalendar

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

Forms

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).

Scheduler

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

Timeline

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.
Fixed: We fixed an issue where the UI froze after dragging events quickly.
Fixed: We fixed the target element inside the onEventClick event, when the click was fired using the keyboard.

Mobiscroll UI 5.32.1

Mon, 07 Oct 2024 00:00:00 GMT

Bugfix release

This release ships several bugfixes for the Datepicker component, handling the various use cases which we met over time.

In case of the Eventcalendar views, we fixed the display of multi-day recurring events, which did not appear if the start of the event occurrence was outside of the current view.

We also improved the accessibilty on the calendar monthly grid, used by the Datepicker and the Eventcalendar as well.

Agenda

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.

Datepicker

Fixed: We fixed a bug where validation selected an invalid range when the invalid option changed dynamically.
Fixed: We fixed a bug that constantly navigated the calendar back to the current month when the invalids were updated on mobile
Fixed: 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
Fixed: We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
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.
Fixed: We corrected the 'preset-range' validation logic to always comply with the selectSize option and do not change the length of the selection
Fixed: We fixed an issue where the datepicker automatically selected a value when it was opened.
Fixed: We fixed a bug that prevented to clear the datepicker selection when the picker was open.
Fixed: 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.
Fixed: We fixed a bug that prevented the clear buttons on the range picker labels to clear the selection.
Fixed: 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.

Eventcalendar

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.
Fixed: 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.

Popup

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.
Fixed: We fixed an issue where the popup was not displayed correctly in full screen mode with the iOS theme.
Fixed: We fixed an issue where the popup blinked shortly after closing in top or bottom display mode.

Scheduler

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 an issue where the multiple timezones were not displayed correctly in some cases.

Select

Fixed: We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
Fixed: 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.

Timeline

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 an issue, where the height of the parent resources was not adjustable with css, when used with variable event heights.

Mobiscroll UI 5.32.0

Thu, 12 Sep 2024 00:00:00 GMT

Display calendar events by exact time

We introduced a new feature which makes possible to display events on the calendar view by their exact times instead of filling the entire day cell.

This is useful for reservation calendars, where check-out and check-in can happen on the same day. Now this can be displayed with event labels ending and starting mid-day, without overlapping each other.

Templating Agenda day headers

Customizing days is now possible for the Agenda as well. The day template will be used when rendering the day headers on the Agenda list.

It is also possible to render day headers for days without events as well, using the showEmptyDays property of the Agenda view configuration.

Expand collapsed resource during drag

We added a nice little improvement for the timeline: during the drag & drop of the events, if the pointer is over a collapsed parent resource, and stays there for a while, the resource will be expanded, allowing to move the event to its child resources.

All Components

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.

Agenda

New: We implemented the renderDay / dayTemplate / day slot for the Agenda as well to customize the day headers on the list.
New: 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.

Datepicker

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

Eventcalendar

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.

Forms

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

Scheduler

New: We added the oldResourceObj and resourceObj properties to the onEventUpdate lifecycle event arguments to easily access the source and destination resource objects.
New: 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.

Select

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

Timeline

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.
New: 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.
New: 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.
Fixed: We fixed an issue in print view, where sometimes the last few resources were cut off.
Fixed: 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.
Fixed: 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.
Fixed: We fixed an issue which caused runtime error when event connections and maxEventStack were used together.

Mobiscroll UI 5.31.2

Wed, 10 Jul 2024 00:00:00 GMT

Bugfix release

This release fixes a number of bugs introduced with the virtual scroll rewrite.

Timeline

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

Mobiscroll UI 5.31.1

Fri, 05 Jul 2024 00:00:00 GMT

Bugfix release

This release fixes an issue with the timeline week/month/quarter/year resolution, which broke in v5.31.0.

It also fixes an error with the Timeline event connections.

Timeline

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

Mobiscroll UI 5.31.0

Tue, 02 Jul 2024 00:00:00 GMT

Event ordering

Custom event ordering was possible for the Agenda and Calendar views by specifying a custom sort function. This release brings the custom event order functionality to the Timeline and Scheduler views as well.

To make it even simpler, we added the order property to the event data, which, when specified, will be used to order the events, without specifying a custom sort function.

Timeline empty resource list and templating

Previously when an empty resource list was passed to the Timeline, the resource column was not displayed anymore. In certain cases, such as dynamic resource filtering, this was unexpected.

With the new implementation the resource column will disappear only if the resources option is not specified at all. When an empty array is passed, an empty resource column will be displayed, which can be customized using the renderResourceEmpty function in React, jQuery and JavaScript, the resourceEmptyTemplate option in Angular and the resourceEmpty slot in Vue.

Virtual scroll improvements

The release includes a major refactor of the virtual scroll in the Timeline view. This improves the performance during scroll by loading the markup in smaller batches (rows, columns), instead of full pages.

The horizontal virtual scroll now supports batches smaller than a day, so scrolling is now smooth with large resolution views, such as 5 minutes steps, or event 1 minute steps.

The refactor also solved a number of long existing bugs, related to dynamic view changes.

All Components

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.

Agenda

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

Datepicker

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

Eventcalendar

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.
Fixed: We fixed an issue where the onPageLoaded event was not fired after page change, with yearly or multiple month view.

Scheduler

New: We added the order property to event data, to easily customize the order of the events.
New: We added the eventOrder option to the scheduler view as well.
New: 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.

Timeline

New: We improved the performance of the virtual scroll.
New: We added the order property to event data, to easily customize the order of the events.
New: We added the eventOrder option to the scheduler view as well.
New: We added templating to the timeline empty resource column through the renderResourceEmpty function (React/jQuery/Javascript), resourceEmptyTemplate (Angular) and resourceEmpty slot (Vue).
New: 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.
Fixed: We now display the resource column even when the resource array is empty, and only hide it, when resources are not passed at all.
Fixed: We fixed an issue where timeline columns were displayed incorrectly in Angular, with daily resolution and start/end time specified.

Mobiscroll UI 5.30.1

Thu, 30 May 2024 00:00:00 GMT

Bugfix release

This release fixes an issue with the Angular package, when used with Angular 18.

It also fixes an error with the Select component when used with group wheels.

All Components

Fixed: We fixed the Angular package to work with Angular 18.

Agenda

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

Select

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

Timeline

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

Mobiscroll UI 5.30.0

Thu, 23 May 2024 00:00:00 GMT

Variable event heights

This release introduces the long awaited feature for displaying events with variable heights on the Timeline.

This is useful when the content of the events varies, for example rendering lists with various lengths or supporting multiple event types with different content templates. If you want to keep all content visible, irregardless of the event length (width), the height will dynamically change when resized and not truncate depending on the available space.

This is an experimental feature and can be enabled by setting the eventHeight: 'variable' property for the timeline inside the view option. Learn more about variable event heights.

Adding React 19 support

React 19 is about to be released, and contains a number of breaking changes, some of which affect Mobiscroll.

The render and unmountComponentAtNode functions are no longer available in React 19, the functional versions of the notifications (alert, confirm, prompt, toast and snackbar) stopped working. In v5.21.0 we introduced the component variants (<Alert />, <Confirm />, <Prompt />, <Toast /> and <Snackbar />), which can be used instead.

To avoid breaking older React apps using the notification functions, we created a separate package for React 18 and above. The Mobiscroll CLI - mobiscroll config react - will install the correct package depending on the React version of the project. When using our Download Builder, "React 18+" should be selected as the framework.

All Components

New: We added support for React 19.

Agenda

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

Eventcalendar

Fixed: We fixed the external drag & drop on touch devices.

Forms

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

Timeline

New: We added support for displaying events with variable heights.

Mobiscroll UI 5.29.2

Tue, 30 Apr 2024 00:00:00 GMT

Bugfix release

This release fixes an issue with the Angular package, when used with the moduleResolution: 'bundler' TypeScript option.

It also includes accessibility and localization improvements and other smaller fixes.

All Components

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

Agenda

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

Datepicker

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

Eventcalendar

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

Scheduler

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

Select

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

Timeline

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

Mobiscroll UI 5.29.1

Thu, 21 Mar 2024 00:00:00 GMT

Bugfix release

This release fixes an infinite loop for recurring rule calculation and a few fixes for the Datepicker, Select and Timeline components.

All Components

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.

Datepicker

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

Select

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

Timeline

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

Mobiscroll UI 5.29.0

Fri, 16 Feb 2024 00:00:00 GMT

Event buffer times

Apart from the actual time of the event is often useful to define extra time before and after the event. This could mean travel time for meetings and appointments, check-in and check-out time around flights, loading and unloading time for a truck, or anything that is not an actual part of the event, but it affects the scheduling. This release adds support for presenting event buffers on the Timeline and on the Scheduler components. These buffer times are displayed with a different styling, and templating is also possible. Event buffers can be defined on the event data, while displaying the buffers can be controlled using the showEventBuffer option.

Easy row/column highlight and coloring for the timeline and scheduler

Coloring resources was already possible using the colors option, but coloring an entire resource row or column was too complicated, involving recurring rules for colors, and writing custom templates as well. Now it is as simple as setting a background property for the resource object, or adding a cssClass property as well, for styling other than the background.

Various bugfixes and improvements

As with every release, we continuously fix bugs and solve issues and improve upon what is already available. The calendar received Vue specific fixes along with improvements to the lifecycle events and drag & drop fixes for all frameworks.

Agenda

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

Datepicker

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

Eventcalendar

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

Print module

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

Scheduler

New: We added the oldResource and resource properties to the onEventUpdate lifecycle event arguments to easily determine the source and destination resources.
New: We added the background and cssClass properties to the resource data, making the customization of the resource columns easier.
New: We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
New: We added the showEventBuffer option to control the display of event buffers.
New: 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.

Timeline

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.
New: We added the background and cssClass properties to the resource data, making the customization of the resource rows easier.
New: We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
New: We added the showEventBuffer option to control the display of event buffers.
New: 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.
Fixed: We fixed an issue where the onCellClick, onCellDoubleClick and onCellRightClick events were not fired if the horizontal resolution was week, month, quarter or year.

Mobiscroll UI 5.28.3

Mon, 29 Jan 2024 00:00:00 GMT

Bugfix release

This release fixes the npm packages to work correctly with TypeScript.

All Components

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

Agenda

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

Forms

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

Mobiscroll UI 5.28.2

Tue, 23 Jan 2024 00:00:00 GMT

Bugfix release

This release fixes the event calendar navigation picker in Angular, which was not working correctly in day picking mode.

It also fixes the npm packages, which were not working correctly with native Node.js imports.

All Components

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.

Agenda

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

Datepicker

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

Eventcalendar

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

Scheduler

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

Select

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

Timeline

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

Mobiscroll UI 5.28.1

Thu, 21 Dec 2023 00:00:00 GMT

Bugfix release

This release fixes the monthly and yearly recurrence, where the count option was not always working.

It also includes type fixes and improvements, and resize and scroll related fixes for the timeline.

All Components

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

Datepicker

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

Eventcalendar

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

Forms

Fixed: We fixed the stepper styling in Angular.

Timeline

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

Mobiscroll UI 5.28.0

Mon, 27 Nov 2023 00:00:00 GMT

Accessibility improvements

We have enabled localized date fields read by screen readers to improve accessibility.

Quick navigation UX for the event calendar

The quick navigation component got an overhaul to provide better control over changing the page and navigating the view. We have introduced a full date selector and updated how the month & year selection performs, changing the selection order in some cases and even omitting some parts in other cases. The defaults were also adjusted based on the view configuration.

Show more button in the timeline and scheduler

When working with a lot of events happening at or around the same time for the same resource, some scheduler columns and timeline rows got really busy. With the introduction of the maxEventStack option, you can set the maximum number of events that you would like to render at any given time. Events that are not rendered will show up in a pop-over through a “more“ button.

Fixed rows for the timeline view

Ever want to fix rows at the top of the timeline, for comparison reasons or simply for providing a container with unassigned work? Now you can with the new fixed property of the resources.

Various Vue fixes

In preparation for removing the beta label we are shipping various fixes for the Vue version of Mobiscroll.

Typescript fixes

With these new fixes and improvements we are making working with Mobiscroll in TS better with every release.

All Components

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.

Agenda

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.

Datepicker

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.

Eventcalendar

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.
Fixed: We fixed the styling of the selected date rendered previously incorrectly if the calendar was placed inside a Mobiscroll grid layout.

Popup

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

Scheduler

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 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.
New: 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.
Fixed: We fixed a bug where it was possible to create events on invalidated days.

Select

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

Timeline

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 the fixed property to resources enabling sticky rows that remain fixed at the top of the calendar.
New: 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.
Fixed: We fixed the @cell-double-click event, which was not working in Vue.

Mobiscroll UI 5.27.3

Tue, 31 Oct 2023 00:00:00 GMT

Bugfix release

This release fixes drag & drop issues on the timeline view, and the year and month picking mode of the datepicker.

It also includes other minor fixes, see the full list below.

All Components

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

Datepicker

Fixed: We fixed an issue where the calendar picker did not appear correctly when only month or year picking was used.
Fixed: 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.

Eventcalendar

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

Forms

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

Timeline

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.
Fixed: We fixed an issue where the grid cells disappeared during drag, when daily vertical resolution was used.
Fixed: 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).
Fixed: We fixed the timeline header to display the year as well in case of quarter resolution, when there are multiple years displayed.
Fixed: 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.
Fixed: We fixed an issue where the custom day header and footer templates did not receive correctly the related events in case of hourly resolution.

Mobiscroll UI 5.27.2

Mon, 16 Oct 2023 00:00:00 GMT

Bugfix release

This release fixes the event calendar, where the calendar view used with labels: 'all' option did not appear at all.

It also includes other minor fixes, see the full list below.

Datepicker

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

Eventcalendar

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

Timeline

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.
Fixed: We removed the space from the default quarter header, so it will display 'Q1' instead of 'Q 1'.
Fixed: We fixed the event creation on touch screen, which was not working correctly when creating long events with horizontal auto-scroll.
Fixed: We fixed the current time indicator which did not go all the way down if timeline was placed inside a grid.

Mobiscroll UI 5.27.1

Thu, 28 Sep 2023 00:00:00 GMT

Bugfix release

This release fixes critical issue with the date picker calendar on the latest Safari 17, where the calendar disappeared after the first month change. While this is most certainly a rendering bug in the browser, we managed to find a way to make it work.

It also includes other minor fixes, see the full list below.

Agenda

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

Datepicker

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

Scheduler

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

Select

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

Timeline

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.

Mobiscroll UI 5.27.0

Thu, 21 Sep 2023 00:00:00 GMT

Event overlap

We made event overlap prevention easy, by introducing the eventOverlap option. Beside the calendar-wide option, overlap can be controlled on resources and individual events as well.

Timeline event connection types

We added support for various connection types between timeline events: finish-to-start, start-to-finish, start-to-start, finish-to-finish.

Timeline quarter resolution

We added support for quarterly resolution on the timeline.

Drag events between slots

In version 5.26.0 we added support to control wether an event can be dragged across resources or not. We ported the same functionality to the timeline slots as well.

Agenda

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

Datepicker

Fixed: We fixed an issue where invalid days were not styled as invalid when used in certain timezones.
Fixed: 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.

Eventcalendar

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

Scheduler

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

Select

Fixed: We fixed the tag/chips rendering of the select, when multiple selection is enabled.
Fixed: 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.
Fixed: We fixed the dynamic update of the invalid values.

Timeline

New: We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
New: We added the eventOverlap and dragBetweenSlots options for fine grain control over the allowed drag & drop interactions.
New: We added the overlap and dragBetweenSlots properties to the events to control the allowed drag & drop interactions on individual events.
New: We added the eventDragBetweenSlots property to the resources and slots to control allowed drag & drop interactions on a resource and slot basis.
New: We added support to display columns in quarter resolution as well.
New: 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).
New: We added new types to event connections: finish-to-start, start-to-finish, start-to-start and finish-to-finish.
New: 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.
Fixed: We fixed an issue where the grid was not displayed correctly in Safari < 15.

Mobiscroll UI 5.26.2

Wed, 23 Aug 2023 00:00:00 GMT

Bugfix release

This release fixes a number of issues with the Vue version, and issues related to the external drag & drop.

Agenda

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

Eventcalendar

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.
Fixed: We fixed the event colors in Vue to be inherited correctly from the resource if specified.
Fixed: We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
Fixed: We fixed an issue where the calendar was navigated to the wrong date after changing the view.
Fixed: We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Forms

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

Scheduler

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

Select

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

Timeline

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

Mobiscroll UI 5.26.1

Wed, 26 Jul 2023 00:00:00 GMT

Bugfix release

This release fixes the external drag on the eventcalendar.

Eventcalendar

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

Mobiscroll UI 5.26.0

Thu, 20 Jul 2023 00:00:00 GMT

Fine tune drag & drop interactions

We are adding new properties to control drag & drop interactions globally (on the instance), per resource and per event. The new properties fix events in time, which means they cannot be moved in time, but only between resources and maybe instances, they fix events in length, which means they won’t be resizable and only possible to reschedule them or reassign them by moving them around and finally they can be bound to resources, which means it will not be possible to reassign them.

This fine-grain control over the drag & drop interaction enables very advanced validation and interaction schemes, with very little effort.

Timeline header and footer templating

The timeline receives a number of new templating capabilities that enables the customization of the header and footer for hour, day, week, month and year columns. By using steps that are below the hour, it is possible customize sub-hour header and footers as well.

Drag events outside of the calendar

We are introducing new capabilities to drag events out of a calendar along with a new dropcontainer component that can accept outgoing events. This is great for unscheduling work or appointments that were already scheduled and is a great extension on the previously available external drag & drop features.

Drag events between instances

Besides being able to drag events off of a calendar to an external container, we are introducing drag & drop between separate calendar instances. This opens up doors for more complex views, like two synchronized timelines for supporting advanced scheduling workflows.

Updates to the Vue Beta

Fixes and improvements land for the Vue version of Mobiscroll. With the private beta moving along we are steadily making progress towards the public beta.

All Components

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

Agenda

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.

Datepicker

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

Dropcontainer

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

Eventcalendar

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

Forms

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

Popup

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

Scheduler

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

Select

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

Timeline

New: We added the dragInTime and dragBetweenResources options for fine-tuning the allowed drag & drop interactions.
New: We added the resize, dragInTime and dragBetweenResources properties to the events to control the allowed drag & drop interactions on individual events.
New: We added the eventResize, eventDragInTime and eventDragBetweenResources properties to the resources to control allowed drag & drop interactions on a resource basis.
New: We added the renderHour / renderHourFooter and hourTemplate / hourFooterTemplate options for custom time content rendering in the timeline header and footer.
New: We added the renderWeek / renderWeekFooter and weekTemplate / weekFooterTemplate options for custom week content rendering in the timeline header and footer.
New: We added the renderMonth / renderMonthFooter and monthTemplate / monthFooterTemplate options for custom month content rendering in the timeline header and footer.
New: We added the renderYear / renderYearFooter and yearTemplate / yearFooterTemplate options for custom year content rendering in the timeline header and footer.
New: 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.

Mobiscroll UI 5.25.1

Thu, 15 Jun 2023 00:00:00 GMT

Bugfix release

This release fixes the timeline infinite rendering issue, which happened in some cases when used with custom event templates.

All Components

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

Timeline

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

Mobiscroll UI 5.25.0

Mon, 12 Jun 2023 00:00:00 GMT

Mobiscroll for Vue private beta

Mobiscroll for Vue 3 is in private beta. Until now the plain JavaScript version was recommended to use with Vue, but now we're shipping native Vue components which can be intergrated seamlessly into a Vue app, and uses framework specific rendering and change detection.

All Components

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.

Datepicker

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.
Fixed: We added the missing dayNamesMin input option to the Angular component.

Forms

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.

Scheduler

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

Select

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

Timeline

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

Mobiscroll UI 5.24.1

Thu, 11 May 2023 00:00:00 GMT

Bugfix release

This release fixes the display of the all-day events on the Scheduler, when resources are used. It also contains fixes for a few drag & drop related issues for the Timeline.

Scheduler

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

Timeline

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

Mobiscroll UI 5.24.0

Thu, 04 May 2023 00:00:00 GMT

Timezone for events

We added support for specifying a timezone per event. This is crucial for recurring events, where the occurrences should be calculated in the timezone where the event takes place.

Timeline view change improvements

We improved the timeline to keep the visible date and time in view after a change in the view configuration.

Agenda

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.

Eventcalendar

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.

Scheduler

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.
Fixed: We fixed an issue where the header and columns did not align on dynamic view change.

Timeline

New: We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.
New: 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.

Mobiscroll UI 5.23.2

Thu, 13 Apr 2023 00:00:00 GMT

Bugfix release

This release fixes a critical bug for the Select component in Angular and React, where the picker was not opening on input click.

Select

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

Timeline

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

Mobiscroll UI 5.23.1

Thu, 13 Apr 2023 00:00:00 GMT

Bugfix release

This release fixes the rendering of the vertical days in the timeline, when used without resources. It also comes with other bugfixes, listed below.

Agenda

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

Datepicker

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.

Eventcalendar

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

Forms

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.

Scheduler

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

Timeline

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