What's New

Datepicker

FIXED

• We fixed an issue where were not all times were selectable on the time scroller on days when daylight saving time change occurs.

Eventcalendar

FIXED

• We fixed an issue where the Angular component did not work correctly with custom label templates (regression introduced in v5.32.0).

Popup

FIXED

• We fixed an issue where the popup could be closed with 2 clicks only, if another popup or a picker was also opened from the first popup.

Timeline

NEW

• We improved the readability of resource columns for hierarchies. The width of the resources is dynamically adjusted based on the maximum navigated hierarchy depth.
• We added the onVirtualLoading lifecycle event, which is triggered when a new virtual page is loaded, both on horizontal and vertical scrolling. This enables on-demand loading of events and resources as users scroll through the timeline.
• We added the resourceReorder property to the timeline view configuration. When set to true, drag handles appear on each resource, and enables reordering through drag & drop. When the drag starts, the onResourceDragStart, when it ends, the onResourceDragEnd events will fire. When the order of a resource is changed after drop, the onResourceOrderUpdate lifecycle event will be fired with the new sort order.
• We added the reorder property to the resource object, which defines whether a resource can be dragged from its current position in case resourceReorder is enabled.
• We added the zoomLevels property to the timeline view configuration which enables the configuration of multiple zoom stages. It accepts an array of key, object pairs that describe each zoom level that is supported. The current level can be set using the newly introduced zoomLevel option, by setting the key of the previously defined levels from the zoomLevels object.
• We added the columnWidth property to the timeline view configuration to set overall timeline column widths. If not set, the default widths apply, which depend on the resolution. The following presets are supported: 'xxsmall' - 24px (1.5em), 'xsmall' - 48px (3em), 'small' - 72px (4.5em) 'medium' - 96px (6em), 'large' - 120px (7.5em), 'xlarge' - 144px (9em), 'xxlarge' - 168px (10.5em) and 'xxxlarge' - 192px (12em). The preset widths can be overridden if necessary through their CSS classes.

FIXED

• We fixed an issue where events inside a resource with event creation disabled were not draggable.

What's New

Agenda

FIXED

• We fixed an issue where the day headers were empty when used with Vue.
• We fixed an issue where the onEventRightClick and onEventDoubleClick events were not fired in Vue.
• We fixed an issue where the list was not scrolled to the initial date, when the events were loaded async.

Datepicker

FIXED

• We fixed a bug that threw an error when trying to parse with a custom date format the initial value of a range using distinct start and end inputs.
• We added the missing separator option to the Angular component.
• We fixed an issue where the calendar navigation arrow was not always working in case of range picking with a minRange set.

Eventcalendar

FIXED

• We fixed an issue where the month labels were not correct in year view, when the Jalali calendar was in use.
• We fixed an issue where the onEventRightClick and onEventDoubleClick events were not fired from the event popover in Vue.

Forms

FIXED

• We fixed an issue where the checked property of the Switch and Checkbox instance was not yet holding the correct value inside the native change event (jQuery and JavaScript versions).

Scheduler

FIXED

• We fixed an issue, where event creation was possible on some parts of all-day invalid days, when timezones were used.
• We fixed the target element inside the onEventClick event, when the click was fired using the keyboard.

Timeline

FIXED

• We fine-tuned the functionality where a collapsed parent resource automatically expands when dragging an event over it — this now only occurs if eventCreation is set to false.
• We fixed an issue where the UI froze after dragging events quickly.
• We fixed the target element inside the onEventClick event, when the click was fired using the keyboard.

What's New

Agenda

FIXED

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.

Datepicker

FIXED

• We fixed a bug where validation selected an invalid range when the invalid option changed dynamically.
• We fixed a bug that constantly navigated the calendar back to the current month when the invalids were updated on mobile
• We fixed an issue that navigated the datepicker to the next month when two months were shown and the range started on the second page
• We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
• We improved the accessibility on the calendar days: the day buttons are announced with VoiceOver, and there's only one control on a day to interact with in TalkBack.
• We corrected the 'preset-range' validation logic to always comply with the selectSize option and do not change the length of the selection
• We fixed an issue where the datepicker automatically selected a value when it was opened.
• We fixed a bug that prevented to clear the datepicker selection when the picker was open.
• We fixed a bug where the value was not written to the input when the date and time controls were used and the time part was changed.
• We fixed a bug that prevented the clear buttons on the range picker labels to clear the selection.
• We fixed a bug where the change event was fired initially even though the value did not change when using the rangepicker with start and end inputs in JavaScript or jQuery.

Eventcalendar

FIXED

• We improved the accessibility on the calendar days: the day buttons are announced with VoiceOver, and there's only one control on a day to interact with in TalkBack.
• We fixed an issue where recurring event times were modified to the start and end of the day, when used with the `eventDisplay: 'fill'` view option.

Popup

NEW

• We added the ariaLabel option to specify an accessible label for the popup.

FIXED

• We fixed an issue where the popup was not displayed correctly if the touchUi option was changed dynamically.
• We fixed an issue where the popup was not displayed correctly in full screen mode with the iOS theme.
• We fixed an issue where the popup blinked shortly after closing in top or bottom display mode.

Scheduler

FIXED

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.
• We fixed an issue where the multiple timezones were not displayed correctly in some cases. (#510)

Select

FIXED

• We pass the ariaLabel option to the modal picker as well to ensure an accessible label.
• We fixed an issue with multiple selections where the initially selected values were not displayed as tags in the input field, when used with plain JavaScript or jQuery.

Timeline

FIXED

• We fixed an issue, where multi-day recurring events did not appear on the view, if the occurrence started outside of the current view.
• We fixed an issue, where the height of the parent resources was not adjustable with css, when used with variable event heights.

What's New

All Components

NEW

• We added TypeScript types to the Vue component props, so compile time type check and IDE autosuggest works now as well.

FIXED

• We fixed the monthly and yearly recurrence, where occurrences only were calculated from today, when no from date was specified.

Agenda

NEW

• We implemented the renderDay / dayTemplate / day slot for the Agenda as well to customize the day headers on the list.
• We added the showEmptyDays property to the Agenda view option to be able to show the day header for dates without events as well.

FIXED

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Datepicker

FIXED

• We fixed an issue where validation did not work correctly on the time scroller with valid or invalid ranges spanning over multiple days.

Eventcalendar

NEW

• We added the eventDisplay property to the view configuration, to display the labels in exact time.

FIXED

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Forms

FIXED

• We fixed an issue where the text undefined appeared for the Textarea placeholder in Angular, when there was no placeholder set.
• We fixed the segmented control where the value was selected at the wrong position when using drag select with the iOS theme.

Scheduler

NEW

• We added the oldResourceObj and resourceObj properties to the onEventUpdate lifecycle event arguments to easily access the source and destination resource objects.
• We added the resourceObj property to the onEventCreate, onEventCreated, onEventDoubleClick, onEventDragEnd, onEventDragStart, onEventHoverIn, onEventHoverOut, onEventRightClick and onEventUpdated lifecycle event arguments to easily access destination resource object.

FIXED

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.

Select

FIXED

• We fixed an issue where the theme could not be set properly for the picker, and the global theme was used instead.

Timeline

NEW

• We improved the drag functionality - when dragging an event over a collapsed parent resource row and pausing for more than one second without releasing, the resource automatically expands to reveal its children.
• We added the oldResourceObj, oldSlotObj, resourceObj and slotObj properties to the onEventUpdate lifecycle event arguments to easily access the source and destination resource and slot objects.
• We added the resourceObj and slotObj properties to the onEventCreate, onEventCreated, onEventDoubleClick, onEventDragEnd, onEventDragStart, onEventHoverIn, onEventHoverOut, onEventRightClick, onEventUpdated, onResourceCollapse and onResourceExpand lifecycle event arguments to easily access destination resource and slot objects.

FIXED

• We fixed an issue where the order of the event was wrong when recurring events were present and timezones were also used.
• We fixed an issue in print view, where sometimes the last few resources were cut off.
• We fixed an issue with the virtual scroll, where the new rows were not loaded in time during scroll, if there were resources with a lot of event rows.
• We fixed an issue where the timeline went back to the previous month on view change, when week resolution was used with month or year view.
• We fixed an issue which caused runtime error when event connections and maxEventStack were used together.

What's New

Timeline

FIXED

• We fixed an issue where all-day events, invalid and colored ranges incorrectly disappeared in hourly resolution during horizontal scroll.
• We fixed an issue where events were not displayed on the last column with week/month/quarter/year resolution.
• We fixed the maxEventStack functionality, which resulted in error when used with variable event heights.

What's New

Timeline

FIXED

• We fixed the week/month/quarter/year resolution, which broke with the virtual scroll performance improvements.
• We fixed an issue with event connections, where an error was thrown, if the target event was out of view.

What's New

All Components

FIXED

• We added the version field to the package.json file of the esm5 folder inside the npm packages, required by some bundlers, e.g. webpack with federated modules.

Agenda

NEW

• We added the order property to event data, to easily customize the order of the events.

Datepicker

FIXED

• We fixed the French translation of the rangeStartLabel option.
• We fixed an issue where the onPageLoaded event was not fired after page change, with yearly or multiple month picker.

Eventcalendar

NEW

• We added the order property to event data, to easily customize the order of the events.

FIXED

• We fixed an issue where passing an event handler to the onInit lifecycle event threw an ExpressionChangedAfterItHasBeenCheckedError exception.
• We fixed an issue where the onPageLoaded event was not fired after page change, with yearly or multiple month view.

Scheduler

NEW

• We added the order property to event data, to easily customize the order of the events.
• We added the eventOrder option to the scheduler view as well.
• We pass the day paramater to the resource template, when resources are displayed grouped by date.

FIXED

• We fixed an issue where dragging events from the "more" popup resulted in error, when external drag was enabled.

Timeline

NEW

• We improved the performance of the virtual scroll.
• We added the order property to event data, to easily customize the order of the events.
• We added the eventOrder option to the scheduler view as well.
• We added templating to the timeline empty resource column through the renderResourceEmpty function (React/jQuery/Javascript), resourceEmptyTemplate (Angular) and resourceEmpty slot (Vue).
• We pass the day paramater to the resource template when vertical day resolution is used and resources appear on multiple days.

FIXED

• We fixed an issue where the vertical scroll became stuck after navigating to a date programmatically.
• We now display the resource column even when the resource array is empty, and only hide it, when resources are not passed at all.
• We fixed an issue where timeline columns were displayed incorrectly in Angular, with daily resolution and start/end time specified.

What's New

All Components

FIXED

• We fixed the Angular package to work with Angular 18.

Agenda

FIXED

• We fixed the extra borders appearing for empty days when used with the Windows theme.

Select

FIXED

• We fixed the usage of the group wheel, which was not working correctly.

Timeline

FIXED

• We fixed an issue where events were not appearing in Angular, when used with slots and vertical day resolution.
• We fixed an issue where the virtual scroll ended up in incorrect state after resizing the calendar container in Angular.
• We fixed an issue where external drag resulted in error if the timeline was hidden.
• We fixed an issue where the timeline columns were rendered incorrectly sometimes on certain browser zoom levels.
• We fixed the display of week numbers with custom template in Angular.

What's New

All Components

NEW

• We added support for React 19.

Agenda

FIXED

• We fixed the empty agenda view, which was not displayed correctly (regression introduced in v5.29.2).

Eventcalendar

FIXED

• We fixed the external drag & drop on touch devices.

Forms

FIXED

• We fixed the Prompt component in React and Vue to reset the value between consecutive calls.

Timeline

NEW

• We added support for displaying events with variable heights.

What's New

All Components

FIXED

• We made the Angular npm packages compatible with the moduleResolution: 'bundler' TypeScript option.
• We fixed in issue where the onInit event handler was not called when passed using the [options] binding in Angular.

Agenda

FIXED

• We fixed the agenda list to scroll the nearest date when no events exist on selected date.

Datepicker

FIXED

• We added accessibility labels to the date and time scroll wheels.

Eventcalendar

FIXED

• We fixed an issue with the calendar rows not expanding when displaying all event labels in Vue.

Scheduler

FIXED

• We fixed an issue where the date format was not localized for accessibility labels.
• We fixed an issue where the invalids were not always displayed correctly when used with timezones.

Select

FIXED

• We added accessibility labels to the scroll wheels.
• We fixed an issue where options were disabled if the option group's name was identical with the option value.

Timeline

FIXED

• We fixed an issue where the date format was not localized for accessibility labels.
• We fixed an issue where the resources were not displayed correctly in RTL mode when used with Angular.

What's New

All Components

FIXED

• We fixed the occurence calculation in case of monthly and yearly recurrence rules, which resulted in an infinite loop, if an empty array was passed for the day or month property.

Datepicker

FIXED

• We fixed the Angular picker input to open the picker when the input icon is clicked.

Select

FIXED

• We added the missing maxWidth and maxHeight options to the Angular component.

Timeline

FIXED

• We fixed an issue where changing dynamically between equal and variable row heights did not work correctly.
• We fixed the event connection lines rendering, which were off in some cases, after dragging events.

What's New

Agenda

FIXED

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

Datepicker

FIXED

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

Eventcalendar

FIXED

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.
• We fixed an issue where parts of the event label remained with focus styling after drag & drop.

Print module

FIXED

• We fixed an issue where custom Angular templates were not displayed correctly in print view due to missing styles.

Scheduler

NEW

• We added the oldResource and resource properties to the onEventUpdate lifecycle event arguments to easily determine the source and destination resources.
• We added the background and cssClass properties to the resource data, making the customization of the resource columns easier.
• We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
• We added the showEventBuffer option to control the display of event buffers.
• We added templating to the event buffers through the renderBufferBefore and renderBufferAfter functions (React/jQuery/Javascript), bufferBeforeTemplate and bufferAfterTemplate (Angular) and bufferBefore and bufferAfter slots (Vue).

FIXED

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.

Timeline

NEW

• We added the oldResource, oldSlot, resource and slot properties to the onEventUpdate lifecycle event arguments to easily determine the source and destination resources and slots.
• We added the background and cssClass properties to the resource data, making the customization of the resource rows easier.
• We added the bufferBefore and bufferAfter event data properties to help define buffer zones for events.
• We added the showEventBuffer option to control the display of event buffers.
• We added templating to the event buffers through the renderBufferBefore and renderBufferAfter functions (React/jQuery/Javascript), bufferBeforeTemplate and bufferAfterTemplate (Angular) and bufferBefore and bufferAfter slots (Vue).

FIXED

• We fixed a bug with the calendar buttons, which resulted in error when used with Vue server side rendering.
• We fixed an issue where the onCellClick, onCellDoubleClick and onCellRightClick events were not fired if the horizontal resolution was week, month, quarter or year.

What's New

All Components

FIXED

• We updated the npm packages to work with the "moduleResolution": "bundler" TypeScript option as well.

Agenda

FIXED

• We fixed the event color display in RTL mode in Angular.
• We fixed the showEventTooltip option in Angular, which displayed a tooltip with undefined, when set to false.

Forms

FIXED

• We fixed the Angular segmented component which did not work correctly with numeric values in multiple select mode.

What's New

All Components

FIXED

• We added the missing export field into the package.json of our packages to work properly with modern build systems or native Node.js imports.

Agenda

FIXED

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed an issue where the navigateToEvent method did not scroll to the correct date with custom agendaTemplate in Angular.

Datepicker

FIXED

• We fixed the getVal method to return empty array instead of null for empty selection in case of multiple select.

Eventcalendar

FIXED

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.

Scheduler

FIXED

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.

Select

FIXED

• We fixed the getVal method to return empty array instead of null for empty selection in case of multiple select.

Timeline

FIXED

• We fixed the navigation picker which was not working correctly in Angular.
• We fixed the drag & drop of the events from the popover in Vue.
• We fixed an issue where the cursor time indicator was off after changing the timeline time steps or resolution.

What's New

All Components

FIXED

• We fixed the monthly and yearly recurrence, where the COUNT option was not working if BYSETPOS was also specified.

Datepicker

FIXED

• We added added a publicly available type to the controls option, called MbscDatepickerControl.
• We added the missing month property to the MbscDatepickerPageChangeEvent type.
• We fixed the calendar header which was not displayed correctly in Vue.

Eventcalendar

FIXED

• We fixed a bug in the print module that prevented the display of svg elements.

Forms

FIXED

• We fixed the stepper styling in Angular.

Timeline

FIXED

• We fixed an issue where the timeline grid was not always repainted correctly after window resize.
• We fixed an issue where after changing the resources, the timeline remained scrolled to an empty space in Firefox.

What's New

All Components

NEW

• We added the dateFormatFull locale option, which is used by screen readers to read out full dates. This improves accessibility for localized instances.

FIXED

• We fixed the tree shaking when some inner components were always included in the bundle.

Agenda

NEW

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.

Datepicker

NEW

• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

FIXED

• We fixed the Extraneous non-props attributes warning for the Vue component when locale options were set.

Eventcalendar

NEW

• We added the immutableData option. When it is enabled the component won't update the passed data directly and it is the responsibility of the developer to handle the updates in the appropriate lifecycle events.

FIXED

• We fixed the Vue component to accept the dateFormatLong option among other missing localization options.
• We fixed the styling of the selected date rendered previously incorrectly if the calendar was placed inside a Mobiscroll grid layout.

Popup

NEW

• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

Scheduler

NEW

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.
• We added the maxEventStack option to limit the number of displayed events in the schedulers columns. If the number of events reaches the specified value, a “more” button will be shown which opens a popover listing the undisplayed events.
• We added the minEventWidth option to specify the minimum event width in case of the Scheduler view. The value will be used when the maxEventStack: 'auto' option is enabled.

FIXED

• We fixed the @cell-double-click event, which was not working in Vue.
• We fixed a bug where it was possible to create events on invalidated days.

Select

NEW

• We added missing types to the renderItem arguments.
• We added types to the lifecycle event arguments that improves the development workflow when working in Typescript.

Timeline

NEW

• We improved the quick navigation component used in the header of the calendar allowing for date selection where it makes sense instead of just month & year. We further improved the UX by refining the defaults based on the view configuration.
• We added the fixed property to resources enabling sticky rows that remain fixed at the top of the calendar.
• We added the maxEventStack option to limit the number of displayed events in the timeline rows. If the number of events reaches the specified value, a “more” button will be shown which opens a popover listing the undisplayed events.

FIXED

• We fixed an bug where the event data for the custom header and footer templates was lost on navigating the view.
• We fixed the @cell-double-click event, which was not working in Vue.

What's New

All Components

FIXED

• We fixed the global setOptions method which caused an error in Nuxt when used with Vue server side rendering.

Datepicker

FIXED

• We fixed an issue where the calendar picker did not appear correctly when only month or year picking was used.
• We fixed an issue where typing into the input was not possible on first display, when the touchUi option was set using the responsive option.

Eventcalendar

FIXED

• We fixed the eventOverlap option which was not working correctly during event drag or resize, by also detecting overlap with itself.

Forms

FIXED

• We fixed the radio buttons which were not working correctly in uncontrolled mode with React 18 strict mode.
• We fixed the segmented control which was not working correctly in uncontrolled mode with React 18 strict mode.

Timeline

FIXED

• We fixed an issue where the view date was not always calculated correctly during scroll (in RTL mode, or when not all days and hours were displayed). This caused problems when changing to another view.
• We fixed an issue where the grid cells disappeared during drag, when daily vertical resolution was used.
• We fixed an issue where an extra column was displayed on the grid during drag, when the horizontal resolution was bigger than a day (week, month, quarter or year).
• We fixed the timeline header to display the year as well in case of quarter resolution, when there are multiple years displayed.
• We fixed an issue where the navigateToEvent method was not always navigating to the correct resource row, when custom navigation was used in the header.
• We fixed an issue where the custom day header and footer templates did not receive correctly the related events in case of hourly resolution.

What's New

Datepicker

FIXED

• We fixed the display of date and time scrollers in bottom display mode in Angular.
• We fixed an issue where the value parsing resulted in error if defaultValue was set for the range picker in React.

Eventcalendar

FIXED

• We fixed the calendar display with the labels: 'all' view option, which broke in the previous release.
• We fixed the week days alignment when week numbers are also displayed.

Timeline

FIXED

• We fixed an issue with the vertical virtual scroll, where some resource rows were cut of, if there were rows with a larger height than the scroll container.
• We removed the space from the default quarter header, so it will display 'Q1' instead of 'Q 1'.
• We fixed the event creation on touch screen, which was not working correctly when creating long events with horizontal auto-scroll.
• We fixed the current time indicator which did not go all the way down if timeline was placed inside a grid.

What's New

Agenda

FIXED

• We fixed the start time display for events without end time specified.

Datepicker

FIXED

• We fixed the getVal method which was returning the default date, even when there was nothing selected yet (jQuery and Javascript versions).
• We fixed the button alignment in center display mode for the Material theme.
• We fixed the calendar picker where the month change was not working in iOS Safari 17.

Scheduler

FIXED

• We fixed the display of all-day events, when weekly calendar was combined with a single day scheduler.

Select

FIXED

• We fixed the button alignment in center display mode for the Material theme.

Timeline

FIXED

• We fixed an issue where the header and footer templates did not receive an event if it started at midnight and had no end time specified.

What's New

Agenda

FIXED

• We fixed the scroll to day feature which scrolled to the wrong place after navigation in Angular.

Datepicker

FIXED

• We fixed an issue where invalid days were not styled as invalid when used in certain timezones.
• We improved the accessibility by adding the correct role to the picker input and allow specifying the aria-label attribute, if used without a label.

Eventcalendar

NEW

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap option for fine grain control over the allowed drag & drop interactions.

Scheduler

NEW

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap option for fine grain control over the allowed drag & drop interactions.

Select

FIXED

• We fixed the tag/chips rendering of the select, when multiple selection is enabled.
• We improved the accessibility by adding the correct role to the picker input and allow specifying the aria-label attribute, if used without a label.
• We fixed the dynamic update of the invalid values.

Timeline

NEW

• We improved the drag in time functionality, now the externally dragged elements will also take into account to the dragInTime option.
• We added the eventOverlap and dragBetweenSlots options for fine grain control over the allowed drag & drop interactions.
• We added the overlap and dragBetweenSlots properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventDragBetweenSlots property to the resources and slots to control allowed drag & drop interactions on a resource and slot basis.
• We added support to display columns in quarter resolution as well.
• We added templating to the quarter header and footer through the renderQuarter and renderQuarterFooter functions (React/jQuery/Javascript), quarterTemplate and quarterFooterTemplate (Angular) and quarter and quarterFooter slots (Vue).
• We added new types to event connections: finish-to-start, start-to-finish, start-to-start and finish-to-finish.
• We added the virtualScroll property to the timeline view options to enable or disable the virtual scroll.

FIXED

• We fixed the external drag & drop in case of slots, so that the external event will not split up to multiple days.
• We fixed an issue where the grid was not displayed correctly in Safari < 15.

What's New

Agenda

FIXED

• We fixed an issue where the calendar was navigated to the wrong date after changing the view.

Eventcalendar

FIXED

• We fixed an issue with the navigate method which was throwing an error when trying to navigate to hidden dates on a week view.
• We fixed the event colors in Vue to be inherited correctly from the resource if specified.
• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Forms

FIXED

• We fixed the model value binding of the Stepper component in Vue.
• We fixed an issue where binding native listeners to the Input component (focus, blur, etc.) did not work in Vue.

Scheduler

FIXED

• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

Select

FIXED

• We fixed an issue, where the select did not scroll to the top after filtering the options.
• We fixed a bug that prevented the dynamic change of select options in Angular.
• We fixed an issue, where calling the Select instance methods resulted in error in Vue.

Timeline

FIXED

• We fixed the sidebar, sidebar header and footer templates as well as the day footer templates in the timeline component for Vue.
• We fixed a bug in the timeline header where month headers overlapped when the last day of the month was not displayed.
• We fixed an issue where the resolutionVertical property of the view option was not taken into account in Vue.
• We fixed the external drop to don't delete the event from the source calendar, if dropped on an invalid location.
• We fixed an issue where the calendar was navigated to the wrong date after changing the view.
• We fixed an issue where the onEventDragEnd event was not firing if only external drag was enabled on the calendar.

What's New

Eventcalendar

FIXED

• We fixed the external drag which was not working correctly on the calendar view.

What's New

All Components

FIXED

• We fixed a bug in the recurring rule parsing logic that disregarded the until dates time part.

Agenda

NEW

• We are adding templating to the agenda empty view through the renderAgendaEmpty function (React/jQuery/Javascript), agendaEmptyTemplate (Angular) and agendaEmpty slot (Vue).

FIXED

• We fixed the scroll to day feature which was not working correctly after changing the view in Angular.

Datepicker

FIXED

• We fixed the calendar cell layout with week numbers displayed.
• We fixed an error which was thrown when opening animation was set to false.
• We added missing props to the Vue component: calendarType, calendarScroll, pages, showOuterDays, showWeekNumbers.

Dropcontainer

NEW

• We added a new Dropcontainer component that can be used to drop events dragged out from an event calendar.

Eventcalendar

NEW

• We added the dragInTime option for fine grain control over the allowed drag & drop interactions.
• We added the resize and dragI`nTime properties to the events to control the allowed drag & drop interactions on individual events.
• We added the externalDrag option that enables events to be dragged out from the calendar and dropped onto another calendar or any dropcontainer.

Forms

FIXED

• We fixed the disabled option of the Angular checkbox component to accept boolean values instead of strings.

Popup

FIXED

• We fixed an error which was thrown when opening animation was set to false.

Scheduler

NEW

• We added the dragInTime and dragBetweenResources options for fine-tuning the allowed drag & drop interactions.
• We added the resize, dragInTime and dragBetweenResources properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventResize, eventDragInTime and eventDragBetweenResources properties to the resources to control allowed drag & drop interactions on a resource basis.
• We added the externalDrag option that enables events to be dragged out from the scheduler and dropped onto another instance or any dropcontainer.

Select

FIXED

• We fixed the display of disabled items after dynamically updating the invalid option.
• We fixed the filter option which was not working in Vue.
• We fixed the v-model value binding for Vue.

Timeline

NEW

• We added the dragInTime and dragBetweenResources options for fine-tuning the allowed drag & drop interactions.
• We added the resize, dragInTime and dragBetweenResources properties to the events to control the allowed drag & drop interactions on individual events.
• We added the eventResize, eventDragInTime and eventDragBetweenResources properties to the resources to control allowed drag & drop interactions on a resource basis.
• We added the renderHour / renderHourFooter and hourTemplate / hourFooterTemplate options for custom time content rendering in the timeline header and footer.
• We added the renderWeek / renderWeekFooter and weekTemplate / weekFooterTemplate options for custom week content rendering in the timeline header and footer.
• We added the renderMonth / renderMonthFooter and monthTemplate / monthFooterTemplate options for custom month content rendering in the timeline header and footer.
• We added the renderYear / renderYearFooter and yearTemplate / yearFooterTemplate options for custom year content rendering in the timeline header and footer.
• We added the externalDrag option that enables events to be dragged out from the timeline and dropped onto another instance or any dropcontainer.

FIXED

• We fixed the display of event connections in Vue.

What's New

All Components

FIXED

• We fixed the updateRecurringEvent to don't mutate the updatedEvent input parameter.

Timeline

FIXED

• We fixed an issue where the timeline entered into infinite rendering with custom event templates at certain screen sizes.

What's New

All Components

NEW

• We introduced support for Vue 3, shiping full framework integration with native components.

FIXED

• We updated the long date format for the Arabic, Bulgarian, Farsi, French, Hebrew, Hindi, Italian, Polish, Serbian and Thai localizations.

Datepicker

FIXED

• We fixed the date parser to use the year, month and day of the default value (or today's date, if not specified), when parsing time strings.
• We added the missing dayNamesMin input option to the Angular component.

Forms

FIXED

• We fixed an issue where detached DOM elements were retained after destroying the Input, Dropdown, Textarea, Stepper and Switch components in JavaScript and jQuery.

Scheduler

FIXED

• We fixed the display of min and max dates, which did not appear as invalid on the scheduler.

Select

FIXED

• We fixed the styling of the filter input which did not inherit the specified theme variant (light or dark).

Timeline

FIXED

• We fixed an issue where some events were not displayed correctlty after changing the timezone dynamically.
• We fixed the width of the date columns when using daily vertical resolution.
• We fixed the display of min and max dates, which did not appear as invalid on the timeline.
• We fixed an issue where the timeline entered into infinite rendering with custom event templates at certain screen sizes.

What's New

Scheduler

FIXED

• We fixed an issue where the length of the all-day events was not calculated correctly.

Timeline

FIXED

• We fixed the dragging of external all-day events, which was not working correctly.
• We fixed an issue, where creating events with external drag & drop was possible on resources with event creation turned off.
• We fixed the scroll to time feature, to scroll to the beginning of the day, when whole days are displayed.
• We fixed the vertical dragging of the events, where the scroll got stuck after a while.

What's New

Agenda

NEW

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

FIXED

• We fixed an issue where an extra empty space was displayed above the event times.

Eventcalendar

NEW

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

FIXED

• We fixed an issue where navigating the calendar with an external button did not work, if the selected date was pressed twice.

Scheduler

NEW

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.

FIXED

• We fixed an issue where grouping by resource was lost on dynamic view change.
• We fixed an issue where the header and columns did not align on dynamic view change.

Timeline

NEW

• We added support to store the timezone directly on the event, which takes precedence over the dataTimezone option.
• We added an improvement to keep the visible date and time in view after a dynamic view change.

FIXED

• We fixed an issue where the row heights were not calculated correctly when changing to or from event listing mode.

What's New

Select

FIXED

• We fixed an issue where the picker was not opening when using the Angular or React components (regression introduced in 5.23.1).

Timeline

FIXED

• We fixed the sticky label of the events, when days are displayed vertically and there are no resources.

What's New

Agenda

FIXED

• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Datepicker

FIXED

• We fixed the range selection, when the picker used 2 inputs, it was initialized on the start input and the display was modified using the responsive option.

Eventcalendar

FIXED

• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Forms

FIXED

• We fixed the radio and segmented components which were not working correctly when there was no value specified on the segmented or radio items.

Scheduler

FIXED

• We fixed a layouting issue where the events were overlapping in some cases.
• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.

Timeline

FIXED

• We fixed the shadow of the header for the Material theme.
• We fixed the getEvents and getInvalids methods, which did not handle all-day data correctly.
• We fixed the date columns which were not expanding vertically, if used without resources.

What's New

All Components

NEW

• We made Angular packages available in Ivy format, making it compatible with Angular 16.

FIXED

• We fixed the Today button of the calendar, which did not select today's date correctly.
• We fixed a validation issue, when an invalid range intersected with the minimum date. (#515)

Timeline

NEW

• We are introducing vertical timeline segmentation by day though the resolutionVertical view option.

What's New

All Components

FIXED

• We fixed the compatibility issues with Tailwind CSS, where extra borders were displayed in multiple places.

Agenda

FIXED

• We fixed a styling issue, where the agenda list was visible during scroll in a pixel height strip above the sticky day header on iOS.

Datepicker

FIXED

• We fixed the calendar scrollbar, which was not appearing when needed in year or multiple month view.
• We fixed an issue where the calendar page did not change on next arrow click in case of range selection, after the first day of the next month was selected as start date.

Popup

FIXED

• We fixed an issue where a popup without an overlay couldn't be closed while a toast or snackbar message was visible.

Print module

FIXED

• We open the print dialog a bit later, to allow the complete rendering of the page.

Scheduler

FIXED

• We fixed the renderScheduleEventContent option to make it work with jsx content in React.
• We fixed the current time indicator bullet, which was showing up at the wrong place with the iOS and Material themes.
• We fixed the external event drag, where sometimes the event was not droppable on the all-day section of the scheduler.

Timeline

FIXED

• We fixed the renderScheduleEventContent option to make it work with jsx content in React.
• We fixed the position of the dragged event, when the timeline was set to equal row heights.

What's New

Datepicker

FIXED

• We fixed an issue where the soft keyboard was opening on touch screens when the picker was opened by tapping on the input label.

Eventcalendar

FIXED

• We fixed the calendar weekdays displayed at the wrong place in year view, when used with `labels: 'all'`.

Timeline

FIXED

• We fixed an issue where sometimes an empty area was rendered when switching from a larger view to a smaller one.
• We fixed a rendering issue where the month names overlapped each other when the view started with the last day of a month.
• We fixed the navigateToEvent method, which only worked when called for the first time on the displayed view.
• We fixed an issue with the external drag & drop, where moving the event over the resource column caused the timeline to scroll.

What's New

Datepicker

FIXED

• We fixed an issue with the calendar navigation, where selecting year and month was not possible, when the picker was used within a web component.

Eventcalendar

FIXED

• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

Forms

FIXED

• We made it possible to add a custom id to the segmented and radio controls, instead of the auto-generated one, to avoid differences between client and server side rendered markup.
• We fixed an issue with the Angular textarea component, which threw an error in Jest test environment.

Scheduler

FIXED

• We fixed the cursor time indicator, to hide when the cursor leaves the grid area. We also fixed the positioning, when the main page content was scrolled.
• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

Timeline

FIXED

• We fixed the cursor time indicator, to hide when the cursor leaves the grid area.
• We fixed an issue on touch screens, where onEventUpdateFailed was triggered on event tap, when the event jumped back after dragged over an invalid range.

What's New

Datepicker

FIXED

• We fixed a bug in the setVal method, that was throwing an exception when called with null in case of range selection.

Eventcalendar

NEW

• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.

FIXED

• We fixed a bug where the renderDay and dayTemplate did not receive the events for the day, if labels were not displayed on the calendar view.
• We fixed an issue where the calendar header was flickering in some Angular versions, if all labels were displayed and the calendar had a scrollbar.

Forms

FIXED

• We fixed a bug in the input, dropdown and textarea components, which sometimes resulted in error inside an Angular test environment when destroy was triggered.

Scheduler

NEW

• We added the currentTimeIndicator property to the view option that controls whether the current time indicator of the scheduler is visible or not.
• We added the eventCreation property to the base resource object, which can be used to enable/disable event creation on specific resources.
• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.

FIXED

• In case of days without events, we now pass an empty array to the renderDay and dayTemplate instead of undefined.

Timeline

NEW

• We added the currentTimeIndicator property to the view option that controls whether the current time indicator of the timeline is visible or not.
• We added the eventCreation property to the base resource object, which can be used to enable/disable event creation on specific resources.
• We added the possibility of customizing the resource row with CSS by using the .mbsc-timeline-row class. E.g. increasing or decreasing the row height.
• We added the possibility of customizing the parent resource row with CSS, by using the .mbsc-timeline-parent class. E.g. increasing or decreasing the row height specifically for parent resources.
• We added the possibility of customizing the remaining empty space in the resource row below the rendered events, by using the .mbsc-timeline-row-gutter class. E.g. completely removing the extra space below the events.
• We added highlighted styling for today's date, week, month or year, depending on the resolution used.
• We added the action argument to the onEventDragStart lifecycle event, which will be 'create', 'resize' or 'move', depending on the user action. This will help determine the action the drag event was triggered from.
• We added templating support for the empty cell below the resource column through the renderResourceFooter and resourceFooterTemplate options.
• We added the renderDayFooter and dayFooterTemplate options for rendering a custom footer below the timeline day cells.
• We added the renderSidebar and sidebarTemplate options for rendering a custom sidebar at the opposite end (to the resource) of the timeline.
• We added templating support for the empty cell above the sidebar column through the renderSidebarHeader and sidebarHeaderTemplate options.
• We added templating support for the empty cell below the sidebar column through the renderSidebarFooter and sidebarFooterTemplate options.
• We added the onResourceExpand and onResourceCollapse lifecycle events, triggered when a parent resource is expanded or collapsed.

FIXED

• In case of days without events, we now pass an empty array to the renderDay and dayTemplate instead of undefined.
• We fixed an issue where data (event, invalid or color) was not appearing on the timeline if it started before the current view and ended right on the start of the view, with exclusiveEndDates turned off.

What's New

Agenda

FIXED

• We fixed an issue where the agenda list was not refreshed after changing the view.
• We fixed an issue where the agenda wasn't scrollable if changed from scheduler view.

Datepicker

FIXED

• We fixed the calendar header which did not appear in the Angular component (broken in 5.21.0).
• We fixed a bug that prevented the navigation buttons to work in the case of range selection when used together with the minRange option.
• We fixed a bug that came up while switching between all-day and non all-day dates with timezones and resulted in setting the time part to an incorrect value.
• We improved on range selection with timezones to work better with the Eventcalendar when switching between all-day and non all-day event dates.

Timeline

FIXED

• We fixed an issue where the timeline columns were not always streched properly to fill the available width.
• We fixed the display of the event resize handles in event listing mode for the Material and Windows themes.

What's New

All Components

FIXED

• We fixed the trial version, which broke in 5.21.0.

Select

FIXED

• We fixed the select filter, which broke in 5.21.0.

What's New

Forms

NEW

• We added component based notifications (Alert, Confirm, Prompt, Toast, Sanckbar) for React, to prevent ReactDOM.render warning in React 18.

FIXED

• We fixed the default value of the prompt input, the value option was not passed to the input.

Timeline

NEW

• We added support for weekly, monthly and yearly column resolutions.

FIXED

• We fixed the display of the colors and invalids, when the range started outside of the displayed view.

What's New

Datepicker

FIXED

• We fixed an issue where specifying an initial value for the time picker resulted in an infinite loop in Angular.
• We fixed an issue where the hover states of calendar days got stuck in Angular, when closing and reopening the picker.

Eventcalendar

FIXED

• We fixed an issue where navigating the view with custom buttons was not animated.

Forms

FIXED

• We fixed the typescript type of the segmented value to accept any type, not just string.

Scheduler

FIXED

• We fixed an error when an external drag was started and one of the receiving calendars was hidden.
• We fixed an issue with drag & drop on touch devices, where tapping on the event after dropping it on an invalid range resulted in an error.

Timeline

FIXED

• We fixed an error when an external drag was started and one of the receiving calendars was hidden.
• We fixed the event positioning on drag, when the event was jumping to the top row when it was assigned to multiple resources.

What's New

All Components

FIXED

• We fixed the React Draggable component used for external drag & drop, which if rendered conditionally was not working in React 18 strict mode.
• We fixed the responsive option to work with React SSR (server side rendering).

Agenda

NEW

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.

Eventcalendar

NEW

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.

Forms

FIXED

• We fixed the notifications, which resulted in an error, when called from useEffect or componentDidMound in React.

Scheduler

NEW

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.
• We added the cssClass property to colors that can be used to customize the background of cells and time ranges.
• We added the cssClass property to the invalid object for passing custom CSS classes on case by case basis for customizing the background and label.

FIXED

• We fixed a bug where the resource id was not passed to the dayContentTemplate in Angular.

Select

FIXED

• We fixed an issue, where the initially selected value was lost, if used on a native HTML select.

Timeline

NEW

• We added the cssClass property to the event model that can be used to pass custom CSS classes on an event to event basis. Useful for quick styling adjustments of the event container.
• We added the cssClass property to colors that can be used to customize the background of cells and time ranges.
• We added the cssClass property to the invalid object for passing custom CSS classes on case by case basis for customizing the background and label.
• We added the `renderDay and dayTemplate options for custom day content rendering in the timeline header.
• We improved the event positioning on interaction (drag/resize/create) where the modified event will remain on the same horizontal track when moved around instead of jumping to the top of the row.

FIXED

• We fixed the vertical virtual scroll where virtual pages were loaded too late, causing an empty area being visible at the bottom in some cases.

What's New

All Components

FIXED

• We fixed an issue which caused a compilation error with typescript >= 4.8.0.

Datepicker

FIXED

• We fixed an issue where dynamically changing the number of displayed month caused the picker to jump to a different year.
• We fixed an issue where it was possible to navigate outside of the specified min and max dates from the header navigation.
• We fixed the month name display in the calendar header in week view, when navigating from the header navigation.
• We fixed an issue where the datepicker was not closed if another datepicker was opened and the showOnFocus option was enabled.

Eventcalendar

FIXED

• We fixed the minimum height of the calendar view to display at least 2 labels when using the Windows theme in desktop mode.

Print module

FIXED

• We fixed a styling issue, where the header days were not properly aligned with the grid columns, if the grid had vertical scrollbar.

Scheduler

FIXED

• We fixed the alignment of the all-day text for the Material theme and in RTL mode for all other themes.

What's New

Datepicker

FIXED

• We added the missing exclusiveEndDates input option to the Angular component.
• We fixed the styling of the multiple month and year view, where on certain sizes we displayed too many months in a row, causing the day week headers not aligning properly with the day columns.
• We fixed an issue, when the end date displayed in the input field was before the start date, when timezones were used.

Eventcalendar

FIXED

• We fixed the styling of the multiple month and year view, where on certain sizes we displayed too many months in a row, causing the day week headers not aligning properly with the day columns.

Forms

FIXED

• We fixed an issue where the prompt dialog closed automatically if the input was autofilled with a value.
• We fixed the styling of the stepper input, where the native spin buttons were visible in Firefox.

Popup

FIXED

• We fixed an issue where the popup threw an error in React 18 strict mode, if it was displayed initially open.

Scheduler

FIXED

• We fixed an issue with the cursor time indicator, which caused an error in Angular, if drag options were enabled dynamically.

Timeline

FIXED

• We fixed an issue where the timeline was rendered incorrectly when changing the rtl option dynamically.
• We fixed an issue with the cursor time indicator, which caused an error in Angular, if drag options were enabled dynamically.
• We improved the vertical spacing of the events to fix the display of the connection lines.

What's New

Agenda

NEW

• We added the navigateToEvent method which can be used to move the view to the specified event.

Datepicker

FIXED

• We fixed an issue where the picker was not opening with Android TalkBack.

Eventcalendar

NEW

• We added the navigateToEvent method which can be used to move the view to the specified event.

FIXED

• We fixed the updateRecurringEvent util function to don't override the start date of the original recurring event.

Print module

NEW

• The document title will be used as default file name when saving the print as pdf in supported browsers.
• We added dynamic page breaks to avoid cutting rows in half.

FIXED

• We fixed a FOUC issue when opening the print popup window
• The Prev, Next and Today buttons are now hidden in the calendar header when printing.
• We fixed an issue where some resources were not showing up when printing the timeline component.
• We fixed an issue in angular that prevented printing of more than one page from the timeline component.
• We fixed a missing right border on the calendar view when printing the page.

Scheduler

NEW

• We added the navigateToEvent method which can be used to move the view to the specified event.
• We added a cursor indicator which displays the time where the cursor is positioned in the time labels section. In case of event drag & drop it will display the start/end time of the updated event.

FIXED

• We fixed an issue where the day view was not loaded correctly if the specified startDay was different than the first weekday specified by the locale options.
• We fixed the today button which scrolled to the wrong time if the display timezone was different from the local timezone.

Select

FIXED

• We fixed an issue where the picker was not opening with Android TalkBack.
• We added the missing invalid option to the Angular component.

Timeline

NEW

• We added event connection support. Events can be linked with lines, optionally with arrows to illustrate the direction of the connection.
• We added the navigateToEvent method which can be used to move the view to the specified event.
• We added a cursor indicator which displays the time where the cursor is positioned in the time labels section. In case of event drag & drop it will display the start/end time of the updated event.

FIXED

• We fixed an issue where an extra resource row was rendered if a resource had an empty array as children.
• We fixed SSR issues, where the markup coming from the server was different compared to the markup rendered by the client.
• We fixed an issue where event drag got stuck, if the event was dragged on a longer distance while scrolling.
• We fixed the today button which scrolled to the wrong time if the display timezone was different from the local timezone.

What's New

All Components

FIXED

• We fixed a bug that resulted in an javascript error when the luxon library was used above version 2 with the target environment above ES5.

Calendar integrations

FIXED

• We fixed the Google Calendar integration to store the auth tokens between page reloads.
• We fixed the Google Calendar integration to request a new token once the old one expired.

Eventcalendar

FIXED

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.
• We fixed an issue where the onEventClick and onLabelClick events were not fired in Safari with Angular, if the event text was clicked.

Scheduler

FIXED

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.

Timeline

FIXED

• We fixed an issue where today's date was wrongly calculated if the date was different in the specified displayTimezone compared to the browser's local timezone.

What's New

All Components

FIXED

• We fixed the updateReccurringEvent util function to handle the new recurring features.

Datepicker

FIXED

• We fixed an issue where the start and end input initial value was not picked up by the datepicker on initialization in the case of plain JavaScript and jQuery
• We fixed a parsing issue when entering white space resulted in 1st January 1970 instead of empty value.
• We fixed the type of the onActiveDateChange event. The instance parameter was missing from the type definition, which gave an error when using typescript.
• We fixed an issue with range selection where the calendar navigated away from the start selection to the current month when minRange was more than one day.

Eventcalendar

FIXED

• We now export the MbscCalendarColor type.
• We fixed an issue where the cell borders were not displayed consistently in variable row mode on small screens.

Popup

FIXED

• We fixed an issue where the popup was not always closed on outside click, if other popups (like tooltips) were also displayed while the popup was open.

Scheduler

FIXED

• We fixed an issue where the selected day was not displayed in the header in single day mode, if the resources were changed dynamically.
• We fixed an issue where the navigation days were not displayed in single day mode, even if explicitly specified inside the view option.

Select

FIXED

• We added the missing showInput option to the angular select component.

Timeline

FIXED

• We fixed an issue where the timeline crashed with an error, if the screen width was smaller than the resource column width.
• We fixed an issue where the timeline did not re-render correctly when the view was changed dynamically in Angular.
• We fixed an issue where event validation against invalid ranges was not working correctly for ranges spanning across multiple days.
• We speeded up the rendering when slots were used on large views with lot of events.
• We fixed the drag & drop of multi-day events, when used with slots.

What's New

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.

What's New

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.

What's New

Calendar integrations

FIXED

• We added the pageSize option to the Outlook calendar integration, to be able to retreive more than 10 events. It defaults to 1000, which is the possible maximum.

Datepicker

FIXED

• We fixed a bug that caused an invalid range when switching between datetime and date range selection when the exclusiveEndDates option was on.
• We fixed a bug that prevented the changing of the start date when editing an already selected value on the calendar with the exclusiveEndDates option turned on.
• We fixed a bug, where the exclusiveEndDates option was not taken into account when the invalid and valid options were processed.
• We fixed an issue where the datepicker was throwing an error and could not be opened again after hitting the cancel button if the timegrid control was used.
• We fixed a bug where the selected time was not scrolled into the view when the picker opened in the case of the timegrid control.

Eventcalendar

FIXED

• We fixed an issue with the year view, where the onCellClick event was wrongly fired, and displayed the event popover, when selecting a year from the header navigation popup.
• We added an export for the MbscRecurrenceRule typescript type.

Forms

FIXED

• We fixed the segmented group component, to take the className option into account.

Scheduler

FIXED

• We fixed the time formatting to take the amText and pmText options into account.

Select

FIXED

• We fixed the selectMultiple option, which was not working in Javascript/jQuery, when initialized on a select element.

Timeline

FIXED

• We fixed the styling of the events in listing mode, where the text ellipsis ran outside of the event boundaries in case of long titles.
• We fixed the time formatting to take the amText and pmText options into account.
• We fixed the horizontal virtual scroll, where in some cases days were missing on very large screens.

What's New

Agenda

FIXED

• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Datepicker

FIXED

• We fixed an issue where the selected value was returned in UTC instead of the specified dataTimezone, when used with the momentTimezone plugin.
• We fixed the timegrid control to take timezones into account.
• We fixed an issue where the value on the picker was not updated correctly on dynamic timezone change, in inline display mode.

Eventcalendar

FIXED

• We fixed an issue with the multiple month view, where the months were unnecessarily re-rendered on day click, causing the event popover pointing at the wrong place.
• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Scheduler

FIXED

• We fixed an issue where the getEvents method did not return events that didn't have and end date.

Timeline

FIXED

• We fixed the resource property of the onCellClick, onCellDoubleClick and onCellRightClick events in Angular.
• We fixed an error that occurred for multi-level hierarchies when expanding resources.
• We fixed an issue where the events were not always properly rendered if they started outside of the view, or the start of the event was dragged outside of the view.
• We fixed an issue where the getEvents method did not return events that didn't have and end date.

What's New

All Components

NEW

• We have added three shaking to the styles, using SASS variables.

Calendar integrations

FIXED

• We fixed the scopes option for the Google calendar integration, which was not taken into account after the migration to the new auth service.
• We fixed an error with the Google calendar integration, when used with public calendars without clientId specified.

Datepicker

FIXED

• We improved the Angular component to init the date picker controls without any latency.

Eventcalendar

NEW

• We added the eventDelete option that can be used to enable or disable event deletion independently of the clickToCreate or dragToCreate options.
• We added the updateRecurringEvent helper function for editing recurring events. The function returns the updated event and the new event based on the configuration.

FIXED

• We fixed the event width calculation which was not always correct in year or multiple month view.

Timeline

NEW

• We virtualized the horizontal scrolling of the timeline, resulting in performance boost when working with long time periods.
• We changed how scrolling works and how the timeline grid is being rendered. This serves as a prerequisite for full timeline virtualization.

FIXED

• We fixed an issue where the title of all-day invalids was not displayed.

What's New

All Components

FIXED

• We fixed an issue where a canvas error was thrown in the React testing environment if some extra testing packages were not installed.

Calendar integrations

FIXED

• We updated the deprecated Google Auth2 library used for the calendar integrations sign in with the new Google Identity Services.
• We added support for passing Google/Outlook specific event properties to the calendar integrations add and update methods.

Datepicker

FIXED

• We improved the accessibility of the calendar by focusing on the selected day when the calendar is opened.
• We improved on the accessibility of the calendar control by adding the aria-selected attribute and button role for calendar days.

Eventcalendar

FIXED

• We improved on the accessibility of the calendar view by adding the aria-selected attribute and button role for calendar days.

Scheduler

FIXED

• We fixed the scroll to date feature that was not working correctly when horizontal scrolling was necessary.

Segmented

FIXED

• We fixed an accessibility issue for voiceover where the segmented items were read like buttons.

Timeline

FIXED

• We fixed an issue where drag & drop was not working correctly with collapsed resource groups.

What's New

Datetime

FIXED

• We fixed types for the mbsc-date, mbsc-time and mbsc-datetime directives for the `strictTemplates: true` compiler option.

Forms

FIXED

• We fixed an issue, where the css classes on Mobiscroll React Components were missing and didn't update correctly when using Internet Explorer 11.

Navigation

FIXED

• We fixed the keyboard support for the navigation component.

Numpad

FIXED

• We fixed the invalid option for the decimal numpad, which was throwing an error if there was no initial value.

Select

FIXED

• We fixed an issue, where the text of the selected item disappeared when using custom remote filtering.

What's New

All Components

FIXED

• We fixed the 'Today' translation for Portuguese, and the 'End' translation for all languages.

Datepicker

FIXED

• We fixed an bug in the calendar that incorrectly slid the multi-mont view, if a selection was not made from the first month.
• We fixed an issue which caused a runtime error when the calendar was used with the timegrid in Angular.

Eventcalendar

FIXED

• We fixed an issue where the event argument of the onEventDragStart and onEventDragEnd events was not set.
• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

Scheduler

FIXED

• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

Select

FIXED

• We fixed the dropdown option, which was supposed to hide the dropdown arrow icon on the input, when set to false, but it was not working.

Timeline

FIXED

• We fixed an issue where an error was thrown, when opening a parent resource, which was initially collapsed.
• We fixed an issue where the onEventDragStart and onEventDragEnd events were incorrectly fired when an event was created with click or double click.

What's New

Agenda

FIXED

• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

Datepicker

NEW

• We added a new valid option, that can be used instead of the invalid option to set valid dates, times, ranges instead of invalidating values.

FIXED

• We fixed an issue, where the timezone plugins couldn't be imported from packages that only contained the Datepicker component.
• We exported the MbscPopupDisplay option, which was not reachable before. This is necessary if the display is set dynamically.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.
• We fixed an issue on the date wheel, where the 'D' letter from the week day name was incorrectly replaced with the date number.
• We fixed an issue with time validation, where some hours were not displayed as disabled in 24 hour format if the min/max options were also used.
• We added the aria-hidden attribute on the calendar months that are out of view.
• We fixed the value parsing which was not working in case of the 'preset-range' selection mode.

Eventcalendar

NEW

• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

FIXED

• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

Scheduler

NEW

• We added support for displaying the time tracks in multiple timezones at the same time. The timezones can be listed using the timezones property of the schedule object under the view option.
• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

FIXED

• We fixed the height of the events ending exactly at daylight saving time.
• We fixed the navigate function to correctly scroll to the selected date horizontally if it's out of view.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

Timeline

NEW

• We added the year view type to the timeline, which can be used instead of `type: 'month'` and `size: 12`.
• We added the onEventDragStart and onEventDragEnd lifecycle events which are triggered when an event is being dragged. This applies to both on-calendar events and external (to-be-created) events.

FIXED

• We fixed the width of the events ending exactly at daylight saving time.
• We fixed the sticky day/month/week labels which did not work after opening/collapsing resource groups or after changing the resources in Angular.
• We fixed an issue in React 18, where the year and multi-year views were not correctly removed from the markup after animation. This made the component unusable.

What's New

Calendar integrations

NEW

• We added support for loading public Google calendars, without the need for authentication.

FIXED

• We fixed an error which occurred if the loaded Google calendar was not present on the calendar list of the user.
• We fixed the type definition of the Google calendar integration to accept the apiKey option.

Datepicker

FIXED

• We fixed the localization of month names in multiple month view in Angular.
• We fixed the calendar styling which did not expand to full width in bottom mode in Angular.
• We fixed the parsing of the input value, which was not working if timezones were used.

Eventcalendar

FIXED

• We fixed the localization of month names in multiple month view in Angular.
• We fixed the length of the recurring event occurrence in case of all-day events, which, depending on the end time, was shown one day longer or shorter on the day of daylight saving change.
• We improved and simplified the calculation of the event label widths, which was not exactly accurate on the print view.

Select

FIXED

• We fixed an issue where the input value was not updated if the text of the selected value has been changed.

Timeline

FIXED

• We fixed the event length calculation on the days of daylight saving change.

What's New

All Components

FIXED

• We fixed a runtime error in Angular, which occured if the reflect-metadata package was also used in the project.

Agenda

FIXED

• We fixed an issue where the agenda scroll was jumping, if selectedDate was used in controlled mode in React.

Datepicker

FIXED

• We fixed the validation, which did not work correctly when single date wheel was used on the date scroller. Recurring invalids were only loaded for the next and previous months from the initial date.
• We improved compatibility with Ionic input to make it work correctly with floating labels and trigger the ionChange event as well.
• We added aria-label attributes to the next and previous buttons on the calendar.

Eventcalendar

FIXED

• We added the missing label and labels properties to the MbscLabelClickEvent interface.
• We added aria-label attributes to the next and previous buttons on the calendar.
• We fixed an issue where the selected date was not displayed correctly when timezones were used.

Forms

FIXED

• We fixed an issue where it was not possible to uncheck a radio button in jQuery and Javascript.
• We improved the accessibility of the segmented item by allowing to specify aria-label for icon-only items.

Scheduler

FIXED

• We fixed the the event positioning logic for external drag & drop that still ended up in an error, when the external event was dragged from the right side.
• We fixed an issue where some occurrences of weekly recurring events were skipped.
• We fixed the date argument of the onCellClick event, which was incorrect on the day of daylight saving start or end.

Timeline

FIXED

• We fixed the resize in event listing mode and for all-day events, if there was no end date specified.
• We fixed an issue where some occurrences of weekly recurring events were skipped.
• We fixed the date argument of the onCellClick event, which was incorrect on the day of daylight saving start or end.
• We fixed the drag & drop of all-day events, where the day boundaries were not respected.

What's New

All Components

NEW

• We added a new calendar integration plugin that comes with Google Calendar and Outlook Calendar integration for syncing, loading, reading and writing events and calendars. Let your users sync with their personal and work calendars.

FIXED

• We fixed the yearly recurrence, which was not working correctly if month was not explicitly specified, now it takes the month of the event start.
• We fixed the weekly recurrence, which was not working if week day was not explicitly specified, now it takes the week day of the event start.
• We fixed the date parser to accept ISO8601 basic format as well (e.g. '20210214T1000' as well, not just '2021-02-14T10:00').

Datepicker

NEW

• We added support for timezones. The dataTimezone and displayTimezone options enable you to store the value in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

FIXED

• We fixed a bug in case of the range selection, when the same range was selected twice, the end date time part was jumping to the end of the day.
• We fixed the bottom display on iOS 15 Safari, where there was an extra space under the picker.
• We fixed the time grid css style loading that didn't take the included themes in account.

Eventcalendar

FIXED

• We fixed the occasional initial flash of styling in desktop mode.
• We fixed a bug in the year view where the first month wasn't always January after dynamically switching from timeline or scheduler.
• We fixed the lastDay argument of the onPageLoading and onPageLoaded events, which was not correct in case of the year view.
• We fixed the year view that appeared incorrectly in the Windows theme.

Forms

FIXED

• We fixed the stepper css style loading that didn't take the included themes in account.

Scheduler

FIXED

• We fixed the the event positioning logic for external drag & drop that ended up in an error in some cases.
• We fixed the drag & drop, which worked incorrectly in day mode with resources.

Select

FIXED

• We fixed the bottom display on iOS 15 Safari, where there was an extra space under the picker.

Timeline

FIXED

• We fixed the the event positioning logic for external drag & drop that ended up in an error in some cases.
• We fixed the resize and drag & drop, where day boundaries were incorrectly calculated for all-day events and in event listing mode.

What's New

Agenda

FIXED

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Eventcalendar

FIXED

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Forms

FIXED

• We fixed an issue where the button was not initialized correctly on span or a elements in jQuery/Javascript.

Scheduler

FIXED

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

Select

FIXED

• We fixed an issue, where the users were able to type into the select input (broken in 5.14.0).

Timeline

FIXED

• We fixed the header navigation picker styling for the Windows theme (broken in 5.14.0).

What's New

Datepicker

NEW

• We added the inputTyping option that can be used to allow typing into the input field in desktop mode even if the date picker is shown. This is on by default and can be turned off by setting the inputTyping option to false.

Eventcalendar

NEW

• We added the originEvent property to the onEventCreate and onEventCreateFailed lifecycle events when working with recurring events.
• The newEvent and oldEventOccurrence properties got added to the onEventUpdate and onEventUpdateFailed lifecycle events that can come in handy when working with recurring events.
• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added dynamic row height support that expands the height of the rows depending on the number of events. This feature can be turned on by setting `labels: 'all'`, or `labels: 5` property of the view option. This makes displaying all events or up to x events possible.

FIXED

• We fixed a bug that occurred for certain time zones and broke the event label rendering.

Forms

FIXED

• We fixed the notification css style loading that didn't take the included themes in account.
• We improved the accessibility by adding the aria-disabled attribute on disabled buttons.

Scheduler

NEW

• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added support for monthly schedule views.
• We added support for defining the visible days through the startDay and endDay properties. Days outside of the the start-end range will be hidden.

FIXED

• We fixed a bug that made some one day events (with start date only) become two day events on drag.
• We fixed a number of rendering issues in IE11.

Timeline

NEW

• We added the mbsc-readonly-event css class to the fixed events so that custom styling can be applied to these read-only events if necessary.
• We added support for defining the visible days through the startDay and endDay properties. Days outside of the the start-end range will be hidden.
• We added support for week numbers in the header. Can be turned on using the weekNumbers property of the view option.

FIXED

• We fixed a rendering bug that happened with overlapping events when event listing mode was turned on dynamically.
• We fixed a number of rendering issues for IE11.

What's New

All Components

FIXED

• We added missing type declarations for the jQuery version, so chaining jQuery selector functions now work with proper typings.

Datepicker

FIXED

• We fixed the minRange and maxRange options to take into account the time differences when daylight savings change.
• We fixed in issue where the calendar swipe got stuck after a while on some Android devices.
• We fixed a styling issue that prevented the calendar to show up in Internet Explorer 11.

Scheduler

FIXED

• We fixed an issue where an event ending at 00:00 appeared on the next day as well, filling the whole day.

Timeline

FIXED

• We fixed an issue where all-day invalid ranges (without specified start and end time) were not displayed.
• We fixed the display of all-day events, where the overlap was not checked correctly, and the width was not correct for events ending outside of the view.

What's New

Datepicker

FIXED

• We fixed an issue where the start and end inputs did not work correctly for the range picker in Angular.
• We fixed an issue where using the date picker on ion-input did not work correctly in Angular.

Select

FIXED

• We fixed the ARIA labels on the select items.
• We fixed the keyboard arrow navigation of the group select.

What's New

Agenda

FIXED

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.

Datepicker

FIXED

• We fixed the selected line on the date & time scroller, which was hidden in desktop mode with the Material theme.
• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed an issue where the screen remain locked if the date input was double clicked in Angular.
• We fixed an issue where the picker did not work correctly on Safari, when used with IonInput in Ionic React.
• We fixed the vertical calendar scroll, which broke in v5.13.0.

Eventcalendar

FIXED

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed an issue, where the target was not set correctly inside the onEventCreated and onEventUpdated events, when custom label rendering was used.
• We fixed the deletion of recurring events, where the created exception date was not correct.
• We fixed an issue where the updated event was not re-rendered immediately when using the updateEvent method in jQuery and plain javascript.
• We fixed the vertical calendar scroll, which broke in v5.13.0.

Scheduler

FIXED

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed the deletion of recurring events, where the created exception date was not correct.

Timeline

FIXED

• We fixed the navigation and title in case of custom header, which was not updated in jQuery and plain javascript.
• We fixed the deletion of recurring events, where the created exception date was not correct.
• We fixed the drag & drop validation which was not working correctly if the invalid range was spanning across multiple days.

What's New

Datepicker

FIXED

• We fixed the calendar header, which sometimes did not appear, only after clicking on a day.
• We fixed the multiple month and year view, which appeared incorrectly in Firefox.

Eventcalendar

FIXED

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

Scheduler

FIXED

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

Timeline

FIXED

• We fixed the getInvalids method, which only returned the first invalid object from the given range.

What's New

All Components

FIXED

• We updated the month and day names in the Dutch localization to be consistent with other locale.

Eventcalendar

FIXED

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the enhancement of mobiscroll components inside custom event template in the event popover, which was not working properly in jQuery/Javascript.
• We fixed an issue where the event labels were split on the first day of the month in case of week view.
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.

Forms

FIXED

• We fixed the borders of the iOS underline styled textarea and select in Angular.

Scheduler

FIXED

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the width of the dragged all-day event, which was not always correct.
• We fixed an issue with the navigation in day view, where clicking on a day would load a different week, if the first day of the week was not Sunday, and startDay and endDay was not explicitly set.
• We changed the minimum length of an event to be the value of dragTimeStep during resize, which was hard-coded to 15 minutes. (#494)
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.

Timeline

FIXED

• We fixed the domEvent property of the onEventDelete event argument, which was not correctly set.
• We fixed the sticky resource column which was not working correctly on iOS Safari < 13.
• We fixed an issue, where the events were overlapping each other on initial show, when custom event height was used.
• We changed the minimum length of an event to be the value of dragTimeStep during resize, which was hard-coded to 15 minutes. (#494)
• We fixed an issue where the recurring exception date was not in the correct timezone when editing/deleting a recurring event.

What's New

Agenda

NEW

• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

FIXED

• We fixed the quick navigation label that was wrong for year selection (#493).
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Datepicker

FIXED

• We fixed the quick navigation label that was wrong for year selection. (#493)
• We fixed the time validation, which did not disable some values when there were multiple invalid entries for the same day.
• We fixed the timegrid scroll to the selected value, which was not working properly in Angular with animations module loaded.
• We fixed an issue where the manually entered value was not picked up on the first edit.

Eventcalendar

NEW

• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

FIXED

• We fixed the quick navigation label that was wrong for year selection. (#493)
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Forms

FIXED

• We fixed textarea sizing in case of programmaticall value set in jQuery and JS.
• We fixed the password input padding with toggle icons.
• We fixed the placeholder text for the file input in Angular.

Scheduler

NEW

• We added startDay and endDay support for day view, weekdays outside of start and end days will be skipped upon navigation.
• We added support for multiple day and week views. Set the number of consecutive days or weeks through the size property to the view option.
• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

FIXED

• We fixed the quick navigation label that was wrong for year selection. (#493)
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.

Select

FIXED

• We fixed a bug in angular that prevented the item templates to show up in case of multiple selection on mobile devices.
• We include the getJson util function as well, when the Select is downloaded individually from our Download Builder.
• We fixed a bug in the case of multi selection, where you could remove items from the tag input when the component was disabled.
• We fixed a bug in the case of multi selection, where selected items disappeared from the tag input, when remote filtering was used.

Timeline

NEW

• We added dynamic row height support that expands the height of the resource rows depending on the number of events. This is on by default and can be changed in the rowHeight option by setting it from 'variable' to 'equal'.
• We added startDay and endDay support for day view, weekdays outside of start and end days will be skipped upon navigation.
• We added support for multiple day, week and month views. Set the number of consecutive days or weeks through the size property to the view option. Year views are supported through multiples of months.
• We added print optimized styling for PDF export and printing.
• We added the tooltip property to the event data that overrides the default event tooltip text.
• We added the showEventTooltip option which can be used to hide the native event tooltip.
• We added means to set the reference date for views with custom length ranges. Through the new refDate option, ranges can start from the any date, like the first day of the year or dynamically from the current day.

FIXED

• We fixed the quick navigation label that was wrong for year selection. (#493)
• We fixed the weekly recurring event logic that was wrong in case of repeat intervals greater than one.
• We fixed the resource header template to make the click/tap events run correctly.

What's New

Datepicker

FIXED

• We fixed an issue, where the Set button disabled state was not updated on range end date selection in Angular.

Scheduler

FIXED

• We fixed the display of all-day events in case of resources grouped by date.
• We fixed the positioning of the overlapping events in RTL mode, Angular.
• We fixed the text overflow for short events in Safari.
• We fixed the event resize when resources were used in group by date mode.

Timeline

FIXED

• We fixed the display of colored and invalid ranges spanning across multiple days, which appeared only on the first day, when used together with slots.
• We fixed the display of the dragged event spanning across multiple days, which appeared only on the first day, when used together with slots.
• We fixed an issue where in listing mode, events created with click were spanning across 2 days.

What's New

Datepicker

FIXED

• We fixed the calendar swipe, which was not working in RTL mode (regression introduced in v5.8.0).
• We fixed an issue in the mobile scroller, where the value was not set through the Set button, if the wheels were not moved before.

Eventcalendar

FIXED

• We fixed the calendar swipe, which was not working in RTL mode (regression introduced in v5.8.0).
• We fixed the calendar next page navigation in Angular, which failed if the first day of the next month was selected on the view.

Scheduler

NEW

• We improved the event label rendering to remain sticky on scrolling. This improves the overall UX of the scheduler.

FIXED

• We fixed recurring events, where sometimes an occurrence did not appear on the first or last day of the view.
• We fixed the external drop to prevent overwriting the drag event data when extendDefaultEvent is also used.

Select

NEW

• We added item templating support that enables custom styled content and markup inside the select items. Using the itemTemplate or the renderItem options, depending on which framework you use, you can render any component/element inside the wheels of the select.
• We introduced the group wheel for selects with grouping. Using the showGroupWheel option, the group wheel is rendered containing the labels of the groups to improve navigation in case of long lists.

FIXED

• We fixed the onFilter event. Returning false will now correctly prevent the built in filtering.
• We fixed an issue that prevented value selection on desktop when clicking on items selected through defaults.

Timeline

NEW

• We added templating support for the empty cell above the resource column through the renderResourceHeader and resourceHeaderTemplate options.
• We improved the event label rendering to remain sticky on scrolling. This improves the overall UX of the timeline.
• We introduced a new a horizontal level daily grouping feature called slots. This can be used instead of the continuous timeline for custom time slots and work shifts.

FIXED

• We fixed recurring events, where sometimes an occurrence did not appear on the first or last day of the view.
• We fixed the external drop to prevent overwriting the drag event data when extendDefaultEvent is also used.
• We fixed the navigation logic of the year/month selector from the header to always scroll to the first day of the selected month.

What's New

All Components

FIXED

• We fixed an issue which caused the React server side rendering to fail with the trial version.

Agenda

FIXED

• We fixed the daily agenda rendering where events were not displayed on the day of daylight saving change.

Datepicker

FIXED

• We fixed an issue where the initial calendar view was not updated if min or max was changed dynamically, and there was no selected value.

Forms

FIXED

• We fixed an issue which caused the 'Cannot flush updates when React is already rendering' error in React, when a toast or snackbar was closing.

Popup

FIXED

• We fixed an issue which caused the 'Cannot flush updates when React is already rendering' error in React, if the popup was not closed with a click (e.g. on element hover out, or automatic close with a timer).

Scheduler

FIXED

• We fixed the view rendering to render the days from the same week if startDay and endDay was changed dynamically, e.g. changing from week to work week.
• We fixed the firstDay and lastDay arguments of the onPageLoading, onPageLoaded and onPageChange events to based off of the rendered days rather than the entire week.
• We fixed the 'start-end' validation that is triggered on drag & drop, to allow events starting right at an invalid range ending.
• We fixed the drag & drop in RTL mode, which was not working correctly if there was horizontal scrolling in the view.
• We fixed the scrolling during drag & drop, which was not working correctly in RTL mode.

Select

FIXED

• We fixed an issue which caused the 'Cannot update during an existing state transition' error in React if picker was closed using keyboard (Enter or Esc).

Timeline

FIXED

• We fixed and improved the scrolling performance of the header, which followed the horizontal movement of the timeline body with a visible latency.
• We fixed an erratic behavior of the resource column that happened on iOS 14 and earlier versions of Safari.
• We fixed the scroll to time functionality in RTL.
• We fixed the view rendering to render the days from the same week if startDay and endDay was changed dynamically, e.g. changing from week to work week.
• We fixed the firstDay and lastDay arguments of the onPageLoading, onPageLoaded and onPageChange events to based off of the rendered days rather than the entire week.
• We fixed the 'start-end' validation that is triggered on drag & drop, to allow events starting right at an invalid range ending.
• We fixed the event resize handle touch area on touch devices, so it's easier to grab the resize handles of an event.
• We fixed the scrolling during drag & drop, which was not working correctly in RTL mode.

What's New

Datepicker

NEW

• We added multiple month and year view to the calendar and range picker. Enable it through the calendarType and calendarSize options. Use it to build quarterly views, 6 month views or full year views.
• We have updated the styling of the week numbers.

FIXED

• We fixed the rendering of the labels when outer days were not shown.

Eventcalendar

NEW

• We improved on the rendering of the labels to indicate whether a label continues on the next week or in the next month.
• We added multiple month and year view to the event calendar. Enable it through the calendar.type and calendar.size under the view option. Use it to build quarterly views, 6 month views or full year views.
• We have updated the styling of the week numbers.

FIXED

• We fixed the rendering of the labels when outer days were not shown.

Forms

FIXED

• We fixed the floating labels to render correctly if the initial value is 0.
• We fixed the textarea sizing, which was not working correctly in Angular on programatic value change.

Popup

FIXED

• We fixed a quirky issue that happened in Safari. Whenever a picker was opened from within a popup the page got scrolled to top when closing the popup.

Scheduler

FIXED

• We fixed scroll to time in React strict mode. This happened for development builds when calling the navigate function.
• We fixed the rendering of events where no duration is added.

Select

NEW

• We added support for empty states which enables cancelling and clearing a selection and an initial empty state. This comes as a UX improvement above the native selects in the browsers.

Timeline

FIXED

• We fixed scroll to time in React strict mode. This happened for development builds when calling the navigate function.
• We fixed the display of events with no duration.
• We added a minimum width to events. This fixes the rendering of events where no duration or a very short duration is added.

What's New

Agenda

FIXED

• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Datepicker

FIXED

• We fixed the hovered date styling for range picking, which did not work, if on start date selection the hovered date was after end, or on end date selection the hovered date was before start.

Eventcalendar

FIXED

• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Scheduler

FIXED

• We fixed the external drop to set the resource correctly on the created event.
• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

Timeline

FIXED

• We fixed an issue which caused an AOT build error in Angular 4.
• We fixed the external drop to set the resource correctly on the created event.
• We fixed an issue with the recurring events from and until dates, where timezone was not handled correctly.
• We fixed the ordering of all-day events to take into account the time as well, if specified.

What's New

Agenda

FIXED

• We fixed the date format on the day headers which was incorrect for the following locales: ar - Arabic, bg - Bulgarian, fa - Farsi, fr - French, he - Hebrew, hi - Hindi, it - Italian, ja - Japanese, ko - Korean, lt - Lithuanian, nl - Dutch, sr - Serbian, th - Thai, zh - Chinese.
• We fixed the date header of the day view agenda, if multiple days are displayed.

Datepicker

NEW

• We added preset range selection. It can be enabled with `select: 'preset-range'`. Use it for single or multiple week selection by configuring the firstSelectDay (from Mon-Sun) and selectSize (number of days eg. 3 for three days, 7 for a week or 14 for two weeks).
• We added the onActiveDateChange lifecycle event that is triggered when the start/end selection is being cycled in case of range selection. It is useful when building a custom validation logic and other advanced interactions.
• We added the rangeEndInvalid option that lets users pick an end date on the first disabled date occurring after the start date of the range. This is useful for accommodation booking where the check out date can happen on a day that is already occupied.

FIXED

• We fixed some issues regarding IE11 compatibility in the timegrid control.
• We fixed a bug that caused the datepicker to change the time part of the selection to the default value when using the calendar and time scroller and setting a temporary value prior to selection.

Eventcalendar

NEW

• We added the name of the month to the first day cell to improve navigation. This UX improvement helps users derive the selected month at a glance.

Scheduler

FIXED

• We added the possibility to set the resource of a new event using the extendDefaultEvent option.
• We fixed the navigate method to always scroll to the given date and time.

Select

NEW

• We added better keyboard support for single and multiple selection. You can now navigate the wheel with the arrow keys and select options with space and enter keys.

FIXED

• We fixed the placeholer in the Javascript and jQuery versions.
• We added the missing inline options for the filterPlaceholderText and the filterEmptyText in angular.

Timeline

NEW

• We added start/end time support to the timeline view for setting recurring start and end times. Ranges outside the start and end times will not be generated.
• We improved the scrolling experience of the timeline view and enabled scrolling on the resource list.

FIXED

• We added the possibility to set the resource of a new event using the extendDefaultEvent option.
• We fixed the initial height of the resource row in event listing mode.
• We fixed the navigate method to always scroll to the given date and time.

What's New

Agenda

FIXED

• We fixed an issue where the selected date on the calendar was changed when switching from month view to week view, when the agenda was displayed together with the calendar.
• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

Datepicker

FIXED

• We fixed an issue where the time parts of the selected date, which cannot be selected (e.g. seconds) was not set to 0.

Eventcalendar

FIXED

• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

Scheduler

NEW

• We added a space on the right (or left in RTL) of the events, so a new event can be created on the time slot where an event already exists.

FIXED

• We fixed an issue where the dragged event remained faded when it was tapped on touch screen.
• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.

Timeline

FIXED

• We fixed all-day events rendering when timezones are used. All-day events will ignore timezones, they will be displayed for the whole day in every timezone.
• We fixed an issue where the dragged event remained faded when it was tapped on touch screen.
• We fixed an issue where the colored range title did not appear when used with Angular.
• We fixed an issue where the onEventHoverIn and onEventHoverOut events were not fired.
• We fixed an issue where in case of external drop the event was always set to all-day.

What's New

All Components

FIXED

• We fixed the SCSS file generation, where the order of the rules was incorrect, causing style bugs when the SCSS file was used instead of the CSS.

Datepicker

FIXED

• We fixed an issue in the datepicker, that allowed end times to be selected before the start time when selecting only time ranges.
• We fixed a styling issue where the time scroller wheel was not expanded to full width in desktop mode.
• We fixed a bug that caused the set button to remain disabled even though a value was selected. The problem occured when using the calendar and time controls and having the range labels hidden.
• We fixed an issue, where the placeholder did not appear in case of tag input.

Eventcalendar

NEW

• We added the getEvents method which will return the event data between a given range.
• We added the getInvalids method which will return the invalid values between a given range.
• We added the onEventHoverIn and onEventHoverOut lifecycle events, that enable the creation of custom actions when events are hovered.

Forms

FIXED

• We fixed a styling issue, where the input text SCSS variable was not applied on the input label.

Scheduler

NEW

• We added the title and textColor properties for the colors option to customize the title and the title color of the colored ranges.
• We added the currentResource property for the event data object, which can be used to pass the resource object to the custom event template.
• We added the getEvents method which will return the event data between a given range.
• We added the getInvalids method which will return the invalid values between a given range.

Select

NEW

• We added support for displaying group headers.

FIXED

• We fixed an issue where the change events were not triggered when the select component was initialized on a select html element.
• We fixed an issue, where the placeholder did not appear in case of tag input.

Timeline

NEW

• We added grouping/hierarchy support for the resources. The resource object has two new properties the children property which holds the child resources and the collapsed property determining the collapsed state of the actual group.
• We added the title and textColor properties to the colors option to customize the title and the text color of the colored ranges.
• We added the currentResource property to the event data object passed to the custom event template, which holds the resource where the event is being rendered.

FIXED

• We fixed the form component initialization inside the resource templates in jQuery and plain Javascript.
• We fixed the target argument for the onEventCreated and onEventUpdated events, which was not set properly.
• We fixed an issue, where in week or month view events started on the previous week or month were not displayed.
• We fixed the rendering and drag & drop for all-day events.
• We fixed the min and max options where the time part was not taken into account.

What's New

Datepicker

FIXED

• We fixed the invalid value styling on the date scroller wheels, which got broken in 5.7.0.
• We fixed a styling issue, where the hidden outerdays background color was still shown when using the colors option.

Eventcalendar

FIXED

• We fixed a styling issue, where the hidden outerdays background color was still shown when using the colors option.

Forms

FIXED

• We fixed an issue that prevented the placeholder text to show up on the textarea component in Angular.

Timeline

FIXED

• We fixed an issue, where the timezone options were not taken into account on the timeline view, when a timezone plugin was used.

What's New

All Components

FIXED

• We fixed the global display mode when set through setOptions.

Agenda

FIXED

• We fixed a bug between the agenda and version 2 of the luxon timezone library.

Datepicker

NEW

• We introduced the minTime and maxTime options, that limit the time part of the selection in a recurring manner. Times before minTime and times after maxTime can't be selected on the date picker's time and time grid control. This is useful when limiting opening hours for example.
• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the full content of the calendar cells.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.
• We added the timegrid control that can be used for time selection as an alternative to the scroller and time list, especially useful for appointment booking.

Eventcalendar

NEW

• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the full content of the event calendar cells.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.

FIXED

• We fixed a bug between the event calendar and version 2 of the luxon timezone library.

Scheduler

NEW

• We added the renderDay and dayTemplate options for custom day cell rendering that can be used to customize the headers of the scheduler time grid.
• We added the renderDayContent and dayContentTemplate options to improve on the customizability. These options will be helpful if you only want custom content and don't want to bother with the basic look of the days.

FIXED

• We fixed a bug between the scheduler and version 2 of the luxon timezone library.

Select

NEW

• We added support for filtering values making it easier to use with large datasets. Filtering can be turned on with the filter: true option. It renders a filter input above the values. The filterEmptyText and filterPlaceholderText is localized.

Timeline

NEW

• We introduced event listing, that provides a summary for the timeline. Controlled thoguh the eventList property that is localted under the view configuration settings. This can be used to easily visualize shifts and daily workloads.

What's New

Scheduler

FIXED

• We fixed the event drag & drop on touch devices in Angular where an error was thrown if there was interaction with the events.

Timeline

FIXED

• We fixed the timeline resources column was not scrolling alongside the grid in Angular.
• We fixed the incorrect resource calculation during drag & drop interactions when there was vertical scroll in the grid.

What's New

Scheduler

FIXED

• We fixed a bug in the monthly timeline view that didn't render the last day.

What's New

Agenda

NEW

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

Datepicker

FIXED

• We fixed the disabling of the show/hide animation, which did not work correctly.

Eventcalendar

NEW

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.

FIXED

• We fixed the onCellDoubleClick event, which only worked with clickToCreate enabeled.
• We fixed the mouse cursor styling on empty days.

Scheduler

NEW

• We added exclusive end date support for events, invalids and colors. When enabled using the exclusiveEndDates option, ranges that end on 00:00 will count until the previous day. This option is automatically turned on when working with timezones.
• We added vertical and horizontal auto-scroll to drag & drop. The viewport automatically follows when the event approaches the edge of the scrollable area.
• We added support for displaying events in different timezones. The dataTimezone and displayTimezone options enable you to parse the event data in one timezone, and then display it in another. We use external libraries to handle the timezone information, currently supporting moment-timezone and luxon.
• We added a month view to the timeline.

FIXED

• We fixed the dragTimeStep option, which was not working correctly if was greater than 1 hour.

Select

NEW

• We added multiple select inputs. This brings a new styling to mobiscroll inputs that are linked to multi-select pickers by displaying each selection as separate chips (small containers with text that stand out) on the UI.

FIXED

• We fixed a bug that prevented the value selection when using the select with reactive forms in Angular 9+.

Timeline

NEW

• We added vertical and horizontal auto-scroll to drag & drop. The viewport automatically follows when the event approaches the edge of the scrollable area.

What's New

All Components

FIXED

• We fixed another AOT build error in Angular < 9.

Datepicker

FIXED

• We fixed the default time wheel ordering for the Arabic language.

Eventcalendar

FIXED

• We fixed the `onCellDoubleClick` event which was not firing in jQuery/JS.

Scheduler

FIXED

• We fixed the `onCellDoubleClick` event which was not firing in jQuery/JS.

Timeline

FIXED

• We fixed the `onCellDoubleClick` event which was not firing in jQuery/JS.

What's New

Timeline

FIXED

• We fixed the timeline navigation in Angular, where it always changed the month instead of week or day.
• We fixed the timeline date header in day mode.
• We fixed a build error in Angular.

What's New

Datepicker

FIXED

• We fixed an issue where the selected value was not filled into the input in IE11.

Scheduler

FIXED

• We fixed the event creation with click or double click, where event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
• We fixed a styling problem where the all-day event columns were not aligned with the time grid columns in week view on small screens.

Timeline

FIXED

• We fixed the date header update on dynamic localization change.
• We fixed the event creation with double click, where the created event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
• We fixed the source argument of the event and cell click lifecycle events.
• We fixed the external drop, which did not work correctly for the timeline.

What's New

Datepicker

NEW

• We added the year and year/month picker to the calendar. This can be controlled by setting the dateFormat to year and year with month.
• We added multiple select inputs. This brings a new styling to mobiscroll inputs that are linked to multi-date pickers by displaying each selection as separate chips (small containers with text that stand out) on the UI.

FIXED

• We added the missing moment option in angular, that was required by the returnFormat to support moment objects.
• We fixed the time validation that got broken for custom time steps.
• We fixed the date validation that sometimes incorrectly jumped to values below min, or above max.

Eventcalendar

NEW

• We introduced the timeline view with horizontal time and day rendering and vertical resource listing. The timeline can be enabled and configured through the view option.

FIXED

• We fixed the keyboard navigation to only allow focusing on labels from the visible month.

Scheduler

FIXED

• We fixed the navigation logic that sometimes skipped a week if custom startDay and endDay was used.

What's New

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.

What's New

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 through 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.

What's New

All Components

FIXED

• We fixed the scss deprecation warnings which appeared when used with the new Dart Sass.

Calendar

FIXED

• We fixed a bug, that caused an infinite loop exception in Angular, when the calendar's input field was empty and editable. The exception was thrown right after the calendar was opened.
• We fixed a typo in the Italian day name translation.

Cards

FIXED

• We fixed an issue, where the themeVariant option used on the Card component was unwillingly passed to a div element, which resulted in a warning in React.

Datetime

FIXED

• We fixed a typo in the Italian day name translation (#484).

Eventcalendar

FIXED

• We fixed an issue, where the weekDays and yearChange options were not working if specified inside the responsive option.
• We fixed a typo in the Italian day name translation.

Forms

FIXED

• We fixed an issue with the Stepper component, where the plus button was not disabled when min was equal to max.

Numpad

FIXED

• We improved on the type definitions of the option method. You can now pass options that are specific to the different presets like the decimal or the timespan numpad for example.

Select

FIXED

• We fixed an issue where the Select was not properly destroyed if initialized on an input element with data option.
• We fixed an issue where in desktop mode the first option was partly out of view in case of event row numbers. (#480)

What's New

Datepicker

FIXED

• We fixed an issue where selecting a date on the calendar sometimes broke the swipe and arrow navigation.

Eventcalendar

NEW

• We added the invalidateEvent option to configure the built-in validation of events on create/move/resize. Setting it to 'start-end', invalid ranges can be in bounds of an event, only the event start and end cannot overlap. With strict the event cannot intersect with any invalid range at all.
• We added the eventOrder option to customize the sort order of the events.
• We added the editable property to the event object which disables drag & drop and resize on the event if true.

FIXED

• We fixed an issue where the custom label templates did not receive the formatted start and end times.

Forms

NEW

• We updated the look & feel of the iOS stepper, and improved the styling of the Material and Windows themes.

FIXED

• We fixed an issue in jQuery / Javascript that broke the styling when the original input element had a custom css class.

Scheduler

NEW

• We added the invalidateEvent option to configure the built-in validation of events on create/move/resize. Setting it to 'start-end', invalid ranges can be in bounds of an event, only the event start and end cannot overlap. With strict the event cannot intersect with any invalid range at all.
• We added an improvement so when resources are not passed at all or null or undefined is passed, the resource property of the events are not taken into account and all events are displayed.
• We added the eventOrder option to customize the sort order of the events (all day events only).
• We added the editable property to the event object which disables drag & drop and resize on the event if true.
• We added the timeCellStep and timeLabelStep properties to the view option to control the granularity of the time grid.

FIXED

• We fixed the current time indicator positioning which was a bit off when the horizontal scrollbar was present.
• We fixed the header horizontal scroll in RTL mode.
• We added the missing resource argument to the onCellClick, onCellRightClick, onCellDoubleClick, onEventClick, onEventRightClick, onEventDoubleClick events.
• We removed the min-width from the scheduler when there are no resources specified.

What's New

Agenda

NEW

• We added the source property to the onEventClick, onEventDoubleClick, onEventRightClick, onCellClick, onCellDoubleClick, onCellRightClick events to determine where the click is coming from ('agenda', 'calendar', 'schedule', 'popover').

Datepicker

NEW

• We added scrollbars to the datepicker wheels in desktop mode to make scrolling easier using a mouse.

FIXED

• We fixed an issue where an input change event was unnecessarily fired, when the format of the initial value was different from the format specified by the returnFormat option.
• We fixed an issue where an ngModelChange was incorrectly firing when the value was initially set.
• We removed the hover and focus styles from the calendar labels.
• We fixed an issue where the invalid check inisde a range resulted in an infinite loop in case of yearly recurring invalid values.

Eventcalendar

NEW

• We added the source property to the onEventClick, onEventDoubleClick, onEventRightClick, onCellClick, onCellDoubleClick, onCellRightClick events to determine where the click is coming from ('agenda', 'calendar', 'schedule', 'popover').
• We added the extendDefaultEvent option for being able to dynamically extend the default event created with drag or click.

FIXED

• We fixed an issue where the onEventUpdate event was firing when an event was clicked inside the event popover.
• We fixed an issue where the onEventUpdate event was fired even though no actual changes were made to the event.

Scheduler

NEW

• We added the source property to the onEventClick, onEventDoubleClick, onEventRightClick, onCellClick, onCellDoubleClick, onCellRightClick events to determine where the click is coming from ('agenda', 'calendar', 'schedule', 'popover').
• We added the resources option for displaying multiple resources inside a single schedule instance.
• We added the resource property to the colors, invalid, data options so these can be tied to a specific resource. The property will also be passed to the lifecycle events alongside the other properties.
• We added the groupBy option for grouping the resources.
• We added the extendDefaultEvent option to be able to set properties for an event created with drag or click.

FIXED

• We fixed an issue where the scheduler events were not displayed correctly when used together with the calendar view.
• We fixed an issue where the initially selected date was not highlighted in case of daily schedule.
• We fixed an issue where the onEventUpdate event was fired even though no actual changes were made to the event.

What's New

All Components

FIXED

• We updated the internal virtual dom library (Preact) used for the jQuery and plain Javascript components, which fixes a few rendering issues.

Agenda

NEW

• We added the onEventDoubleClick and onEventRightClick lifecycle events, that enable the creation of custom actions when events are right clicked and double clicked.

FIXED

• We added the missing dateFormatLong option to the Angular component.
• We fixed a typo in the Italian day name translation.

Datepicker

FIXED

• We fixed a typo in the Italian day name translation.
• We fixed the cellCssClass property of the marked and colored options that was not working if labels were also used.

Eventcalendar

NEW

• We added the onCellDoubleClick, onCellRightClick, onEventDoubleClick and onEventRightClick lifecycle events, that enable the creation of custom actions when cells and events are right clicked and double clicked.
• We added support for external drag & drop by using the draggable component and the externalDrop option.

FIXED

• We added the missing dateFormatLong option to the Angular component.
• We fixed a typo in the Italian day name translation.
• We fixed the label display and drag & drop on months/weeks with daylight saving changes.
• We fixed the label drag & drop to correctly keep the original event length during drag.
• We fixed an issue where event creation was not prevented outside of min and max dates.

Forms

NEW

• We added the stepper component.

Page

FIXED

• We fixed the jQuery and plain javascript components to work on elments other than div as well.

Popup

FIXED

• We fixed the positioning of anchored popups on devices with a notch on their display.
• We fixed the popup buttons in anchored and bottom mode on Firefox within the iOS theme.

Scheduler

NEW

• We improved the display of the events to indicate better if the event continues on previous/next days, or before/after grid hours.
• We added the colors option for setting the background of the time grid and day cells.
• We added the onCellDoubleClick, onCellRightClick, onEventDoubleClick and onEventRightClick lifecycle events, that enable the creation of custom actions when cells and events are right clicked and double clicked.
• We added support for external drag & drop by using the draggable component and the externalDrop option.

FIXED

• We added the missing dateFormatLong option to the Angular component.
• We fixed a typo in the Italian day name translation.
• We fixed the label display and drag & drop on months/weeks with daylight saving changes.
• We’ve removed the automatic scroll-to-top behavior on page change. The time grid will keep it’s previous positions and won’t automatically scroll up when the day or week is changed.

What's New

Agenda

FIXED

• We fixed the ISO8601 date string parser to accept timezone offsets without the : character between hours and minutes (e.g.: '2020-03-09T11:00-1100').

Datepicker

FIXED

• We fixed an issue with the defaultSelection option, which could not be updated dynamically.
• We made the moment date object detection more reliable, because it broke the date parsing logic, if a toDate method was added to the String prototype.
• We fixed the ISO8601 date string parser to accept timezone offsets without the : character between hours and minutes (e.g.: '2020-03-09T11:00-1100').

Eventcalendar

FIXED

• We fixed the event creation with drag or click, which worked on disabled days as well.
• We fixed the event creation on touch screens, to remove the temporary event, if creation was rejected inside the onEventCreate event handler.
• We made the moment date object detection more reliable, because it broke the date parsing logic if a toDate method was added to the String prototype.
• We fixed the ISO8601 date string parser to accept timezone offsets without the : character between hours and minutes (e.g.: '2020-03-09T11:00-1100').
• We fixed the navigation with prev/next arrows which did not always work correctly when the first day of the view was disabled.
• We improved on the blocked out day display: if an invalid range starts and ends on the same day, it won't disable the whole day on the calendar view.

Scheduler

FIXED

• We fixed the event creation on touch screens, to remove the temporary event, if creation was rejected inside the onEventCreate event handler.
• We made the moment date object detection more reliable, because it broke the date parsing logic if a toDate method was added to the String prototype.
• We fixed the ISO8601 date string parser to accept timezone offsets without the : character between hours and minutes (e.g.: '2020-03-09T11:00-1100').
• We fixed the end day display of a multi day event where the event still showed up on the grid, even if the end hour was before the grid start hour.
• We fixed an error which was appearing during event drag or resize, when the allDay property of the view option was set to false.

What's New

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.

What's New

Datepicker

FIXED

• We fixed the responsive option which was not working correctly (regression introduced in 5.0.6).

Forms

FIXED

• We fixed the label option type for the Angular switch component, which was set to boolean instead of string;

What's New

Datepicker

FIXED

• We fixed the date & time scroller styling in Angular, which was not expanded to the full width of the picker in bottom display.
• We added the missing value prop binding for the Angular input component.
• We fixed the ancored positioning of the picker in Angular, which was not always correct.

Eventcalendar

FIXED

• We fixed an exception which was thrown when clickToCreate was enabled and labels were not enabled on the calendar.

Forms

FIXED

• We fixed the label option type of the Angualr input component from boolean to string.

Popup

FIXED

• We fixed a bug in the popup which resulted in an error whenever it got closed in Angular 6.
• We fixed the iOS rendering of the buttons and the header for the desktop fullscreen popup (with touchUi: false).

What's New

All Components

FIXED

• We fixed the AOT build for Angular 4 and 5.
• We fixed the scss deprecation warnings which appeared when used with the new Dart Sass.

Agenda

FIXED

• We fixed an issue which caused to display events from other months as well in case of monthly agenda, if calendar view was also displayed.
• We improved the event ordering so that cross-day events not marked as all day will not appear on top.

Datepicker

NEW

• We added the navigate method to programmatically navigate to a date on the calendar.

FIXED

• We fixed an issue which caused an error in Angular 4 and 5, every time the picker was closed.
• We added the missing functionality to parse and propagate the value to the picker, when the value is manually entered to the input field.

Eventcalendar

NEW

• We show the event labels by default instead of just dots, if the calendar view is not combined with agenda or scheduler.
• We added the clickToCreate option to control new event creation with click on desktop.

FIXED

• We fixed an issue which caused the calendar to jump to the wrong date, if number of displayed weeks was changed dynamically.
• We fixed the custom label rendering, which did not work in Javascript and jQuery.
• We added the missing onEventDelete and onEventDeleted events for the Angular component.
• We improved the event ordering so that cross-day events not marked as all day will not appear on top.
• We fixed the display of event labels, to recalculate the number of labels which will fit, when changing between month and week views, or changing week numbers.

Forms

FIXED

• We fixed the toast message styling if theme was not explicitly specified (the global theme was used).

Popup

FIXED

• We fixed an issue which caused an error in Angular 4 and 5, every time the popup was closed.

Scheduler

FIXED

• We added the missing onEventDelete and onEventDeleted events for the Angular component.
• We fixed the all-day invalid display which did not work correctly if the passed all-day invalid object wasn't the first in the list.

What's New

All Components

FIXED

• We fixed a bug in the trial packages that caused the AOT builds to fail in Angular 4 and 5 projects.
• We fixed an issue related to the metadata used by Angular 4 and 5 projects, that caused AOT build errors.
• We fixed an issue, where the import paths in the type definition files were not correct in the case of jQuery and plain JavaScript.
• We extended the type of the setOptions methods parameter to make it accept options that are not common between different components.

Datepicker

FIXED

• We fixed a bug that didn't let the time wheel to go below the start dates time, when selecting the end date in case of range selection.
• We fixed the disabled option, so the Datepicker won't open when clicking on the input and the disabled option is true.
• We fixed a bug that prevented the value to be set to the ngModel, when using the datepicker as a directive in Angular and Ionic.

Eventcalendar

FIXED

• We fixed a bug that resulted in an error in the AOT builds of Ionic 4 apps with Angular 8.

What's New

All Components

FIXED

• We fixed a bug, which caused an exception when a picker was closed programmatically right after open.

Calendar

FIXED

• We improved the calendar previous and next button listeners to use currentTarget instead of this for Salesforce LWC compatibility.

Eventcalendar

NEW

• We added the eventOrder option to customize the sort order of the events.

FIXED

• We improved the calendar previous and next button listeners to use currentTarget instead of this for Salesforce LWC compatibility.
• We improved the event ordering so that cross-day events not marked as all day will not appear on top.

Forms

FIXED

• We fixed the source code of the collapsible to use an ES6 syntax which works with an Angular app without the need to transpile.
• We fixed an issue with the rating control, where the stars were off in RTL mode on iOS Safari, if value was set programmatically later after initialization.
• We fixed an issue where sometimes toast and snackbar notifications stopped appearing if they were coming in very quickly.
• We fixed the slider component with 2 handles, which were stuck if both initial values were set to the maximum.
• We improved compatibility with Mobiscroll v5, so the v4 form elements appear correctly if v5 styling is also loaded.

Listview

FIXED

• We fixed an issue where the touchstart listener was attached to the document instead of the listview container, and it was not possible to stop the touch event propagation, e.g. if the listview is loaded inside a scrollview item, stopPropagation on the touchstart event is needed to prevent the scrollview from moving when a listview item is swiped.

Numpad

FIXED

• We fixed an issue where times like 1:08 cannot be entered, since after entering the 0, buttons above 5 were disabled.

Range

FIXED

• We improved the calendar previous and next button listeners to use currentTarget instead of this for Salesforce LWC compatibility.

What's New

Datepicker

FIXED

• We fixed an issue with the labels, where the textColor property of a label did not work correctly.
• We fixed an issue where the labels were not displayed correctly if loaded dynamically inside the onPageLoading event.
• We fixed a bug that closed the picker before the ranges end date was selected when using the iso8601 returnFormat option.
• We fixed a bug that cleared the whole selection when changing the time part of the start or end date using the iso8601 returnFormat option in the case of range selection.
• We fixed our touchmove listening logic, which resulted in error in certain conditions. (#481)
• We fixed an issue with the setVal method, that cleared half of the selection instead of setting the value correctly, when called in vanilla javascript and jQuery.
• We adjusted the picker max width, if more than 2 months are displayed.
• We fixed the getVal method to always take into account the returnFormat option and return the values in the specified format.
• We added the missing export of the MbscLocale type, the type of the locale option, making it easier to customize the locales in a type-friendly way.
• The onChange event was not triggered when the datepicker was used as directive in Angular.
• We fixed an issue where show/hide animations were not completed correctly on Edge/Android, with the jQuery and Javascript versions.
• We fixed the label highlight. When a label was clicked/hovered, all labels were highlighted on the calendar.
• We improved the validation to do not allow an invalid date as initial value in case of single date selection and range selection.

Eventcalendar

FIXED

• We fixed an issue where the full custom rendering of the labels was not working correctly.
• We fixed the "more" label, which was not working in Angular with dragToCreate enabled.
• We fixed the styling of the event count labels.
• We fixed the touch drag on single day events.
• We improved the validation to do not allow an invalid date as initial selected date.

Scheduler

FIXED

• We fixed the days property for the schedule view to be able to hide the scheduler day header.

What's New

Agenda

FIXED

• We fixed an issue with daily schedule navigation, which was not working correctly in certain timezones.

Datepicker

FIXED

• We fixed an issue that closed the picker after it opened when using the iso8601 returnFormat option in desktop mode.
• We added the missing onCellHoverIn and onCellHoverOut events.

Eventcalendar

NEW

• We added the action argument to the onEventCreate event, to determine if it was click or drag.

FIXED

• We added the missing onCellHoverIn and onCellHoverOut events.

Scheduler

NEW

• We added the action argument to the onEventCreate event, to determine if it was click or drag.

FIXED

• We fixed an issue with daily schedule navigation, which was not working correctly in certain timezones.

What's New

Datepicker

FIXED

• We removed the focused popup dashed top border in Firefox.
• We fixed an issue where the time picker was stuck to the current time.

Scheduler

FIXED

• We fixed the rendering of the events, when there were no overlaps.
• Ensure a 15 minutes minimum duration for events when resizing events.
• We fixed an issue in Angular which caused an error when rendering the all day events.

What's New

All Components

FIXED

• Default to the Windows theme when auto theme is used on desktop windows machines as well, not just on mobile.

Agenda

NEW

• We added the refresh method to refresh the view.

FIXED

• We fixed a bug with monthly and yearly recurrence, where repeat count was incorrectly calculated.

Datepicker

NEW

• We added the defaultSelection option to specify an initial selection, without setting the actual value.

FIXED

• We fixed a bug with monthly and yearly recurrence, where repeat count was incorrectly calculated.
• Circular wheels were not appearing as circular on the first show.
• We added missing options for the Angular component: firstDay, weeks.
• We fixed the onCancel event, which was triggered, incorrectly, on the set button as well.
• We fixed an issue, where the initial value was not read from the input in case of the jQuery/Javascript component.
• We fixed an error that was thrown when the time part selection was made prior to the date part selection in case of the time control.
• We fixed an issue that closed the datepicker before the whole range was selected in desktop mode.
• We fixed the selection counter on the datepicker, to show or hide the counter when dynamically changing the selectionCounter option.
• In case of range selection don't change month when an outer day is clicked.
• We fixed the ENTER key behavior in the case of the range selection, so it won't close the picker until the end date is also selected.

Eventcalendar

NEW

• We modified the dragToCreate functionality to create a new event on click not just drag.
• We added support for deleting active events with the delete and backspace buttons.
• We added active state to the event labels and it can be navigated using the keyboard.
• We added the refresh method to refresh the view.

FIXED

• We fixed a bug with monthly and yearly recurrence, where repeat count was incorrectly calculated.
• We fixed the rtl mode event interactions (drag/resize/create) which were not displaying and updating correctly.
• We fixed the position of the drag/resize/create events when the week numbers were displayed on the calendar.
• We fixed an issue with the iOS theme, causing the scrollbar to appear inside the event popover, even if the list was short.

Popup

NEW

• We added support for specifying key codes for custom popup buttons.

Scheduler

NEW

• We modified the dragToCreate functionality to create a new event on click not just drag.
• We added support for deleting active events with the delete and backspace buttons.
• We added the refresh method to refresh the view.

FIXED

• We fixed a bug with monthly and yearly recurrence, where repeat count was incorrectly calculated.
• We fixed the rtl mode event interactions (drag/resize/create) which were not displaying and updating correctly.
• We fixed multiple day events mixed up hover/active styles.
• We fixed a content flashing issue after drag & drop, when a daily schedule was displayed together with a weekly calendar.
• We fixed the schedule event rendering to prevent overlaps in some cases.

Segmented

NEW

• We improved on the accessibility of the segmented component by highlighting the focused item in all themes.

What's New

All Components

FIXED

• We fixed the onInit lifecycle event that was not being triggered.

Agenda

NEW

• We updated the styling of the iOS theme to match iOS 14.

FIXED

• We fixed an issue where the onPageChange and onPageLoading event were fired twice when changing views, and once with wrong arguments.

Datepicker

NEW

• We updated the styling of the range labels.
• We improved on picker positioning in desktop layout.
• We added setTempVal and getTempVal methods to help in adding custom logic and behavior to the selection experience. This is especially useful for 'hijacking' the selection before it is submitted, like adding a 'one-way' mode to the range picker.
• We added an onTempChange lifecycle event that can be used to customize the value picking experience.
• We are introducing localized helper text for the start and end labels (visible for range pickers). They serve as a placeholder for empty states and can be overridden through the rangeStartHelp and rangeEndHelp options.
• We added clear buttons to the range start/end labels to make clearing one or both easy for users.

FIXED

• We improved on the range highlight of the proposed selection visible when hovering.
• We fixed the hover effect on hidden days for the windows theme.
• When selecting the range on a calendar, the automatic switching from start to end selection will only happen once the range is selected. Afterwards, to refine the range the labels can be used to switch the active selection.
• We added missing property definitions to the Datepicker component, that fixed the AOT builds in Angular 8.
• We fixed the disabled buttons click event in angular, so they won't trigger when the buttons are disabled.
• We fixed a bug in the minRange and maxRange options, so the selectable range is updated right away when they are changed dynamically.
• Update the input floating labels when values are set.
• When switching between the start and end date in the case of range selection, the calendar navigates to the already selected date.
• We won't disable the set button in case of the range selection, when switching between start-end selection requires the closing of the picker. For example, when there are no labels shown and the picker has distinct start and end inputs.

Eventcalendar

NEW

• We updated the styling of the iOS theme to match iOS 14.
• We added support for blocked out dates that don’t allow interaction through drag & drop and drag to create.

FIXED

• We disabled drag & drop for calendars without labels.
• We fixed an issue where the onPageChange and onPageLoading event were fired twice when changing views, and once with wrong arguments.
• We fixed the firstDay and lastDay of the onPageChange, onPageLoading and onPageLoaded events in case of month view, to take into account the visible outer days as well.

Forms

FIXED

• We fixed the input, textarea and dropdown components to keep the existing css classes on the orginal html element in case of jQuery / Javascript.
• We fixed the dropdown component, which was throwing and error in Angular 10.

Scheduler

NEW

• We updated the styling of the iOS theme to match iOS 14.
• We added support for blocked out dates that don’t allow interaction through drag & drop and drag to create.

FIXED

• We fixed the drag & drop for all day events for jQuery and javascript, where extra copies of the dragged event were appearing.
• We fixed the event time calculations for the drag & drop of recurring events.
• We fixed the event and oldEvent arguments of the onEventUpdate and onEventUpdated events.
• We fixed an issue where the onPageChange and onPageLoading event were fired twice when changing views, and once with wrong arguments.

Segmented

NEW

• The iOS theme received the makeover consistent with and ready for iOS14. It consists of a brand new styling, drag interaction, and zoom animation.

What's New

All Components

NEW

• We added support for auto theme and auto theme variant (light/dark) for custom themes as well.
• We added a feature to automatically decide between mobile and desktop UI based on the platform, using the `touchUi: 'auto'` option.

Agenda

FIXED

• We fixed a UI bug, that cut off the tail of some characters of the event text in the agenda in iOS theme.

Datepicker

NEW

• We made it possible to specify a css class for calendar marks.
• We made it possible to specify a css class for calendar day cells.
• We expanded the colors option with the highlight and background properties.
• We added keyboard navigation support for the Start/End labels in the case of range selection.
• We improved on the date range selection experience. When the start/end labels are shown in the case of the calendar, the active label will cycle from start to end only for the first time. Then if you want to adjust the selected range, it won't start over the entire selection.

FIXED

• We fixed a UI bug on the calendar control, that let the calendar days to be seen under the year and month selection during swiping in iOS theme.
• We fixed the select counter on the calendar to show the correct number of selected days.
• We fixed a bug, that prevented the use of the predefined header components (like the prev, next and today button) of the calendar, when used in custom header templates in angular.
• We improved on the Calendar controls today button. In the case of single date selection, the today button will not only navigate to today's date, but will also select it.
• We fixed the border radius of the range start and end labels when hovered in the case of the material theme.
• We fixed a UI bug in the range highlight styling, that showed up when the selection was the start or end of the daylight saving period.
• We fixed the input handling logic of the datepicker. When selecting a range and using two inputs, the inputs now become read only as they should.
• We fixed a bug that prevented the picker to show up, when selecting range with two inputs in react strict mode.
• We fixed a bug that caused an error when using the datepicker directive in angular.

Eventcalendar

NEW

• We made it possible to specify a css class for calendar marks.
• We made it possible to specify a css class for calendar day cells.
• We expanded the colors option with the highlight and background properties.
• We added the actionableEvents options to enable / disable the actionable styling (pointer cursor, hover and active states, ripple effect) of event list items.
• Added support for updating, resizing and creating events using drag & drop.

FIXED

• We fixed the width of the calendar labels that span across days, when the week numbers are also shown.
• We fixed a UI bug, that caused the calendar multi-day labels to be a few pixels wider, when using the windows theme.
• Display event start and end times inside the event popover for the Material theme as well.
• Always display year and month picker as a popup instead embedding it in the calendar body.
• Don't move the calendar view if a day from another month is clicked.

Scheduler

NEW

• Added support for updating, resizing and creating events using drag & drop.

What's New

All Components

FIXED

• We fixed the responsive option to work correctly with the theme and themeVariant options.

Calendar

FIXED

• We fixed a null pointer exception, which happened from time to time when the picker was closed.
• We fixed a type definitions issue, that lets the colors and the marked option to take a start and an end date instead of just a single date.
• We fixed an iOS theme button positioning issue in case of a full screen calendar, if more than two buttons were used for the picker.

Cards

FIXED

• We fixed the cards accordion to work correctly inside a popup.

Eventcalendar

FIXED

• We fixed a type definitions issue, that lets the colors and the marked option to take a start and an end date instead of just a single date.

Forms

FIXED

• We fixed the multiple handle slider, which broke with the introduction of passive event listeners in v4.10.4.
• We fixed the angular textarea component to update its initial rows when used with reactive forms.

Navigation

NEW

• We added the optional animTime parameter to the navigate method for specifying the duration of the scroll animation.

FIXED

• We fixed the layout propType in react to work without giving a warning when used with numbers.
• Remove outline styling from focused navigation items in Angular/Ionic.
• Never fire the onItemTap event on disabled items.

Numpad

FIXED

• We fixed an issue in the decimal numpad, which caused '0' to appear in the input even though the selected value should have been empty.
• We fixed a bug in the decimal numpad, that didn't let enter all the digits of a number when used in template mode and the initial value was zero.
• We fixed an issue in the decimal numpad that caused the decimal point to be in the wrong place after the initial value was parsed when used in template mode.

Range

FIXED

• We fixed a null pointer exception, which happened from time to time when the picker was closed.
• We fixed a type definitions issue, that lets the colors and the marked option to take a start and an end date instead of just a single date.

Scrollview

NEW

• We added the optional animTime parameter to the navigate method for specifying the duration of the scroll animation.

FIXED

• We fixed the layout propType in react to work without giving a warning when used with numbers.

Select

FIXED

• We fixed an issue which caused an exception if an option value contained more than one quotation marks (").
• We fixed an error which occured in case of inline select with remote data.

What's New

Agenda

FIXED

• We fixed and issue where the month name in the header was not always in sync with the dynamic 'locale' change.

Datepicker

NEW

• We added range select support. Now the datepicker can also be used for picking date and time ranges, in addition to single and multiple selection.

FIXED

• We fixed the min/max validation when setting a value externally or the min/max options were updated dynamically.
• We fixed an issue which prevented the dynamic update of the picker header in inline mode.
• We fixed the dynamic change between desktop and mobile.
• We fixed and issue where the month name in the header was not always in sync with the dynamic 'locale' change.
• We fixed multiple month rendering in RTL mode.
• We fixed multiple month rendering, when the number of months was passed through the responsive option.
• We fixed an issue which caused the scroller wheel values to disappear when switching between mobile and desktop mode.

Eventcalendar

FIXED

• We fixed and issue where the month name in the header was not always in sync with the dynamic 'locale' change.

Popup

FIXED

• We fixed a bug which prevented the Space key to work in form inputs placed in popups.

Scheduler

FIXED

• We fixed and issue where the month name in the header was not always in sync with the dynamic 'locale' change.

What's New

Agenda

FIXED

• We fixed the month names in the Arabic translation.
• We fixed an issue with the weekly recurrence, where the first occurrence did not appear correctly.
• We fixed the header title in case of single year view and multiple day view.
• We fixed the order of the header arrows for the Windows theme.

Datepicker

NEW

• We are launching a new calendar along with date & time selector under the Datepicker product line.
• We added an updated iOS 14 styling for the calendar, picker and scroller components.

FIXED

• We fixed the month names in the Arabic translation.

Eventcalendar

FIXED

• We fixed the month names in the Arabic translation.
• We fixed an issue with the weekly recurrence, where the first occurrence did not appear correctly.
• We fixed the order of the header arrows for the Windows theme.

Popup

NEW

• We improved on the positioning in bubble display mode. Now the popup can appear on the left or the right side of the anchor, not just above or below.

FIXED

• We fixed the responsive option.

Scheduler

FIXED

• We fixed the month names in the Arabic translation.
• We fixed a bug that caused the vertical scrollbar to remain stuck in some cases.
• We fixed an issue with the weekly recurrence, where the first occurrence did not appear correctly.
• We fixed the order of the header arrows for the Windows theme.

What's New

All Components

FIXED

• We fixed the production build for Angular <=8, which we broke with the implementation of Angular 10 compatibility.

What's New

All Components

NEW

• We made the necessary type changes for compatibility with Angular 10.
• We exposed the option types for all react components. This helps to extend our components in typescript by creating derived types.

FIXED

• We fixed an issue which caused an error when used with React SSR (regression introduced in 4.10.4).
• We added a fix to prevent the "Unable to preventDefault inside passive event listener invocation." error in case of all scroller based pickers (regression introduced in 4.10.4).

Calendar

FIXED

• We fixed the calendar title to show the correct month name in case of week view, when the view contains the selected date.

Eventcalendar

FIXED

• We fixed the calendar title to show the correct month name in case of week view, when the view contains the selected date.

Range

FIXED

• We fixed the calendar title to show the correct month name in case of week view, when the view contains the selected date.

Scrollview

FIXED

• We fixed a bug that resulted in an error if there were no items added to the scrollview.

What's New

All Components

FIXED

• We fixed a major click throttling issue with iOS 13, where not every click event was fired because of the use of non-passive touch event listeners.
• We fixed a bug that prevented the dynamic change of the themeVariant option from dark to light.
• We fixed the angular picker components to correctly pass the themeVariant (which can be light or dark) to the underlying mobiscroll inputs.
• We got rid of violation warnings for not using passive touch event listeners.

Calendar

FIXED

• We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
• We fixed a bug which caused a console error if all days on the calendar had at least a label.
• We fixed the prev / next year navigation in case of the Jalali calendar system.
• We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' }.
• We updated the type definitions of the value prop in react. We added support for the null value, that should be used when the calendar needs to be cleared.
• We fixed the multiple week selection, where limiting the number of selected weeks did not work correctly.
• We fixed the month names in the Arabic translation.

Datetime

FIXED

• We fixed the month names in the Arabic translation.

Eventcalendar

FIXED

• We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
• We fixed a bug which caused a console error if all days on the calendar had at least a label.
• We fixed the prev / next year navigation in case of the Jalali calendar system.
• We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' }.
• We fixed a bug where the onPageChange, onPageLoading and onPageLoaded events fired twice when only the event list view was visible.
• We fixed the month names in the Arabic translation.

Navigation

FIXED

• We fixed the responsive option, which caused an error when used with the navigation component.
• We fixed a bug where an error was thrown if there were no navigation initially and the snap option was true.
• We added an improvement to make sure the selected item remains in the viewport after resize.

Numpad

FIXED

• We fixed the freeform numpad’s setVal method that lost the pass-through value and also broke the process of setting values internally.
• We fixed a bug that added the decimal separator, when the initial value was an integer.

Range

FIXED

• We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
• We fixed a bug which caused a console error if all days on the calendar had at least a label.
• We fixed the prev / next year navigation in case of the Jalali calendar system.
• We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' }.
• We fixed the month names in the Arabic translation.

Scroller

FIXED

• We fixed a bug where scroller wheels mixed up, if multiple scrollers were initialized with the same options object.

Select

FIXED

• We added a missing input option for the Angular Select component.
• We fixed a bug that prevented the initial value to show up in the input, when multiple selection and onPush changedetection strategy was used in Angular.
• We fixed an issue with Angular, where single select mode was not working correctly with touchUi: false.

What's New

All Components

NEW

• Created a type for the locale objects to help the addition of new languages.

FIXED

• Made the angular builds compatible with Angular 4, 5 and 6, by removing incompatible typescript fatures.
• We fixed the dynamic system theme (light or dark) detection for Angular.

Agenda

NEW

• Added customization options to the agenda events. We added the renderEventContent and eventContentTemplate options to the already existing renderEvent and eventTemplate options to improve on the customizability. The new options will be helpful if you only want custom content and don't want to bother with the basic look of the events.
• Added customization options to the agenda header. The renderHeader and headerTemplate options can be used to provide a custom header to the calendar. We also made public the basic building blocks of the default calendar header - the previous, next and today buttons along with the year/month navigation component - so they can be used in custom header implementations out of the box.

Eventcalendar

NEW

• Added customization options to calendar labels. You can use the renderLabelContent and labelContentTemplate options to provide only the label content, if you don't need custom styling on the labels. You can use the renderLabel and labelTemplate options to fully customize the labels. In this case, you only get the positioning and everything else is up to you.
• Added customization options to the popover events. We added the renderEventContent and eventContentTemplate options to the already existing renderEvent and eventTemplate options to improve on the customizability. The new options will be helpful if you only want custom content and don't want to bother with the basic look of the events.
• Added customization options to the eventcalendar header. The renderHeader and headerTemplate options can be used to provide a custom header to the calendar. We also made public the basic building blocks of the default calendar header - the previous, next and today buttons along with the year/month navigation component - so they can be used in custom header implementations out of the box.

FIXED

• We improved the sizing of the calendar for the Material theme.
• Use the calendar SASS variables for calendar buttons and calendar popup colors as well.
• We fixed the calculation of maximum displayed event labels to work correctly in Safari.
• We fixed the label ordering inside calendar cells.

Popup

NEW

• We added the fullScreen option which is a shortcut to the width and height options to make the popup as large as possible.
• We added default values to the maxWidth and maxHeight settings to improve on the look on large screens.
• We added the color and variant options to the buttons API. The popup buttons can be passed the primary, secondary, etc... colors and the flat, outline and standard button variants.

FIXED

• We fixed the styling of bottom popups in iOS to be more consistent with the native experience.

Scheduler

NEW

• Added customization options to scheduler events. You can use the the renderScheduleEventContent and scheduleEventContentTemplate options to provide only the event content, and don't want to bother with the styling. You can use the renderScheduleEvent and scheduleEventTemplate options to fully customize the events in the scheduler. In this case you will only get the positioning out of the box and you take care of everything else.
• Added html support in the scheduler event titles.
• Added customization options to the scheduler header. The renderHeader and headerTemplate options can be used to provide a custom header to the calendar. We also made public the basic building blocks of the default calendar header - the previous, next and today buttons along with the year/month navigation component - so they can be used in custom header implementations out of the box.

FIXED

• We fixed the schedule weekdays today styling in week view mode. It was not highlighted correctly after navigating back to the current week.
• We improved on the navigate method of the schedule view, now it navigates to the specified time not just the specific day.

What's New

All Components

NEW

• System variant (light or dark) detection is now dynamic: if the system theme changes, the components are updated accordingly without the need to reload the page.

REMOVED

• We dropped support for AngularJS (1.x) and Angular 2. In case of Angular the minimum required version is 4.

CHANGED

• We removed the global mobiscroll.settings object and added the setOptions function to set the global options for the components. The new setOptions function is dynamic, meaning that changing the global options runtime will update all initialized components.
• We renamed the option method to setOptions for all components. Use it to dynamically update the options of a component.
• We renamed the lang option to locale for localizing the components. Instead of a string now it accepts an object containing the localization settings. Localization objects can be imported like `import { localeDe, localeHu } from '/path/to/mobiscroll';` in case of ES6, or accessed as mobiscroll.localeDe in case of ES5 usage.
• We moved the getJson function to mobiscroll.util.http.getJson. In ES6 it can also be imported directly: `import { getJson } from '/path/to/mobiscroll';`.

Datetime

REMOVED

• We removed the tap method.

CHANGED

• The react component will render a mobiscroll input by default, instead of a standard html input. Use the inputOptions option to pass configuration to the rendered mobiscroll input, or have the global settings applied.
• We renamed the animate option to animation to specify the show / hide animation of the picker.
• We renamed the height option to itemHeight for setting the height of the wheel items.
• We renamed the width option to wheelWidth for setting the exact width of the wheels.
• We renamed the maxWidth option to maxWheelWidth for setting the maximum width of the wheels.
• We renamed the minWidth option to minWheelWidth for setting the minimum width of the wheels.
• We renamed the showOnTap option to showOnClick for the sake of simplicity and to make it more obvious.
• We've broken up the steps option into stepHour, stepMinute and stepSecond.
• We updated the format of the dateFormat and timeFormat options to avoid some common confusions we met. See the API docs for the new formatting tokens.
• We renamed the onSet event to onChange and theonShow event to onOpen for more clarity. This was part of the lifecycle event cleanup we performed.
• We renamed the show method to open and the hide method to close.

Eventcalendar

NEW

• We added the selectedDate option for setting, changing the active date on the calendar.
• We added the defaultSelectedDate option for specifying the initially selected date.
• We added the showControls option to show or hide the calendar header controls like previous, next, today buttons along with the view range.
• We added the renderEvent and eventTemplate options for custom event rendering that can be used in the agenda or popover event listing.
• We added the renderAgenda and agendaTemplate options for a fully custom, external agenda rendering.

REMOVED

• We removed the following options: anchor, animate, buttons, closeOnOverlayTap, display, focusOnClose, focusTrap, formatDuration, headerText, showOnFocus, showOnTap, yearChange.
• We removed the following events: onBeforeClose, onBeforeShow, onClose, onPosition, onShow.
• We removed the following methods: hide, isVisible, position, redraw, refresh, show, tap.

CHANGED

• We improved our recurring event support. More complex recurrence rules can be passed through the recurring property of an event as an object or as a string in RRULE format. Currently daily, weekly, monthly and yearly repeats are supported.
• We slightly changed the structure of event objects. Instead of text, title should be used, and instead of the d property use the recurring property to create recurring events.
• We slightly changed the structure of the marked, label and color objects. To specify the date, use the date property, or the start and end properties for multiple days, and use the recurring property to specify multiple occurrences.
• We changed the format of the dateFormat and timeFormat options to avoid some common confusions we met. See the API docs for the new formatting tokens.
• As part of the the lifecycle event cleanup, we renamed the onEventSelect event to onEventClick, the onDayChange event to onCellClick and the onSetDate event to onSelectedDateChange.
• We renamed the calendarHeight option to height and changed its scope to the full calendar with header and everything.
• We renamed the calendarWidth option to width.
• We moved the calendarScroll option into the view option under view.calendar.scroll.
• We moved the eventBubble option into the view option under view.calendar.popover.
• We moved the showEventCount option into the view option under view.calendar.count.
• We moved the showOuterDays option into the view option under view.calendar.outerDays.
• We moved the weeks option into the view option under view.calendar.size.
• We moved the weekCounter option into the view option under view.calendar.weekNumbers.
• We renamed the eventList property of the view option to agenda.

Forms

NEW

• We added the label option to specify the label of the input.
• We added the startIconSvg and endIconSvg options to pass svg markup as string for the input icons.
• We added the position option to the Checkbox, Radio and Switch components to specify where it should be positioned. Can be 'start' or 'end'. This ultimately controls how the actual control is laid out, on the right or the left.

CHANGED

• We removed the iconAlign option, and added the startIcon and endIcon options instead to specify the input icons.
• We added the variant option to the button, which can be 'standard', 'flat', or 'outline'.

Popup

NEW

• We added the width option to specify the width of the popup. Accepts any valid css value.
• We added the height option to specify the height of the popup. Accepts any valid css value.
• We added the maxWidth option to specify the max width of the popup. Accepts any valid css value.
• We added the maxHeight option to specify the max height of the popup. Accepts any valid css value.

REMOVED

• We removed the tap method.

CHANGED

• We renamed the animate option to animation to specify the show / hide animation of the popup.
• For the sake of clarity we renamed the showOnTap option to showOnClick and the onShow event to onOpen.
• We renamed the show method to open and the hide method to close.

Scheduler

NEW

• We added the brand new scheduler to the Event Calendar product line for displaying the events on a 24-hour grid. Can be enabled using the view option.

What's New

All Components

FIXED

• We removed the dotted outline present at the top of popups and modal pickers in Firefox.
• We fixed an issue that prevented the mobiscroll directives to pop up on the first tap when they were used on ion-input in Ionic 5 with Angular 9.

Calendar

NEW

• Added mbsc-calendar-mark scss color variable allowing to set the default color of the marks.
• We added a feature which allows presenting calendar labels as text only, without colored background, by specifying the background: 'none' property.

FIXED

• We debounced the onCellHoverIn and onCellHoverOut to prevent firing on unintended hover, or during mousedrag.
• We fixed a problem where recurring invalids for month days were not working correctly, when a month day was used which is not present in every month (29, 30, 31).
• We fixed a rendering issue on iOS 13 WebView, where the month / year picker appeared without a background.

Eventcalendar

NEW

• Added mbsc-calendar-mark scss color variable allowing to set the default color of the marks.

FIXED

• We debounced the onCellHoverIn and onCellHoverOut to prevent firing on unintended hover, or during mousedrag.
• We fixed a problem where recurring invalids for month days were not working correctly, when a month day was used which is not present in every month (29, 30, 31).
• We fixed a rendering issue on iOS 13 WebView, where the month / year picker appeared without a background.

Forms

FIXED

• We added a missing type definition for the Slider component in React.

Listview

FIXED

• We fixed an issue where the listview was not rendered properly during scroll, inside a scrollable container other than the main window, on iPad OS 13.

Numpad

FIXED

• We added proper keyboard support for freeform decimal entry (., +, and - keys).

Popup

FIXED

• We fixed a positioning issue where the popup went off screen with the soft keyboard opened on iOS 9.

Range

NEW

• Added mbsc-calendar-mark scss color variable allowing to set the default color of the marks.
• We added a feature which allows presenting calendar labels as text only, without colored background, by specifying the background: 'none' property.

FIXED

• We fixed an issue where the calendar jumped back to the current month in Angular when the mbsc-range-start and mbsc-range-end components were used with a custom set button.
• We debounced the onCellHoverIn and onCellHoverOut to prevent firing on unintended hover, or during mousedrag.
• We fixed a problem where recurring invalids for month days were not working correctly, when a month day was used which is not present in every month (29, 30, 31).
• We fixed a rendering issue on iOS 13 WebView, where the month / year picker appeared without a background.

Rating

FIXED

• We fixed a bug that prevented the onChange event to fire on the React Rating component.

Select

FIXED

• We increased the filter input font size for the iOS theme to prevent automatic zoom-in on iPhone, when the filter input is focused.

What's New

All Components

FIXED

• We fixed the icons, that got mixed up in version 4.10.1

Eventcalendar

FIXED

• We fixed an issue where the previous and next navigation buttons were not disabled when the min or max boundaries were reached.
• We fixed a memory leak that occured when using the event popover and changing the calendar settings dynamically at the same time.
• We fixed an issue where the event popover was not dismissed when navigating the calendar programmatically.

What's New

All Components

FIXED

• We fixed an SSR rendering issue, introduced in 4.10.0. (#474)

Cards

FIXED

• We fixed the border color of cards in ios, material and windows themes, to be consistent with the previous versions.

Eventcalendar

FIXED

• We fixed a rendering issue which happened on Chrome, when labels were displayed.

Forms

FIXED

• We fixed the form background color in ios theme, to be consistent with previous versions.
• We fixed the border color of textfields, to be consistent with previous versions.

Listview

FIXED

• We fixed the background color of the listview items and headers, to be consisten with previous versions.

What's New

All Components

NEW

• Added new scss color variables to all components, allowing color customizations across themes and components.

Calendar

NEW

• We added the onCellHoverIn and onCellHoverOut events, allowing to perform custom tasks when calendar days are hovered on desktop, e.g. showing a tooltip.

FIXED

• We added the missing role="row" attributes on calendar rows for improved accessibility. (#473)

Eventcalendar

NEW

• We added the onCellHoverIn and onCellHoverOut events, allowing to perform custom tasks when calendar days are hovered on desktop, e.g. showing a tooltip.

FIXED

• We added the missing role="row" attributes on calendar rows for improved accessibility. (#473)
• We made possible to navigate the event list using the Tab key for improved accessibility.

Measurements

NEW

• We added the decimalSeparator setting to localize the decimal separator charachter.

Navigation

FIXED

• We fixed an issue which caused the onItemTap event to fire twice if the navigation control was nested inside a Scrollview.

Number

NEW

• We added the decimalSeparator setting to localize the decimal separator charachter.

Numpad

NEW

• We added the onInput event, which runs every time the value is changed from the UI. This is useful to perform custom tasks when the user is typing the value, e.g. auto-suggest values for quick selection.
• We added the possibility to enter decimal values freely without a pre-defined, fixed scale. This can be enabled through the entryMode setting that accepts template and freeform . The maximum length of the fractional part can be limited by the also newly introduced maxScale that defaults to 4.

Range

NEW

• We added the onCellHoverIn and onCellHoverOut events, allowing to perform custom tasks when calendar days are hovered on desktop, e.g. showing a tooltip.

FIXED

• We added the missing role="row" attributes on calendar rows for improved accessibility. (#473)

Select

FIXED

• We fixed the position of the scrollbar in desktop mode and liquid layout (regression introduced in v4.9.1).

What's New

All Components

FIXED

• We fixed an issue with scroller pickers, where longer wheel values were cut off, even if there were enough space to display them. The issue was limited to the iOS theme in bubble and center mode.
• We fixed the iOS theme 3D wheels styling to display in perspective in Edge and Firefox as well.

Forms

FIXED

• We fixed an issue with the Angular button component, where the click event fired on icon click for disabled buttons.

Listview

FIXED

• We fixed the hierarchical navigation direction and arrow positioning in RTL mode.
• We fixed the list item border styling in RTL mode for the iOS theme.
• We fixed the action menu styling where part of the menu was cut off in recent Chrome versions.

Optionlist

FIXED

• We fixed a React warning that came up in projects where the React Router was used with the Navigation components.

What's New

All Components

NEW

• New: We are rolling out support for Angular Ivy and Angular 9 (#470).
• New: We added the themeVariant setting which can be used to set light and dark variants of the selected theme and introduced auto to make switching dynamic based on system settings.

FIXED

• We increased the width of alerts, confirms and prompts to accomomdate longer button texts.
• We fixed the prompt input styling for Mobiscroll and Material themes.
• We fixed a compile error that came up when using the strict typescript compiler option in Angular and Ionic.

What's New

All Components

FIXED

• We fixed an issue with IonInputs in react, that required a second tap to open the Mobiscroll components on iOS devices.
• Fixed the readonly setting in the type definitions of Angular and React components.
• We fixed the auto theme to work on iPad with iOS 13 as well.

Calendar

FIXED

• We fixed an issue, where the responsive setting caused an infinite loop in inline mode, if the calendar did not fill the full width of the window. (#472)

Color

FIXED

• We fixed the margin of the selected colors inside the color input in case of multiple selection for Mobiscroll and Material themes.

Forms

FIXED

• We fixed a bug that prevented the initially set value to show on the Radio and Segmented components, when using the Reactive Forms in Angular. The problem occured when the Radio and Segmented items were rendered dynamically.
• We fixed an animation bug which occured when closing the mbsc-collapsible.

Navigation

FIXED

• Added missing type definitions for the React Router setup function.
• We fixed the popup disappearing issue present in iOS 12.4 UIWebView.

Timespan

FIXED

• We set a more suitable default width to avoid displaying ... on the scroll wheels.

What's New

All Components

FIXED

• Fixed a bug in angular, that produced an exception when the components were initially disabled with reactive forms.

Calendar

FIXED

• We fixed a swipe animation bug (flickering) on month change on iOS that manifested in bubble mode.
• We fixed the positioning of marks and labels in RTL mode in Chrome.

Eventcalendar

FIXED

• We fixed an issue which caused infinite height increase on the calendar if there was a hidden calendar also in the page markup.
• We fixed the positioning of marks and labels in RTL mode in Chrome.

Forms

FIXED

• We added the missing predefined colors styling for Stepper and Slider components rendered outside of a Form.
• We added the missing predefined colors styling for Checkbox component for the Windows theme.
• Corrected the type definitions for the angular switch component's error setting.
• We fixed a file input bug, where the input was duplicated on every reinitialization.
• We fixed the step-label API of the Slider and Progress components in angular. Only JSON strings were working before where now arrays can be used as well.

Range

FIXED

• We fixed the positioning of marks and labels in RTL mode in Chrome.

What's New

All Components

FIXED

• We fixed a major bug introduced in the previous version that caused Angular AOT builds to fail.

Forms

FIXED

• We fixed an issue with the readonly property on form components, allowing dynamic binding of the property.

Select

FIXED

• We fixed a bug which prevented the styling enhancement of the select element inside Mobiscroll Form.

What's New

All Components

NEW

• We got rid of the rxjs-compat package dependency in angular and ionic.
• Added new showInput setting for all scroller and calendar based components. Using this setting, an mbsc-input - showing the selected value - can also be rendered when components are displayed in inline mode.

FIXED

• Updated the type definitions of the option method in all components. The type of the arguments are now defined based on the type of the involved component settings.

Color

FIXED

• We fixed a bug in the react component that caused the placeholder text not to show in the input.
• Fixed a rendering issue for the color inputs with labels in React.

Eventcalendar

FIXED

• Fixed a bug in angular, that caused all invalids, marked, colors or labels to disappear from the calendar when any of these settings were updated asynchronously.

Forms

NEW

• We added the context setting to the Angular Form component. This setting is inherited by the form's child components and makes it easier to deal with Ionic modals stealing back the focus and scrolling when Mobiscroll components pop up.
• We thickened the track bar of the progress and slider for the iOS theme to conform with the new iOS 13 design standards.
• We added the error and errorMessage attributes to the switch, checkbox and radio components in Angular. Using them will render the components with invalid styling and will show the validation message.

FIXED

• We corrected the floating label animation for outline inputs with Mobiscroll and Material themes.
• We added the missing active styling for switch, slider, checkbox and radio buttons for the Material theme.
• We fixed the button hover styling for the Material dark theme.
• We fixed the input-style attribute for Angular checkboxes, which was not taken into account.
• We fixed the floating label on the mbsc-input component in Angular and Ionic, which was not active initially, when the input was focused on pageload.
• We added the missing floating label styling to the slider and progress components with iOS theme.
• We removed the segmented component's background color for box and outline input styling for the iOS theme.
• We fixed a bug in the switch, progress and slider controls, that messed up their styling when their theme was changed dynamically.
• We changed the text color for predefined buttons to white with iOS theme for better readability.
• We fixed a small bug in the case of floating labels: when the input was focused, and the label was clicked, the input briefly lost the focus, causing the label to animate quickly up and down.
• Double initialization of form controls mixed up the styles. We fixed that as well.

Image

FIXED

• We fixed the mbsc-image Angular component to correctly display the component in inline as well.

Navigation

NEW

• Added a new setupReactRouter function that enables the navigation component to work with React Router version 5.

Page

NEW

• We added new typography utility classes for setting line height: mbsc-line-height-xs, mbsc-line-height-s, mbsc-line-height-m, mbsc-line-height-l, mbsc-line-height-xl.
• We added new typography classes for heading, paragraph, list and link styles, which can be used outside of the Page component: mbsc-h1 ... mbsc-h6, mbsc-p, mbsc-a, mbsc-ul, mbsc-ol.

Range

FIXED

• Corrected the input styling inside Mobiscroll forms when using the iOS theme. When there are multiple inputs inside the form group, the border of the range input won't expand to the edge.

Select

FIXED

• Fixed an issue, when the select was used with 'inline' display inside of a Mobiscroll Form Group, the title of the Form Group was not styled properly.

What's New

All Components

NEW

• We added the mbsc-align-justify utility class for justified text align styling.

Eventcalendar

FIXED

• We fixed a bug, which caused the eventlist to show only the events of the current day in agenda view, when the list was scrolled.
• We fixed the navigate method to scroll correctly to the specified date in agenda view.

Forms

NEW

• We added support for commonly used HTML attributes for the mbsc-textarea component in Angular. The following attributes are supported and passed through to the native input: minlength, maxlength, autocomplete, autocapitalize, autocorrect, spellcheck, autofocus, required, wrap.

FIXED

• Removed unnecessary box-shadow for Toast and Prompt components.
• Fixed a rendering issue for the icons on inputs with no labels for the iOS theme.
• Corrected the styling of the outline, flat and disabled buttons for the Material theme.
• Removed backgound and border from iOS themed non-text form controls outside of mobiscroll forms.

Navigation

FIXED

• We fixed a bug where the "Show more" menu was not shown correctly on touch devices, just flashed up for a short time.

Select

FIXED

• We fixed the filter input styling which broke in the previous release, with the introduction of the standalone form controls.

What's New

All Components

FIXED

• Fixed an issue that broke Angular 8 AOT builds.
• We fixed a bug that broke the compilation process in Angular when using the ES6 modules.
• We fixed the styling of the arrow in bubble display mode for the Windows theme.

Datetime

FIXED

• We fixed a bug in the editable input field that occurred when the value was deleted manually. Today's date was written back instead of leaving it empty.

Eventcalendar

NEW

• We added the getJson utility function to the event calendar component.

FIXED

• An issue got fixed that happened on month change. If both the first and second day of the month was invalidated, an error was thrown and calendar navigation broke.
• We fixed a rendering issue for the all-day text that happened for certain languages.
• We fixed the event listing for Brazilian timezones that happened during DST months.

Forms

NEW

• Form controls are now working individually, without the need to wrap them inside a Mobiscroll Form component.
• Added support for disabling 'mbsc-input’ the reactive way not just through the disabled attribute.

FIXED

• Fixed the autofill underline input styling in the iOS theme.
• Removed text capitalization of the segmented control text in the iOS and Material themes.

Listview

NEW

• We added the getJson utility function to the listview component.

Scrollview

FIXED

• We fixed a bug where the input elements placed inside a scrollview were not focusable on touch devices.
• We fixed the Typescript definitions for the scrollview options to allow number type for the layout setting.

Select

FIXED

• We fixed autocomplete/filtering when used with Pinyin keyboard on iOS.

What's New

Forms

NEW

• We added support for commonly used HTML attributes for the mbsc-input component. The following attributes are supported and passed through to the native input: min, max, minlength, maxlength, autocomplete, autocapitalize, autocorrect, spellcheck, autofocus, step, pattern, required, accept, multiple.
• Added support for input type="file". File inputs will be consistently styled with other form elements.

FIXED

• Made the color of the stepper, snackbar text lighter to improve contrast for certain themes.
• We fixed the background color for the segmented component in pressed state within the iOS theme.
• We fixed a bug where the segmented components items appeared incorrectly in Angular when Bootstrap was also loaded.
• Stacked label position was fixed in case of outline inputs with Mobiscroll theme.

Listview

FIXED

• Fixed a bug with the hierarchical listview. Destroy resulted in an error if the listview was displaying a sublevel.

Numpad

FIXED

• We fixed the min and max settings to be rounded accordingly to the scale setting.

Popup

FIXED

• We fixed a bug that prevented inline event handlers to fire in Mobiscroll for Angular.

Range

FIXED

• Fixed the range color that was rendered incorrectly within custom material themes.

Scrollview

FIXED

• Fixed flex layout in IE10 and IE11.

Select

FIXED

• Fixed floating and stacked label styling in Mobiscroll for React.

What's New

All Components

FIXED

• Fixed a bug in Angular, that prevented the correct value to be set to the model, when the settings of the component were changed at the same time.

Cards

FIXED

• The collapsible binding now makes the card components collapsible in angular.

Color

FIXED

• Styling fixes for the Windows theme.
• Stacked and floating labels were not working correctly with the iOS theme.
• Moving the slider has thrown an error when the initial color value on the input was not between the defined colors.

Eventcalendar

FIXED

• In agenda view, if scrollable event list was enabled, scroll was not working - the event list was constantly re-rendered on scroll.
• The default inline display mode was not applied initially on the angular component.

Forms

FIXED

• In Angular, the FormGroup component collapsible behavior was not working. The Accordion component was also affected.

Listview

FIXED

• The actionable setting was missing from type definitions.
• The instance parameter was missing from the onStageChange event handler type definitions.
• The select, deselect, hideLoading and showLoading methods were missing from type definitions.

Popup

FIXED

• responsive setting did not work for the Popup component.

Select

FIXED

• In Angular, the select directive showed up empty when it was used with option elements instead of data array.

What's New

All Components

FIXED

• Angular event listeners that were passed in the options object were not triggered.
• In Angular, if a component's value and options were changed at the same time, the value was not updated correctly.

Eventcalendar

FIXED

• If month was changed from the month or year picker, the first date of the month was not selected.

Forms

FIXED

• The onChange event of the Slider was not working in React.

Listview

FIXED

• The option method was missing from the instance type definitions.

Timer

FIXED

• Small styling fixes for the iOS theme desktop mode.

Timespan

FIXED

• Small styling fixes for the iOS theme desktop mode.

What's New

All Components

NEW

• Styling was rewritten from Less to Sass, and the scss files are included in the packages as well, making possible to modify the theme colors programmatically, without using the theme builder.

FIXED

• Improved on angular bundle sizes.
• A bunch of type definition issues.

Forms

FIXED

• Fixed the Input's floating label styling in Angular, when used with Reactive Forms.
• In React, fixed a bug that killed the Switch components animation when the value was changed programmatically.
• Corrected the inset binding of the MbscFormGroup component in angular, to change when a false value is passed to it.

Listview

FIXED

• Corrected a bug in react, that triggered an add animation for each listview item on any data operation like add or remove.

Numpad

FIXED

• responsive setting did not work.

Optionlist

FIXED

• Data attributes for list items are now passed down to the rendered element.

What's New

All Components

FIXED

• mobiscroll.platform was missing from typescript definitions.

Datetime

FIXED

• Values before min and after max values were not always shown with disabled styling.

Eventcalendar

NEW

• Pass the event object as well to the formatDuration function. (#466)

FIXED

• Don't display "all day" for multi-day events on the first and last days, unless allDay property is explicitly set. (#464)

Forms

NEW

• Added the mobiscroll.notification.dismiss() function which will close the active toast or snackbar message.

FIXED

• Remove uneccesary shadow from toast and snackbar messages (Material theme).
• Remove background from form group title and button gruoups inside popup (iOS theme).
• Remove max-width from the stacked and floating labels (iOS theme).
• Button shadow was cut off inside button groups (Material theme).
• Input editing did not work on iOS 12.2, inside WkWebView.

Scroller

FIXED

• Typescript definition fix for width setting, which can be array as well, not just number.

What's New

All Components

NEW

• We made it possible to display pickers and popups without overlay, using the showOverlay setting.

FIXED

• Inline scrollers did not work correctly in MS Edge/IE, causing the whole page to scroll.
• React components can be used with IonInput in Ionic 4 React.
• Run the resize observer outside of the Angular zone.

CHANGED

• We disabled touchpad scroll for calendar views by default (can be enabled using the mousewheel setting).

Eventcalendar

FIXED

• Double border styling fix inside the event popover listing, for the iOS theme.

Navigation

FIXED

• Badge styling fixed for text-only navigation control.

What's New

All Components

FIXED

• On iPhone, when showing a toast or snackbar right after closing a modal popup caused the page content to scroll back to the top.
• French translation for Sunday was incorrect (only in form inputs). (#460)
• The styling of Angular components was wrong after changing theme dynamically.
• Angularjs model was not set when the keyboard was used to type the value.
• Added missing i18n property to the type defintions, which enables adding custom language modules.
• Exported component interfaces to enable the usage of react useRef hooks.
• Type definition improvements.

Calendar

FIXED

• Using keyboard navigation left and right arrows worked in the reverse direction in RTL mode.
• We fixed a bug where IE11 threw an exception on day selection if the calendar view was refreshed.

Cards

FIXED

• Added missing type definitions for html attributes.

Datetime

FIXED

• Added missing exports for Date and Time components in react type definitions.

Eventcalendar

FIXED

• onEventSelect event argument returned wrong event on calendar label tap, if both labels and event list was used.
• Using keyboard navigation left and right arrows worked in the reverse direction in RTL mode.
• We fixed a bug where IE11 threw an exception on day selection if the calendar view was refreshed.
• In Ionic 1 the onEventSelect was not fired if an event was clicked inside the popover.

Listview

FIXED

• The onItemTap event was fired on the touchend event on touch devices, as a consequence, the click event firing afterwards was causing problems in certain use cases, for example immediately closing a popup opened from the onItemTap event handler.

Range

FIXED

• Using keyboard navigation left and right arrows worked in the reverse direction in RTL mode.
• We fixed a bug where IE11 threw an exception on day selection if the calendar view was refreshed.

Select

FIXED

• When the Select was opened on iPhone, the content was scrolling and flickering, but only if the select element was wrapped inside a label, and the page content was scrollable.

Timer

FIXED

• Wheel labels were not updated when language was changed dynamically.

Timespan

FIXED

• Wheel labels were not updated when language was changed dynamically.

What's New

All Components

NEW

• We implemented dynamic options binding across all settings in the Angular version.
• Added inputStyle and labelStyle props to react form components: Slider, Progress, Rating, Stepper and Switch. With this you’ll be able to keep consistency across inputs and all these other components too.
• We added input-style and label-style support to all Angular components.
• Typescript definitions landed in the React version of products.

FIXED

• We fixed the Dutch localization, where some of the day names did not start with capital letters.

Calendar

NEW

• You can now finally use the marked setting along with colored days, they are not mutually exclusive anymore.

Cards

FIXED

• We fixed a bug where reinitializing or dynamically updating an option duplicated the collapsible chevron.

Eventcalendar

NEW

• You can now finally use the marked setting along with colored days, they are not mutually exclusive anymore.
• We are rolling out fixed calendar views with scrollable event listing. No more scrolling the whole page and messy workarounds. (#452)
• We added support for the pop-over event listing across week and month views. With this we also refactored the code making the file-size a little bit smaller.
• You can now use the formatDuration function to change the text that is used for the event duration.

FIXED

• We fixed a bug that was showing incorrect event duration for all-day events.
• We fixed a bug that occurred with multiple labels loaded dynamically.
• Links inside event texts weren’t triggered, we fixed that.

Forms

FIXED

• We fixed the snackbar control that blocked mouse interactions for elements rendered right next to it.
• We fixed the Angular version rating control since it didn’t work well with fractional values.

Listview

NEW

• onListEnd event was added and is triggered when someone scrolls to the end of the list view. Use this to implement load on demand, show a loading animation and so on.
• We added a loading animation that you can show/hide with the following methods: showLoading and hideLoading. The icon inside the loading content can be specified with the loadingIcon setting and it can be anything from the included icon package.
• Hover styling for list items was added making it more desktop-friendly.
• Native support for item selection was added. This means no more home-baked selected listview item logic.
• We added the animateAddRemove setting to turn animations on/off for adding and removing list items. Useful for turning it off on batch operations.

FIXED

• We fixed a bug in the dynamic update logic of the context setting. This is needed for the listview to be used correctly within Ionic Framework 4.

Numpad

NEW

• We added support for [mbsc-options] to be used with directives. This was only supported within the components before.

FIXED

• We added the missing preset setting to the MbscNumpadOptions type definitions.
• We exported the preset specific settings (MbscNumpadDateOption, MbscNumpadDecimalOptions...) that were missing in the Angular version.
• We fixed a bug with the thousandsSeparator that messed up values in some cases: 0.0,005 was printed instead of 0.0005.

Range

NEW

• You can now finally use the marked setting along with colored days, they are not mutually exclusive anymore.

Select

FIXED

• Reduce filter input margin for Material theme.

What's New

All Components

FIXED

• We fixed an bug that caused trouble across all pickers linked to ion-input components in Ionic 4. Controls didn't open on first input tap.

Calendar

NEW

• We improved the Navigate method to support ISO strings and moment.js objects.
• We added a new updateEvent method that makes updating events easier. You won't need to remove and re-add events, everything is handled in the background.

FIXED

• We fixed an issue where the wrong date was selected if min or max was set and dateFormat did not contain the year (#456).

Listview

FIXED

• A bug got fixed that caused an exception if the remove method was called for an already removed element. The same error occurred in the Angular implementation of the hierarchical listview, when the host component got destroyed.

What's New

All Components

NEW

• Individually control input and label style on a component basis in Angular and React.

FIXED

• If modal picker was opened from a 3rd party modal dialog (Ionic, Bootstrap) the fight over keeping the focus caused errors. We stepped in to keep the peace.

Calendar

FIXED

• We fixed a nasty little bug that we caused with 4.5.1. Month swipe did not work on initial show in center and bubble display mode.

Forms

FIXED

• Updating ngModel checkbox value will update the UI accordingly.

What's New

All Components

FIXED

• Passing arrow functions to React components now update the components as needed.
• We added missing type definitions for the layout setting.

Calendar

FIXED

• redraw method messed up the calendar layout in RTL mode.
• Wrong date was shown after changing number of weeks dynamically.

Color

FIXED

• We fixed color presets in React.

Eventcalendar

FIXED

• A bug got fixed in the redraw method that messed up the calendar layout in RTL mode.
• Bug fixed that showed a wrong date after changing the view dynamically.
• Quick consecutive arrow taps failed if event listing was used. Bug got fixed.
• We fixed the more event label that was not always correctly displayed.

CHANGED

• If popover is set to false, it completely disables the popover, even for more events label.

Forms

FIXED

• We fixed the textarea label alignment for the iOS theme.
• We fixed sticky floating labels that were not behaving on Chrome auto-fill.

Listview

FIXED

• The remove method was fixed for hierarchical lists.

Navigation

FIXED

• Badges are now supported for dynamically added navigation items in angular.

Numpad

FIXED

• We added missing type definitions for formatValue and parseValue.

Range

FIXED

• redraw method messed up the calendar layout in RTL mode.
• showSelector can now hide the range start/end tabs for every configuration. This is useful when start and endare handled by two separate inputs.

Select

FIXED

• The mbsc-select directive will work on mbsc-dropdown form elements.
• Scroll arrow wheels were fixed. No more hiding values in Mobiscroll theme.

What's New

All Components

NEW

• We've improved the usage of development modules within Angular. The components and directives are bundled into separate NgModules so that you can load only what's needed. Steps are made towards full tree-shaking support.

FIXED

• Various memory leaks were fixed in the Angular JS implementation.

Calendar

NEW

• Jalali and Hijri calendar systems were introduced besides the already supported Gregorian calendar. The new calendarSystem setting is where you can set gregorian, jalali or hijri.
• Year, month and day suffixes were added for Korean and Chinese languages.
• We added support for multiple labels. It is now possible to use the Calendar and display multiple labels instead of just one.

FIXED

• Weekly repeat still failed in Safari for Sunday in Brasília Time (BRT) timezone. It got fixed.

Cards

FIXED

• We improved spacing in the card title. This was especially a problem when an image followed the title.

Datetime

NEW

• Jalali and Hijri calendar systems were introduced besides the already supported Gregorian calendar. The new calendarSystem setting is where you can set gregorian, jalali or hijri.

FIXED

• Weekly repeat still failed in Safari for Sunday in Brasília Time (BRT) timezone. It got fixed.

Eventcalendar

NEW

• We are introducing a new way to list events. Events as labels is here with multiple day events and multiple labels per day.
• Jalali and Hijri calendar systems were introduced besides the already supported Gregorian calendar. The new calendarSystem setting is where you can set gregorian, jalali or hijri.

FIXED

• We fixed the getEvents method. It did not work correctly if a date was passed (regression introduced in v4.4.3).
• Weekly repeat still failed in Safari for Sunday in Brasília Time (BRT) timezone. It got fixed.

Forms

FIXED

• We fixed a bug where form components didn't lose their styling after className prop changes in React.
• We have improved the spacing of buttons inside button groups.

Image

FIXED

• We fixed a nasty memory leak in Angular JS. Dynamically generated items kept building up and cleaned up.

Numpad

FIXED

• We added a number of inline settings for numpad presets that were missing in the Angular and React implementation.

Range

NEW

• Jalali and Hijri calendar systems were introduced besides the already supported Gregorian calendar. The new calendarSystem setting is where you can set gregorian, jalali or hijri.
• We added support for multiple labels. You can now display multiple labels inside the Range picker.

FIXED

• Weekly repeat still failed in Safari for Sunday in Brasília Time (BRT) timezone. It got fixed.

Scrollview

FIXED

• Dynamically adding and removing items won't break the scrolling in react.

Select

FIXED

• Fixed a typo in the type definitions which further improves usage.
• Another Angular JS memory leak fix. Select options generated with ng-repeat were problematic.

Treelist

FIXED

• Another leak was plugged for Angular JS. Dynamically generated items won't cause any more trouble.

What's New

All Components

FIXED

• When using the Date & Time, Calendar, Range, Event Calendar components in Brasília Time (BRT) timezone, weekly repeating (w0 ... w6) failed for various settings (invalid, marked, labels, colors, events) in months where daylight saving starts. Timezones are tricky...
• When using multiple buttons in popups, alignment was off. It did not wrap in multiple lines and text was cut off. This issue was present for Mobiscroll and Material themes.
• AOT builds in angular and ionic was throwing an exception when using the forRoot configuration.

CHANGED

• 3D wheel rendering for the iOS theme was turned off of Android for performance reasons. After revisiting the topic we decided only turn it off under Android version 8. Use the scroll3d setting to manually override it.

Calendar

FIXED

• Type definition for onSetDate were missing and we fixed that.

Color

FIXED

• Type definitions for onItemTap and onPreviewItemTap events were also missing.

Eventcalendar

FIXED

• Added missing property to the onDayChange event argument.
• Added missing type definitions for eventText, eventsText, labelsShort, onSetDate.

Forms

FIXED

• Floating labels were not animated if a jQuery triggered a change event on the field.
• Fixed the styling when additional elements were between the label and the input.
• Fixed iOS theme input border in autofill field.
• Form components won't re-render when there's no change of inputs.
• The mobiscroll inputs lost their styling in react when their valid state changed.
• Better spacing of form inputs if placed inside a responsive grid layout.

Range

FIXED

• In Brasília Time (BRT) timezone the range selection highlight was incorrect in months where daylight saving starts (#454).
• Added missing type definition for onSetDate.

Scrollview

FIXED

• Don't trigger touchend event when the content is scrolled vertically, it might cause exceptions in event handlers attached outside of the scrollview.

Select

FIXED

• The select failed with an exception, if remote data was used with groups and filtering. We fixed that.
• Type definitions for the onFilter event were added.

What's New

All Components

FIXED

• Remove high z-index from inline picker controls.
• Remove touch-action: none styling from html / body elements in case of modal popups to prevent forced reflow on document - the styling was moved inside the modal markup.

Calendar

FIXED

• Calendar tab styling fixes in inline mode, inside Mobiscroll Page.
• changeTab method should not hide the calendar if tabs are not present.
• Don't focus invalid dates when clicked.

Cards

FIXED

• Nested collapsible elements didn't work correctly inside collapsible cards - child collapsibles were also toggled with the parent collapsible.

Eventcalendar

FIXED

• Event list styling fixes inside the event popover.
• Selected day was not updated when only event list was displayed. Needed, when views are changed dynamically.

Forms

FIXED

• Allow additional css classes to use on the MbscFormGroup, MbscFormGroupTitle, MbscFormGroupContent and MbscAccordion components.
• Nested collapsible elements didn't work correctly - child collapsibles were also toggled with the parent collapsible.
• ENTER key should close the prompt notification when the input is focused.

Listview

FIXED

• Ghost click fix for UIWebView on iOS - hierarchical listview navigated 2 levels at once because of the ghost click.
• Floating labels did not render correctly on autofill fields.
• Autofill input field styling was improved.
• For Checkbox, Radio, Switch, Stepper, Progress, Slider and Rating components inputStyle and labelStyle props was not handled correctly in React.

Navigation

FIXED

• RTL mode scroll to center worked incorrectly on iOS Safari.
• React NavItems can be used with inline conditions without throwing an error.
• Switching from hamburger navigation to tab or bottom navigation using the responsive setting did not work.
• Update badges on refresh method call as well.

Page

FIXED

• Muted button styling changed from color to opacity.

Popup

FIXED

• Components can be opened from a popup without the popup being closed.

Range

FIXED

• defaultValue: null did not work correctly, today's date was selected for start and end dates.

Select

FIXED

• Error was thrown if any of the values contained the " character.

Treelist

FIXED

• Variable level treelist was not working correctly when the treelist was used with data (not generated from markup).

What's New

All Components

FIXED

• Allow Enter and Space keydown events to propagate up from modal popups.

Calendar

NEW

• Calendar layout is automatically recalculated on size or visibility changes, even if there's no resize event.

FIXED

• firstDay parameter was wrong inside the onPageLoading and onPageLoaded events on initial load, if < code > min was also set and minimum date was inside the initially loaded month.

Eventcalendar

FIXED

• firstDay parameter was wrong inside the onPageLoading and onPageLoaded events on initial load, if min was also set and minimum date was inside the initially loaded month. This also caused the initial event list to be inside the wrong date range.

Forms

FIXED

• Styling fixes for box and outline styles for checkbox, radio, switch, slider, progress and stepper controls (iOS theme).
• Added missing inset property to the MbscFormGroup propTypes in React.
• There was a bug in React which caused an exception on every text update in the Textarea component.
• Border radius added for box and outline inputs inside a form group inset on iOS theme.
• The Angular Input, Textarea, Dropdown and Rating component can be made readonly with the readonly attribute.
• Don't display border for iOS themed form group title, if input style is box or outline.