Mobiscroll Releases

6.1.2 released

What's New

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.
We fixed an issue where, in controlled mode, the internally tracked selected date could drift away from the value supplied through the selectedDate option when switching between views. The component no longer overwrites the controlled selectedDate on a view change.
We fixed an issue where the onSelectedDateChange event was fired on a view switch even though the selected date did not change. It is now only emitted when the selected date actually changes.
We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

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.
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.
We fixed an issue where a timed event completely outside the visible hour range was still rendered with a minimum width instead of being hidden.
We fixed an issue where a multi-day event starting after the visible end time was incorrectly positioned on the next day instead of at the beginning of the first visible hour.
We fixed an issue where the calendar header content was duplicated, if a custom header renderer was set after initialization (JavaScript and jQuery versions).

6.1.1 released

What's New

All

Fixed

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

6.1.0 released

What's New

All

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.
We display the month and year for the actually visible viewport, when a longer view includes days from multiple months.
We added unified day headers and support for grouping by resource for single day views as well.

Fixed

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

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.

6.0.1 released

What's New

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

6.0.0 released

What's New

All

New

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

Fixed

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

Removed

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

Changed

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

Agenda

Changed

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

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.
We fixed the onLabelClick event, which fired the onCellClick as well.

Changed

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

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').
We virtualized scheduler scrolling, making it possible to work with large data sets across long periods and many resources without degrading interaction performance on mobile or desktop.
We added the onVirtualLoading lifecycle event, which is triggered when a new virtual page is loaded on both horizontal and vertical scrolling. This enables on-demand loading of events and resources as users scroll through the scheduler.
We added the dragTimeStepBase option to set the base for dragTimeStep calculation. If set to 'viewStart', it takes the startTime property of the view option as reference instead of the beginning of the day.

Fixed

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

Changed

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

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').
We added the eventDisplay prop (values: 'exact' | 'fill') under the view option, marking the eventList as deprecated.
We added the dragTimeStepBase option to set the base for dragTimeStep calculation. If set to 'viewStart', it takes the startTime property of the view option as reference, otherwise the beginning of the day.

Removed

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

Changed

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

5.35.5 released

What's New

Scheduler

Fixed

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

Timeline

Fixed

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

5.35.4 released

What's New

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.

5.35.3 released

What's New

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

5.35.2 released

What's New

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.
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.
We fixed the updateRecurringEvent function wasn't updating the resource and slot properties in case of "all" update mode.
We fixed the navigate method to correctly scroll to the specified date and time on the first call.
We fixed an issue where the min and max options did not update dynamically when their values changed, causing invalid areas to not display correctly.

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

5.35.1 released

What's New

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

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