New release: 5:21 with weekly, monthly, yearly resolution for the timeline and new notification components for React

Happy to launch weekly, monthly and yearly resolution to the timeline view along with a new notification component for React and with preparation for Vue components and a bunch of fixes.
Changing the resolution in the timeline view
The timeline is being used for planning, managing tasks, projects, jobs across many resources. All modeled with events, these can span minutes, hours, days, weeks, months and even years. While the timeline view supported the rendering of long ranges, even multiple years, the biggest resolution was daily.
With 5.21 we are introducing week, month and year resolutions, which make visualizing and working with events that span multiples of these possible.
The timeline.resolution
property now supports hour
, day
, week
, month
and year
.
Combining the resolution with the various configuration options of the page – consisting of the timeline.type
and timeline.size
– a large variety of views can be configured.

Make sure to check out this demo and play around with the different configuration options.
New notification components, compatible with React 18
We’ve published new Alert, Confirm, Prompt, Toast and Snackbar components that are compatible with React 18. Before 5.21, these dynamically created UI elements were invoked through function calls. These wasn’t a very “React-like“ approach and didn’t work in React 18, but starting with this release the notification components can be used as real React components.
Preparing for Vue
We have released some architectural updates in order to support a new Vue implementation of Mobiscroll we are working on. These changes are not visible on the surface and everything should work as expected but were necessary to support the building the “Vue-way“.
What’s next?
Besides the previously mentioned new Vue implementation we are working towards, more complex resource panels and footers will come to the timeline view along with more control over the row height.
For a full list of changes check out the release notes and download the latest version.