New release: Mobiscroll 5.1

Announcements
1

What’s New

Let’s welcome Mobiscroll 5.1 with new alert components and work scheduling. The event calendar receives recurring exceptions, work week and work hour configuration, control over the all-day section along with bugfixes and improvements.

Setting up a work calendar

One of the core promises of a customizable scheduler is fine-tunig the experience to serve a specific use-case better than generic calendars like google or outlook calendar. A great solution should be able to answer questions like:

  • Do I want to see all days of the week or only days from Mon. – Fri. ?
  • Do I want to disable everything outside of 9AM to 5PM or do I want to hide them and make the list shorter?


9AM to 6PM work calendar with recurring lunch break

With this in mind we are introducing a couple of new features:

  • Set up a range of days like Monday to Friday with the help of the startDay and endDay properties
  • Control the display hours with the startTime and endTime properties. Take a look at the demo.
  • Hide the all-day section with the allDay property. Check out example.
  • Block out times, like “Lunch breaks” with a recurring invalid setting. View the demo.


Configure visible days and visible hours


All-day section is hidden from the calendar

Support for recurring exceptions

Recurring rules are powerful tools for setting up repeating tasks without the need to create multiple events. The reality is that sometimes plans change which means that specific occurrences might need to be removed or moved to a new time.

We added built-in support for exceptions in recurring rules. Interactions like deleting, moving or resizing a single occurrence of an event are automatically handled in the background, an exception is added and a new event is created.


Altering one-time occurrence from a recurring set

Play around with the recurring rule generator and learn how to add exceptions.

Alerts and notifications

We have added four new ui components to the library for popping notifications and for getting quick input and confirmation from users. The alert , confirm and prompt was added as a modal dialog with the snackbar , which is a notification with a message and an action. This can be useful for letting people know that something happened and providing means for undoing the action if needed.


New confirm, alert, prompt and snackbar with action

What’s next?

Besides making the scheduler and event calendar better with every cycle we are making progress towards introducing a redesigned select component in Mobiscroll 5.

Give Mobiscroll 5.1 a go or download the latest version and let us know what you think.

Read the full blog post

MOBISCROLL 5.1

Agenda

NEW

  • We added support to specify exceptions for the recurring events with recurringException and recurringExceptionRule properties in the data option.

FIXED

  • We fixed the header buttons to do not submit if the agenda is placed inside a form.

Datepicker

FIXED

  • We fixed a bug where the header buttons used for navigation submitted the form if placed inside one.

Eventcalendar

NEW

  • We added support to specify exceptions for the recurring events with recurringException and recurringExceptionRule properties in the data option.

FIXED

  • We fixed the calendar header buttons to do not submit if the eventcalendar is placed inside a form.
  • We fixed an issue where the marked option was not working if the calendar labels were not explicitly turned off.
  • We fixed an issue with the “more” labels, where hovering the label added the hover styling for “more” labels on other days as well.

Forms

NEW

  • We added new notification types: alert, confirm, prompt and snackbar.

Scheduler

NEW

  • We enabled the hiding of the all-day section of the scheduler through the new allDay property under the view.schedule option.
  • We updated the schedule view option with the startDay / endDay properties for controlling the displayed days and with the startTime / endTime properties for controlling the disaplayed hours of the grid.
  • We added support to specify exceptions for the recurring events with recurringException and recurringExceptionRule properties in the data option.

FIXED

  • We fixed the header buttons to do not submit if the scheduler is placed inside a form.
  • We added the missing dragTimeStep option for the Angular component.
  • We fixed the resize of all day events to disallow dragging the end before start.

For the full changelog please visit our release history.

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