New Release: Mobiscroll 5.35

Announcements
1

What’s New

Mobiscroll 5.35 brings a host of refinements, from hiding empty or invalid rows and columns in Scheduler and Timeline views to rich cell templating and hover interactions that make calendars feel truly interactive.

Built‑in SortableJS and Dragula support, modernized Angular demos, Day.js – based timezone handling and a slew of smaller enhancements – including row and column highlights, drill‑down summaries and new unit‑testing guides – promise to make scheduling cleaner, smarter and more enjoyable.

Hide empty or invalid rows/columns in Scheduler and Timeline views

Large-scale schedules often contain entire days with no bookings, or resources that remain unused. In Mobiscroll 5.35, these empty rows and columns can now be removed with the following options: hideEmptyRows and hideInvalidRows options for the Timeline, along with hideEmptyColumns and hideInvalidColumns for the Scheduler. These options let you focus the interface on meaningful data only.

For example, in a hospital doctors appointment planner, empty resource rows for doctors who are off-duty can be hidden, keeping attention on active staff. The result is a denser, more efficient view: less scrolling, less wasted space, and a cleaner presentation for teams and end-users alike.

Check out how you can hide empty rows in the Timeline view.

Check out how you can hide empty columns in the Scheduler.

Cell templating for more customization

The new release adds full control over how cells are rendered across the Event Calendar, Scheduler and Timeline. Through the new renderCell, cellTemplate and cell options, you can inject custom content like simple indicators to interactive elements.

Timeline cells can now host custom buttons or actions. For instance, in a production schedule, each cell might include a “+” button that lets managers add assignments directly where capacity is available.

Explore this demo to see timeline cells fully customized with interactive actions and workload indicators.

Scheduler cells can display workload markers, icons, or interactive status badges, giving end-users quick visual cues without opening event details.

Discover how to highlight holidays, availability, and statuses with custom cell content.

This level of customization helps teams tailor scheduling tools to their exact workflows – whether they need to surface KPIs, allow inline creation of new events, or highlight critical slots.

Hover events for better interactivity

The latest release introduces hover events to the Scheduler, Timeline cells and resources, and Event Calendar cells, enabling developers to surface contextual information and quick actions directly in the grid. Added the onCellHoverIn / onCellHoverOut and onResourceHoverIn / onResourceHoverOut events giving teams fine-grain control over cell- and resource-level interactions.

Resource hover in Timeline

Managers can now display tooltips or inline overlays when hovering over a resource row. In a fleet management app, hovering over a driver resource might reveal availability, assigned routes, or KPIs without navigating away.

Check out the timeline resource hover demo.

Cell hover in Scheduler and Event Calendar

Hovering over a time cell can display workload details or quick options. For example, in a hospital shift calendar, pointing at a cell could show how many nurses are already assigned.

Explore how Scheduler cell hover can display workload details or quick options in the demo.

Explore how hover-based interactions can be simple yet elegant in the Event Calendar cell demo.

SortableJS + Dragula support

Mobiscroll 5.35 integrates directly with SortableJS and Dragula, allowing events and resources to be dragged between external lists and Event Calendar, Scheduler & Timeline views. For example, pending tasks can be scheduled by dragging them from a backlog into the calendar, or entire resources like drivers or classrooms can be reassigned between timelines.

This reduces implementation effort while giving end-users fluid, enterprise-ready drag-and-drop workflows.

Try the demos:

Angular modernization: 350+ updated demos

With the new release, all 350+ Angular demos have been migrated from NgModules to standalone components, fully aligned with the latest Angular best practices. This allows developers to integrate Mobiscroll components directly, without additional module wiring, and to replicate real-world setups with less boilerplate.

Timezone improvements: Day.js instead of Moment.js

The 5.35 updates all timezone demos to use Day.js, a lightweight and modern date library, replacing Moment.js. In practice, this means faster load times and smaller bundles for apps where timezone handling is critical.

Highlight rows and columns in Timeline

We have built a demo using the Timeline view, utilizing the brand new hover events to dynamically highlight cursor position along with rows and columns, making dense schedules and large grids much easier to navigate. When a user hovers over a cell, the entire row and column light up, so it’s instantly clear where you are in the grid and how that slot connects across time and resources.

This improves data accuracy in complex scenarios, while internal teams benefit from reduced navigation errors when working with dense schedules.

Try out hover interactions and discover how quickly you can adapt them to your workflow here.

Event Calendar drill-down with summaries

Another demo that we built using the new hover and templating capabilities is for the event calendar. This makes the calendar more intuitive: month cells now display totals – like daily bookings, tasks, or patient visits – and expand into week or day views with a single click. This gives users a clear overview at a glance and quick access to the details they need, without switching tools or views.

Explore this demo to see how aggregate data, custom visuals, and drill-down navigation create a smarter Event Calendar.

Unit testing guide for every framework

Unit tests serve as an early safety layer – identifying issues before they reach production, minimizing risks during refactoring, and clarifying how the code is intended to work. For users, this ensures a dependable product with consistent features, seamless updates, and quicker access to trustworthy improvements.

Check out the updates and new unit testing guides we have published:

  • Check the guide to learn JavaScript unit testing for Mobiscroll components
  • Discover how to validate Mobiscroll components using jQuery
  • Explore the Angular unit testing guide with practical Mobiscroll examples
  • See React unit testing in action for Mobiscroll components
  • Learn how to test Mobiscroll components in Vue with @testing-library/vue

iOS 26 ready :+1:

Mobiscroll 5.35 is fully compatible with iOS 26, ensuring all components run smoothly on the latest release. We’ve verified performance across devices so your apps remain stable and reliable, and we’ll share more details on upcoming UI changes soon.

Keeping up to date with the latest version guarantees both compatibility and access to new features.

What’s next

Big changes are on the horizon with Mobiscroll 6. It will build on everything we’ve done so far and take scheduling, resource management, and calendar experiences further. Stay tuned – exciting things are coming!

Read the full blog post

MOBISCROLL 5.35

All Components

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.

For the full changelog please visit our release history.

PS. You will find an upgrade guide for moving from Mobiscroll 4 to Mobiscroll 5.