Mobiscroll Releases

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

5.35.0 released

What's New

All

New

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

Fixed

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

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.
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).
Added the hideEmptyColumns property to the scheduler view configuration to hide columns without events.
Added the hideInvalidColumns property to the scheduler view configuration to hide fully invalid columns.
Added the renderCell / cellTemplate / cell slot for customizing scheduler cells.
Added the onCellHoverIn / onCellHoverOut events for scheduler cells.
Added the onResourceHoverIn / onResourceHoverOut events for scheduler resource cells.

Fixed

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

Timeline

New

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

Fixed

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

5.34.3 released

What's New

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.
We fixed an issue where the picker was not opened on click, when initialized on an ion-input element (since Ionic v8.5.6).
We fixed an issue in the Angular component where the onActiveDateChange event did not trigger when switching between the start and end date in the range picker.
Resolved an issue where input-related options (ariaLabel, disabled, endIcon, startIcon, placeholder) where default values cannot be updated in the Angular component.

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.
We fixed the autoscroll feature to not to scroll when the event is resized or dragged within a fixed resource, or when drag in time or drag between resources is disabled.
We fixed the navigateToEvent method which did not work correctly in Angular, when used with variable height events.