New Release: Mobiscroll 5.18 and 5.18.1

What’s New

With 5.18 we are happy to announce that we are bringing virtual scrolling into the timeline view of the event calendar along with multiple event selection and bulk operations.

Virtual scrolling

With the first steps laid down in 5.17, we are launching full virtualization that goes both horizontally and vertically, which means your views can now easily handle many-many resources over long periods of time.

Why is this important? The timeline is getting a really good adoption rate among customers, which has brought up use-cases that needed to handle bigger and more complex views. Besides being able to handle those situations we are also laying a foundation for new advanced features that will come to the calendar.

Play around with this example of a one year view, 200 resources and 10K events on both mobile and desktop (yes, it’s quick and snappy on mobile as well) and see it for yourself.


10K events across 1 year and 200 resources

Multiple event selection

It was possible to click & select events in the calendar view, scheduler and timeline. Although clicking on events was working from the beginning, the agenda didn’t have event selection.

Besides adding event selection to the agenda, we’ve also added multiple selection to all event calendar views. If multiple selection is turned on, events can be selected with SHIFT/CMD/CTRL + click . You can also programmatically select events, which makes things like “select all” buttons, or filter & select possible.

Take a look at this multiple select example for the event calendar, or see how it looks in the scheduler, timeline and agenda. (Hint: select multiple events and right click with your mouse :wink:


Multiple event selection

Event bulk operations

With multiple event selection supported it is possible to implement custom actions to help users perform their tasks faster. Wether it is update, copy, cut, paste or delete, all within a single calendar or between multiple calendars, we provide the tools so that you can build these features in your application.

We have built full examples for multiple selection with bulk updates and delete and cut, copy, paste between two event calendars that you can check out, use for inspiration and build on top of.


Event bulk operations

New recurring features

We have added new features to our recurring rule processor that enables the entry of more complex rules and simplifies things in some cases. When working with monthly repeats it is possible to specify multiple daily occurrences with a single rule instead of adding separate recurring events for each.

The same is applicable to yearly repeats where you can add multiple days/months to the rule. The monthly repeating rules support every n-th day while yearly supports n-th weekdays of repeating months.

You can test all this out in the recurring rule editor and we’ve made our CRUD demo with recurring event support aware of these new features as well.

This applies to recurring events, colors, invalids and marked days in case of the event calendar. The date picker is getting the new capabilities for the color, invalid, label and marked day options.

Improved accessibility

This is an important topic and not just because of compliance, but also because there are more than 1 billion people living with disabilities today.

We did an accessibility audit on our event calendar and date picker components and are shipping a number of improvements. This covers general improvements, cleanup and new labels that will help users with screen readers to navigate and interact with the event calendar views and date pickers more easily. It was a much needed step to make our products more inclusive.

We have segmented our accessibility documentation based on components. Browse the accessibility section of the event calendar or the date & time pickers.

What’s next

We are pretty excited about what’s coming. We are working on some new features, like event sequencing and dependencies, improving the UX in a couple of places and working on better keyboard support for some of the event calendar views.

Read the full blog post

MOBISCROLL 5.18

All Components

NEW

  • We implemented new features to the recurring rules. We now support multiple days in monthly repeat, multiple days and months on yearly repeat and selecting the nth occurrence in case of monthly and yearly repeat (BYSETPOS in the RFC-5545 specification). This applies to recurring events, colors, invalids and marked days in case of the event calendar. The date picker is getting the new capabilities as well for the color, invalid, label and marked day options.

Agenda

NEW

  • We added event selection to the agenda. It is possible to select and highlight events starting this version.
  • We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.

Datepicker

NEW

  • We added the refDate option to the Datepicker component. When using the calendar control with multiple weeks or months, the refDate sets the starting point, from which the navigation occurs.
  • We improved on the accessibility of the calendar control. We removed unnecessary aria roles, hid parts of the UI from screen readers and added support for reading calendar labels.

FIXED

  • We fixed a bug in the case of the timegrid control, where the time part of the selection was reset when the picker opened for a second time and a new date part was selected

Eventcalendar

NEW

  • We added event selection to the event popover. Starting this version it is possible to select events from the popover as well.
  • We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
  • We improved on the accessibility of the calendar view. We removed unnecessary aria roles, hid parts of the UI from screen readers and added support for reading calendar labels.

FIXED

  • We fixed the domEvent property which was not correct inside the onEventHoverIn and onEventHoverOut events happening from the event popover in Angular.

Popup

NEW

  • We added the aria-modal attribute to the popup component for better semantics in accessibility.

Scheduler

NEW

  • We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
  • We improved on the screen reader support by adding aria labels to day headers and events.

FIXED

  • We fixed an issue with drag & drop, where an event created with internal or external drag did not appear on previously empty days.

Select

FIXED

  • We fixed an issue where the picker was not opening in React 18 strict mode.

Timeline

NEW

  • We virtualized the vertical scrolling of the timeline, resulting in performance boost when working with lots of resources. With this we are launching virtualization for the timeline making it possible to work with large data sets across long periods of time and many resources while not degrading interaction performance on neither mobile or desktop.
  • We added possibility of multiple event selection which can be enabled with the selectMultipleEvents option. Either single or multiple selected events are reachable in the instance which enables rich bulk operations like delete, cut, copy, paste, update, reassign, etc.
  • We improved on the screen reader support by adding aria labels to day headers and events.

FIXED

  • We fixed an issue with drag & drop, where an event created with internal or external drag did not appear on previously empty days.

MOBISCROLL 5.18.1

All Components

FIXED

  • We fixed the monthly and yearly repeat, where the count was not correct, if the start date of the event was after the specified month day.

Datepicker

FIXED

  • We fixed an issue where using calendar labels resulted in error in 5.18.0.

Eventcalendar

FIXED

  • We fixed the custom label rendering, which resulted in error in 5.18.0.

Scheduler

FIXED

  • We fixed the Angular component, which threw on error on initial show in 5.18.0.

For the full changelog please visit our release history.

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