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:

• Event Calendar
• Scheduler
• Timeline

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 👍

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!

For a full list of changes check out the release notes and download the latest version.