Mobiscroll Releases

6.1.3 released

What's New

Eventcalendar

Fixed

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

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.
We fixed an issue where an all-day event with dragInTime set to false jumped into the time grid instead of staying in the all-day row when dragged to a different resource.
We fixed an issue where, in RTL mode, dragging an event so that the grid auto-scrolled vertically made the drag ghost drift away from the cursor and land on the wrong row/time.
We fixed an issue in shifted views where onCellClick, onCellRightClick, onCellDoubleClick and onCellHoverIn reported the correct time but the wrong date on a shifted day.
We fixed an issue where the date passed to renderCell was shifted by an hour on the day of a daylight saving time change.

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

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.