New Release: Mobiscroll 5.5 & 5.5.1

Announcements
1

What’s New

Happy to introduce the next version of Mobiscroll with resource templates to customize how the resource headers look, time validation for the date & time picker that makes disabling specific times, ranges and recurring timespans a breeze and the new select component for single and and multiple value selection.

Resource templates

Resource support was launched with 5.3. Since then a number of refinements have been released and now we are adding templating to it. The resource titles are printed onto the event calendar out of the box, but things like images or custom markup can be added starting now. With the new templating capability (for Angular) and custom render functions (for Javascript, jQuery and React), developers are able to customize what information is shown in the resource headers. It works the same way as customizing the event template.

Resource header templates

Time validation

When we launched the date & time picker it included date validation that makes disabling one-time, recurring dates and date ranges possible. With the new time validation capabilities it is possible to disable specific times, time ranges and make them one time occurrences or recurring. This comes in real handy for appointment booking and anywhere where time selection is involved. For more information on the usage check out the documentation.

Time validation

Single and multiple select

Mobiscroll 5 gets the new select component. We are launching with single & multiple select for mobile, desktop with a responsive api and disabled values. It is not as full featured as the v4 version at the moment, but the base functionality is there. If it covers your use-case and you are already on Mobiscroll 5 with the date picker or event calendar you can upgrade to the new select for a consistent look & feel. New features, updates will come in future releases.

Select/dropdown

What’s next

We’re working on a couple of new features which includes timezone support and the horizontal timeline view for the event calendar. Here is a sneak peek of what to expect:

1734×938 33.4 KB

Upcoming Mobiscroll Timeline view

Read the full blog post

MOBISCROLL 5.5

All Components

FIXED

  • We fixed a Typescript type definition bug, that prevented the use of Moment.js objects in options where multiple date types are accepted (string, date object, moment object) eg. the min and max options.
  • We fixed the Angular package builder to make it compatible with JIT and reflect-matadata with Ivy enabled.

Datepicker

NEW

  • We added time validation. The invalid option now supports times as well.

FIXED

  • We fixed an issue where the time of a date-time picker was reset to the current time when changing the date.
  • We fixed an issue in the calendar that showed the current date instead of the selected date when opened more that once.
  • We fixed the onTempChange event to not fire incorrectly multiple times in desktop display mode.
  • We fixed a bug, that prevented the closing of the Datepicker in Angular, when the directive was used with the showOnFocus and showOnClick options explicitly set true.
  • We fixed an issue, that prevented the changing of showOnFocus and showOnClick options dynamically.
  • We fixed an issue, that caused the famous ExpressionChangedAfterItHasBeenChecked error to be thrown in angular, when the invalid option was changed in any of the onPageChange , onPageLoading or onPageLoaded events.
  • We fixed an issue, that prevented the selection of the initial date shown on the date scrollers, when using the anchored display option.
  • We fixed an issue where the stepMinute option was not working correctly with timeWheels: '|H:mm|' .
  • We fixed the date value parsing that broke if the format contained a comma ( ',' ).
  • We fixed an issue where the picker header (value or selection counter) did not appear correctly with the iOS theme in bottom display mode.

Eventcalendar

FIXED

  • We fixed an issue where the labels for multi-day events could not be selected with click (broken in v5.3.0).
  • We fixed an issue where events with editable: false could be still deleted.
  • We fixed the drag & drop, resize and create in case of vertical scroll.

Scheduler

NEW

  • We added templating support for resource headers thorugh the renderResource and resourceTemplate options.

FIXED

  • We fixed an issue where events with editable: false could be still deleted.
  • We fixed the dynamic change of the time cell or time label steps.
  • We fixed an issue where on touchscreen long tap the newly created event did not appear, only if finger was moved.
  • We fixed the first and last cell height calculation when timeCellStep was set to more than 60 minutes.

Select

NEW

  • We are introducing the Select component to v5. It ships with single, multiple select for mobile and desktop.

MOBISCROLL 5.5.1

Agenda

FIXED

  • We fixed a rendering issue that occurred on page navigation in the jQuery and Javascript version when a calendar view was combined with the agenda.

Datepicker

FIXED

  • We fixed the select counter localization that always showed the English ‘selected’ text when more than one value was selected regardless of the locale used.

Eventcalendar

FIXED

  • We fixed the page navigation to correctly fire the onPageLoaded event in the jQuery and Javascript version.
  • We fixed an issue where an error was thrown if an event had the resource property set, but no resources were passed to the calendar.

Scheduler

FIXED

  • We fixed an issue where double clicking on date or resource header created a new event.
  • We fixed the displayed dates for the Jalali and Hijri calendars.

Select

FIXED

  • We fixed the invalid logic in the Angular version that incorrectly allowed disabled items to be selected.

For the full changelog please visit our release history.

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