Scheduler – Change Log

FEATURES / ENHANCEMENTS

• VUE-3 Vue 3 npm wrapper package now includes types declaration in package.json

BUG FIXES

• 10969 – Error when setting visible date and max date in the past
• 11419 – TimeZoneHelper ignores milliseconds
• 11968 – HIGH PRIO Max date is not updated
• 12011 – DOCS Docs for ResourceTimeRanges needs to add exceptionDates
• 12134 – Conflicting mouse events when using resource non working time and resource time ranges simultaneously

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Setting createOnUnmatched to true on a Combo will now create a record for the initial value, or a value programmatically set later, if the value does not exist in the store for the combo (11781)

DEMOS

• Our new Salesforce Community page is up and running. It solves the problem caused by recent change in Salesforce policy regarding Non-Revenue Orgs. Look up "Device Activation Is Always Required for Non-Revenue Orgs"

BUG FIXES

• 11716 – GroupSummary‘s renderer called multiple times

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• A new experimental minPackSize config has been added to the Scheduler, which limits how small events can become when using pack layout. If events are packed to become smaller than the limit, the row will grow in height instead (11906)

DEMOS

• Added new ExtJS Classic demo showing how to integrate the Scheduler in an ExtJS Classic app. Demo is located in examples/extjsclassic folder (6440)

BUG FIXES

• 4192 – isValidDependencyToCreate is documented as an injectable validation function but is never called
• 9269 – RTL Printing with visible schedule range vanishes the events when infinite scroll enabled
• 11733 – Lazy loading events not working correctly when useResourceIds is true
• 11818 – Lazy loaded Scheduler does not respect readOnly: true
• 11871 – Race condition with scroll buttons rendering when using lazy loaded store

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

DEMOS

• ANGULAR Added new Angular eventeditor-combos demo showing use of event editor with cascading combos. Demo is located in examples/frameworks/angular/eventeditor-combos folder

BUG FIXES

• 9822 – HIGH PRIO Replacing eventTooltip template to return JSX at runtime not working
• 11592 – HIGH PRIO RTL mode breaks drag drop events when TimeAxis filter is applied

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• It is now possible to exclude records from timezone conversion. Set the timeZone field to false on each record that should not be affected by the timeZone config (Fixes 11610)
• PdfExport feature now supports exporting large datasets by streaming data to the export server using WebSocket connection (3953)
• Added Charts feature, which leverages the new Chart and ChartDesigner widgets to enable developers and end users to easily create charts and visualize data directly from selected cells in a Grid (8442)
• New Single Page Unscaled exporter is added. It allows exporting content to a single page without limiting to a specific paper size. PDF export server upgrade to version 2.1.0 is required (11397)
• Bryntum now ships a Chart module (chart.module.thin.js), to easier integrate Chart.js-based charts with our products. Used in the new charts demo
• Bryntum npm repository provides charts thin package @bryntum/chart-thin and wrapper packages for major frameworks: Angular (@bryntum/chart-angular-thin), React (@bryntum/chart-react-thin) and Vue 3 (@bryntum/chart-vue-3-thin)
• Bryntum now ships a Chart module (chart.module.thin.js), to easier integrate Chart.js-based charts with our products. Used in the new calendar-chart demo
• To pave the way for future improvements, Grid cells are now absolutely positioned inside the rows. A cell size is matched with the size of its column’s header using a ResizeObserver. If you see any side effect of this change in your app, please report it to us
• The ScheduleContext feature now triggers a beforeContextShow event when showing the widget/element in the hovered tick, allowing apps to mutate shown element/widget (11646)

API CHANGES

• DEPRECATED The eventsData, resourcesData, assignmentsData, dependenciesData, timeRangesData and resourceTimeRangesData configs and properties on the ProjectModel have been deprecated. Use events, resources, assignments, dependencies, timeRanges and resourceTimeRanges instead (9778)

LOCALE UPDATES

• The following locale keys added SinglePageExporterVertical.verticalsinglepage, SinglePageUnscaledExporterVertical.verticalsinglepageunscaled and MultiPageVerticalExporterVertical.verticalmultipagevertical

DEMOS

• New eventeditor-tinymce demo, showcasing how to use TinyMCE editor in the event editor
• New charts demo, showcasing how to use the new Charts feature
• New sparklines demo, showcasing how to use the new SparklineColumn
• New scheduler-chart demo, showcasing how to combine the new Chart module with the Scheduler

BUG FIXES

• 11180 – Data and scroll position jumps when change resourceTimeRanges or reassign event
• 11457 – Add an option to export task store range
• 11608 – Error when dragging event outside the view with snapRelativeToEventStartDate is true

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• The multiEventSelect setting now accepts an object, letting the app decide which modifier keys to use for multi-event selection (by default it is Сtrl on Windows and Cmd on Mac)

DEMOS

• The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Scheduler, has been ported to Angular. It is located in the examples/frameworks/angular/infinite-scroll-tree folder
• The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Scheduler, has been ported to Vue. It is located in the examples/frameworks/vue-3-vite/infinite-scroll-tree folder
• The infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Scheduler, has been ported to React. It is located in the examples/frameworks/react-vite/infinite-scroll-tree folder

BUG FIXES

• 10870 – Thin dependency markers are not thin
• 11462 – HIGH PRIO ScheduleContext and ScheduleMenu features not compatible
• 11562 – Exception thrown with timeRanges and fillTicks

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• showDirty can be configured now to show red tag for all the cells for the new records. Set newRecord : true on showDirty to enable it (10344)
• The loading indicator displayed when the EventStore is loading can now be configured away by setting lazyLoadingIndicator to false on the Scheduler config (9989)
• When lazy loading, the EventStore and AssignmentStore now support using resourceIds as params instead of a resource startIndex and a count. Configure useResourceIds on the store’s lazyLoad config object to activate (9297)
• A CrudManager configured with lazyLoad now supports implementing a requestData function, instead of using the built-in fetch mechanisms (11342)
• Added a drawOnEventInteraction config to the Dependencies feature, which allows opting out of drawing dependencies on event interactions (dragging, resizing, animating). Useful in apps that display a lot of dependencies on the screen at the same time to make those interactions smoother (11448)

DEMOS

• REACT-VITE Added new React eventeditor-combos demo showing use of event editor with cascading combos. Demo is located in examples/frameworks/react-vite/eventeditor-combos folder (11124)
• New infinite-scroll-tree demo, which demonstrates the lazy loading support of a tree Scheduler. The new demo is located in the examples/infinite-scroll-tree folder
• REACT-VITE "React JSX component as event renderer" demo has been upgraded to use React + Vite framework with TypeScript. The new demo is located in frameworks/react-vite/react-events folder

BUG FIXES

• 9689 – HIGH PRIO Filtering timeAxis with Infinite scroll enabled and zoom in/out results in the error
• 11464 – Scheduler Pro Events has some dead zones on right-clicked to activate a context menu
• 11468 – Drag/drop event crashes when a multi-group resource with a group collapsed
• 11475 – Highlight callback function not called in scrollEventIntoView and scrollResourceEventIntoView

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• The PDF Export and Print feature has a new paper format A0 (11083)

STYLING CHANGES

• Major tick lines in the Material theme was adjusted to use same color rule as the other themes, making them less prominent (the override of the $columnlines-major-color scss variable was removed)

DEMOS

• VUE 3 + VITE "Custom event editor" Vue 2 demo has been upgraded to use Vue 3 + Vite framework with TypeScript. New demo is located in frameworks/vue-3-vite/custom-event-editor folder

BUG FIXES

• 10093 – Lazy loading breaks CrudManager load method contract
• 10957 – Summary‘s renderer called 3 times on an initial load
• 11081 – scrollEventIntoView does not scroll to the center of the event
• 11313 – HIGH PRIO SharePoint demos across Bryntum Suite are broken
• 11328 – HIGH PRIO Infinite Scroll Causes Endless Scrolling and Error When Using scrollEventIntoView
• 11336 – Icon overlaps with text in material theme
• 11358 – TimeSelection displayed incorrectly when selection is in future outside the configured time span
• 11359 – Selected item ignored when selectAllItem is true

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• TreeSummary cells now support event listeners including tickCellMouseDown, tickCellMouseUp, tickCellClick, tickCellDblClick, and tickCellContextMenu (11187)
• When reloading a lazy-loaded Store (including remote filtering and sorting) the current dataset will be kept until the load request finishes. Previously, it was cleared upon starting the reload and populated with new data later. If an AjaxStore is being used (a Store configured with a readUrl) a load mask will be displayed during the reload operation (11261)

BUG FIXES

• 10462 – REACT Tooltip with JSX component does not render on first call
• 11138 – HIGH PRIO Events show up only after scroll/refresh/resize
• 11235 – REACT Async cell renderer can throw if the row being rendered is destroyed during the await
• 11236 – HIGH PRIO React Events flicker on event store filter
• 11237 – HIGH PRIO Minutes limit doesn’t update in endDate when change startDate if it was filtered
• 11242 – Tooltips misplaced and hidden instantly for nested events
• 11260 – Performance issue with large dataset
• 11286 – HIGH PRIO Using resourceId approach to manage assignment shouldn’t leave uncommitted changes in assignment store
• 11302 – ANGULAR SchedulerPro, Lazy Load, Resource Tree Store observes infinite load calls when creating new phantom record
• 11303 – Delete key on selected readOnly task deletes the task

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

BUG FIXES

• 10991 – Scheduler Timeline shows 53 weeks for 2025 if week start day is Monday
• 11075 – DOCS Incorrect type for DependencyModel.LagUnit when retrieving changes
• 11076 – TreeSummary feature doesn’t work with TreeGroup feature

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Event highlighting has been added to the Scheduler API. You can programmatically highlight any available event or events in the timeline by calling highlightEvents (9873)
• Readonly events now consistently display a non-editable information modal, that can be invoked by double-click or context menu. The associated menu item Edit is no longer disabled, but replaced by Show details when the event item cannot be edited
• We’ve improved search in the documentation with new context-aware algorithms, delivering more accurate and relevant results from the API, guides & examples
• To make the event editor a docked panel sliding in from the end of the viewport, configure the EventEdit feature with { editorConfig : { drawer : true } }
• A new config for Panel, drawer marks a Panel as a docked, slide-in panel, which by default slides in over the contents of the browser viewport
• New TreeSummary feature added, which allows you to roll up and display values in the time axis cell for each parent row in a tree scheduler. Check it out in the new tree-summary and tree-summary-custom demos (8044)
• ACCESSIBILITY Higher contrast for event bar text color in rounded event style
• You can now delete dependencies quickly by clicking the line to reveal a delete icon. This is a more intuitive way to delete dependencies than the previous method of right-clicking the line and selecting Delete. You can toggle this new behavior with the enableDelete config option (10786)
• BREAKING Since most apps have a build process that includes a transpilation step, starting with v6.2.0 we use the minimum possible transpile polyfills for the source code inside the @bryntum/scheduler-thin npm package to ensure that it works for all currently supported frameworks. Previously, each source file was transpiled with more polyfills, which introduced unnecessary overhead from transpilation helper functions. After this change, the size of your built app should be reduced. If you encounter issues with your framework’s builder parsing the code, consider upgrading to a newer framework version that supports the latest ECMAScript specification (10797)

API CHANGES

• DEPRECATED Previously, the EventColorPicker accepted a single record for updating eventColor. Now, it accepts records so that eventColor can be updated for all the selected records
• BREAKING The AjaxHelper.fetch() utility function no longer applies credentials: 'include' by default, to better match how the native fetch API works. This change also affects AjaxStore and CrudManager, if used by your app to handle remote data (10886)
• The TreeSummary API introduced in the alpha releases was found too inconvenient and was changed. It now only requires implementing a renderer, which handles both the calculations and the formatting of tree summary values (summaryRenderer & generateTickValues were removed)

LOCALE UPDATES

• Added translation keys Object.information and Object.showDetails, EventEdit.startTime, EventEdit.endTime
• New locale key ResourceCollapseColumn.toggleResourceLayout added for the ResourceCollapseColumn column header tooltip
• New locale key SchedulerBase.eventAriaLabel describing an event

DEMOS

• New tree-summary demo showing how to rollup and summarize tree data. The new demo is located in the examples/tree-summary folder
• New tree-summary-custom demo showing how to rollup and summarize tree and customize the way the rollup data is shown. The new demo is located in the examples/tree-summary-custom folder

BUG FIXES

• 10592 – Not possible to reach events using keyboard from Scheduler column header in vertical mode
• 10728 – Blank tooltips in Tree Summary Demo for Material theme
• 10841 – Highlight resources while dragging event into another scheduler

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

BUG FIXES

• 8782 – Salesforce LWS support in Firefox
• 11023 – Unexpected behaviors with lazy loading and tree feature when filtering

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• We’ve launched nightly npm package builds on our Bryntum npm server. Versions follow the format X.Y.Z-nightly.YYYYMMDD (e.g. 6.1.8-nightly.20250330), reflecting the current version and publish date
• A new config, autoCreate takes the place of the createEventOnDblClick config (though that will still work until version 7.0). autoCreate allows you to configure the DOM event name, which creates an event. This defaults to dblclick as before. It also allows other parameters of the new event to be specified (4399)
• A Scheduler resource store filter, which results in only removal of a contiguous block of resources within the visible viewport will now update the UI in the same way as a store remove operation (10706)
• CrudManager now includes a rawResponse reference to the native response object, when firing requestDone, load loadFail and requestFail events (10863)
• Scheduler now supports sticky resource group headers in vertical mode (10894)
• The EventCopyPaste feature will now paste multiple events into the same pattern they were copied. To revert to the previous behaviour of pasting all copied events to the same target resource and date, set unifiedPaste on the feature config object to false (10948)
• The EventDragSelect feature now triggers eventDragSelect and afterEventDragSelect events on the Scheduler as the user drags to select events

API CHANGES

• DEPRECATED The responseOptions event param in CrudManager load/sync events was renamed to requestOptions.
• The rtl config property of widgets is now public. By default, widgets conform to the writing direction of the element they are rendered to. But with the now public rtl property, you can force a widget, and all descendant widgets to lay out from right to left (10859)
• DEPRECATED The createEventOnDblClick config has been replaced by the autoCreate config. While createEventOnDblClick will still work until version 7.0, it is recommended to use autoCreate for configuring the DOM event name and other parameters for creating events

DEMOS

• We have introduced UI localization for our Vanilla JavaScript demos, supporting all 45 currently available locales
• examples/fieldfilters demo was updated to show filtering of the event store as well as the resource store
• SHAREPOINT Added a new demo showing drag from grid to scheduler for SharePoint Framework (SPFx) in the frameworks/react/typescript/sharepoint-fabric-drag-from-grid folder (9478)

BUG FIXES

• 7603 – infiniteScroll feature should be possible to enable at runtime
• 10595 – REACT JSX rendered recurrent events content disappear on scroll
• 10795 – SALESFORCE Remove Map/Set polyfills
• 10821 – getDateConstraints with only a start constraint does not work
• 10831 – scrollEventIntoView error when using TreeGroup Feature
• 10842 – Events not clickable after filtering resource in vertical mode
• 10873 – VUE Recurring Vue-rendered events scroll bug
• 10887 – HIGH PRIO Scheduler multi-treegroups demo failing on creating an event
• 10920 – Multi event resize breaks when selected event is out of view
• 10938 – HIGH PRIO Incorrect CSS sourceMappingURL in Bryntum thin npm packages
• 10988 – Scheduler in Calendar moving to different week when setting Date
• 10999 – Selected event unassigned while attempt to remove another event
• 11001 – Suppress promise rejection message when canceling load requests

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Group feature can now function in vertical mode too (10749)

API CHANGES

• Tree stores got a new keepExpandedOnLoad config in v6.1.4, but it fell out of the changelog. When set to true, the tree will restore matching nodes expansion state after a reload (10017)
• EventDrag feature has a new config alwaysCopy. When set to true, it will always copy the event on drag-drop operation (10402)

BUG FIXES

• 5705 – DOCS Error in vertical scheduler eventLayout config docs
• 10422 – Wrong row snapping when dragging event over tall row with overlapping events
• 10605 – HIGH PRIO finalize function doesn’t work after async operation in beforeEventResizeFinalize
• 10705 – Event not being dropped correctly when dragging in infinite scroll with lazyloading enabled
• 10736 – TimeAxis Date Range Picker does not work
• 10744 – loadMask getting disabled too early
• 10769 – RTL scrolling does not make the timeaxis header sticky

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.78.0
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• New eventReleaseThreshold setting, for advanced use cases where you want to limit the amount of event bar elements that are kept in the DOM for faster re-usage on scroll

API CHANGES

• DEPRECATED Setting the Scheduler stepUnit property has been deprecated. This is a read-only property, which produces a human-readable version of the shiftIncrement for UIs. Set the shiftIncrement instead

DEMOS

• REACT Legacy React JavaScript drag-from-grid demo has been removed
• REACT Legacy React TypeScript drag-from-grid demo has been updated to use React + Vite. New demo is located in examples/frameworks/react-vite/drag-from-grid folder
• REACT Legacy React JavaScript vertical demo has been updated to use React + Vite. New demo is located in examples/frameworks/react-vite/vertical folder

BUG FIXES

• 8483 – After clearFilters, calling scrollResourceIntoView immediately doesn’t scroll the resource into view
• 10542 – Keyboard focus rendition shown when using mouse
• 10548 – Column resize crashes when lockRows and showCheckAll enabled
• 10627 – Error when resizing multiple events outside the view
• 10655 – Scheduler’s stepUnit is not flexible. And it should be a private property
• 10657 – ExceptionDates not cleared on UI when event becomes non-recurrent
• 10658 – Calendar unresponsive if all days set as nonWorkingDays and hideNonWorkingDays is true

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.38.0

API CHANGES

• TimeRange elements are now stretched the same way events are when using the fillTicks mode

DEMOS

• VUE-3 New demo showing use of vue components in widgets & tooltips. Demo is located in examples/frameworks/vue-3-vite/widget-rendering folder (946)

BUG FIXES

• 9993 – HIGH PRIO SALESFORCE Scheduler Pro / Gantt task editor loses focus and cancels on click
• 10143 – ACCESSIBILITY Issue with keyboard accessibility in event navigation
• 10454 – PDFExport feature – error in date field when it’s cleared
• 10460 – REACT constrainDragToResource and constrainDragToTimeSlot not working properly with lockRows enabled
• 10482 – Project clears child records added collection when applying a record sync response
• 10520 – Events are not clickable in mixed layout
• 10521 – RecurrenceFrequencyCombo default values not restored after custom set used
• 10526 – English (Gb) locale uses AM/PM for a view preset

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.38.0

FEATURES / ENHANCEMENTS

• Starting with the 6.1.4 release, there are now trial versions of thin NPM packages available on our NPM server. These can be used to evaluate combining multiple products before purchasing a license. Please check the "What’s new" guide for the details

STYLING CHANGES

• The header element of TimeRange lines are no longer given a specific height, and will shrinkwrap

DEMOS

• ANGULAR Added new Angular basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/angular/basic-thin folder
• REACT Added new React basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/react-vite/basic-thin folder
• VUE-3 Added new Vue-3 basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/vue-3-vite/basic-thin folder
• WEBPACK Added new Webpack basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/webpack/basic-thin folder

BUG FIXES

• 10359 – DurationColumn drops decimal digits when editing
• 10372 – LockRows feature not compatible with showCurrentTimeline of TimeRanges
• 10387 – ResourceFilter onChange handler not firing
• 10401 – Dragging TimeRange close to viewport edge does not trigger scrolling timeline
• 10404 – Event Drag Create doesn’t complete when crossing over dates twice to change drag direction
• 10417 – HIGH PRIO Remote filtering of the EventStore also filter the store locally
• 10448 – REACT JSX renderers are not supported with React 19

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.38.0

FEATURES / ENHANCEMENTS

• Salesforce LWC build now using generators instead of async/await as a workaround for Firefox bug. LWC bundle is now compiled with "chrome": "54" babel target (7849)

API CHANGES

• VUE 2 reached end of life on December 31, 2023. As a result, we will no longer be updating our Vue 2 components. While the components will continue to exist, we will remove them in a future release and recommend that you upgrade to Vue 3 for continued support

STYLING CHANGES

• Certain color adjustment functions in SASS has been deprecated and will be removed from SASS in a future version. To be prepared for that, we have replaced our usages of these functions with the new ones. In general, this should not affect the look of components, with reservation for minor color variations (for more information, see https://sass-lang.com/documentation/breaking-changes/color-functions)

DEMOS

• Renamed "theme" demo to "custom-theme". The updated demo is located in examples/custom-theme folder (10155)

BUG FIXES

• 9018 – HIGH PRIO Localization doesn’t work for Microsoft Dynamics CRM Online
• 10065 – HIGH PRIO Milestone outside text overlaps with event when ticks removed
• 10135 – HIGH PRIO Fix horizontal dragging of editor in RTL viewports
• 10139 – Event bars stop selecting after moving timeline using Pan feature
• 10165 – HIGH PRIO ScrollResourceIntoView and ScrollEventIntoView is not working with LockRows
• 10192 – HIGH PRIO Drag from grid/list demos not working in touch devices
• 10195 – HIGH PRIO Salesforce Drag from grid doesn’t work in LWS on touchscreen
• 10198 – RecurrenceConfirmationPopup buttons text should be configurable
• 10200 – Make beforeAssignmentDelete async
• 10202 – Drag & Drop from unplanned grid not working correctly with LockRows feature
• 10225 – HIGH PRIO Incorrect type for beforeAssignmentDelete listener
• 10271 – Setting allowOverlap to false not working when showExactResizePosition enabled
• 10300 – HIGH PRIO EventMenu doesn’t work on Android touch device

VERSIONS SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 3.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0
• Sass: >= 1.38.0

DEMOS

• REACT-VITE "Basic" React demo has been updated to use React + Vite. New demo is located in examples/frameworks/react-vite/basic folder (9932)
• VUE-3-VITE New "Basic" (Vue 3 + Vite) demo shows how to use Bryntum Scheduler in Vue 3 project with TypeScript. The demo is located in examples/frameworks/vue-3-vite/basic folder (9808)

BUG FIXES

• 9708 – HIGH PRIO infiniteScroll and horizontal split not working
• 9992 – HIGH PRIO Not clear docs in part of adding new event in resourceId notation used
• 10115 – HIGH PRIO BryntumTimeField not working in React
• 10160 – Top Scheduler does not scroll of there are no locked rows in it
• 10163 – Tree-grouping ignores sorting

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

BUG FIXES

• 9978 – Column auto adjustment for Multiple linked Schedulers when hiding/showing a column
• 9990 – HIGH PRIO New added event stay in changes when call applyChangeset for resourceStore
• 10044 – eventDragSelect should exclude the events based on isEventSelectable
• 10091 – Events flickering when updating events that uses JSX in eventRenderer

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• Support for paging has now been added to the Scheduler (69)
• The regular non-Ajax Store now has the ability to accept remote paging, sorting and filtering (6860, 8180, 9363)
• The Scheduler can now lazy load events, assignments and/or resource time ranges when scrolling vertically when using a ResourceStore that is not lazy loaded (9709)
• New DependencyMenu feature, allowing deleting + editing a dependency using right click (9733)
• EventEditor now supports autoUpdateRecord to apply changes to the underlying record (updating the UI) while editor is open (9841)
• You can now set boundaries for the timeline using two new properties: minDate and maxDate. Actions such as timeline scrolling, all types of timeline zooms, and shifts will respect these limits (3870)
• With some configurations, zooming in and out of the Scheduler could lead to a very long time axis, which degraded performance. To prevent this, it now limits how many ticks (the bottommost unit) its time axis can contain to 10,000 (which will give a very long scroll range even with small tick sizes)
• ExcelExport feature got a minor refactoring, and now uses more feature-rich write-excel-file library (6089)

BUG FIXES

• 9154 – Partnered schedulers scroll lags when using iPad
• 9562 – Make resource and assignment data available in EventTooltip
• 9641 – Partial animation on scroll with lazy loading
• 9710 – HIGH PRIO Lazy loading of EventStore creates STM transactions

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

STYLING CHANGES

• Predefined colors available as eventColor has been normalized between Scheduler, Calendar and TaskBoard

DEMOS

• VUE-3 New demo showing implementation of dragging unplanned tasks from a Grid to a Scheduler. The demo is located in frameworks/vue-3-vite/drag-from-grid folder (9722)
• VUE-3-VITE Event rendering demo (Vue 3 + Vite) shows using Vue components as event renderers. The demo is located in frameworks/vue-3-vite/event-rendering folder (Partially fixed 946)

BUG FIXES

• 284 – Shift by whole calendar month when shift unit is month
• 1230 – rowHeight set on ViewPreset is ignored
• 9909 – Moving an infinitely weekly repeating event by drag & drop fails
• 9921 – Zooming the timeline with touchpad scales the entire page
• 9949 – Repeat event error when selecting option first day in month
• 9951 – Scheduler crashes when clicking on splitter and no resources exist

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• You can now opt out of focus-related renditions while keyboard is used, using DomHelper.enableKeyboardCssModifiers (5271)
• The EventDrag feature has a new property: snapToResource. Set it to true to be able to snap events to resources while dragging events, i.e., vertical row snap in horizontal mode and vice versa (3624)

BUG FIXES

• 3784 – visibleDate config does not work when autoHeight is set to true
• 5233 – ANGULAR Frameworks wrappers components not triggering some events
• 7066 – Event drop context data conflict
• 7263 – Bug when using split and panel
• 8042 – HIGH PRIO Drag drop tooltip shown with empty content
• 8263 – CrudManager loses changes when applying sync response
• 8283 – Scheduler header date is not sticky
• 8359 – HIGH PRIO Export scheduler view with custom component as eventRenderer
• 9150 – HIGH PRIO REACT Bug with Recurring Events + Timezones
• 9212 – Crash when splitting a child event inside a nested event
• 9378 – HIGH PRIO RecurrenceConfirmationPopup reconfiguration should be easy
• 9438 – TYPESCRIPT Update types for the keys in KeyMap to allow null
• 9647 – Crash when enabling LockRows and dragging selected events from both splits
• 9663 – The validation is still shown when closing and reopening event edit pop up
• 9677 – Splitter misrendered after removing all rows
• 9692 – Multi-assignment event dragging leaves a copy of the dragged event when LockRows feature enabled
• 9695 – HIGH PRIO TaskEditor unexpectedly jumps when editing occurrences
• 9718 – VUE-3 Preventable events don’t work in Vue wrapper
• 9723 – Setting hideHorizontalScrollbar to false causes errors
• 9737 – Should calculate ResourceTimeRanges in the original time zone
• 9795 – HIGH PRIO beforeEventDropFinalize should include new startDate/endDate values of the dragged event
• 9803 – Missing event object in beforeAdd and strange effects when copy/paste Events
• 9824 – Tooltip not showing for dynamically added summaries
• 9850 – Cannot when clicking empty area in the Scheduler
• 9852 – Crash when moving mouse in Firefox

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• The PdfExport feature now supports exporting scheduler in vertical mode (2007)
• The ColumnLines feature now supports a renderer function letting you add CSS classes and custom styles to each line (6016)
• The TimeRanges feature now fires a currentTimelineUpdate event every time the current timeline is updated (9654)

BUG FIXES

• 9674 – Overlap detection broken when dragging multiple events assigned to the same resource

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• The TimeRanges feature now fires a currentTimelineUpdate event every time the current timeline is updated (9654)
• The plugin processing has been updated to correctly handle multiple plugin configurations

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• TimelineHistogram view got two new hooks providing more control over the rendered charts DOM elements. Please check "What’s new" guide for more details (9037)
• Bumped the built-in version of FontAwesome Free to v6.6.0, which includes a new table-cells-row-unlock icon sponsored by Bryntum

API CHANGES

• DEPRECATED TimelineHistogram.getRectClass config in favor of new getBarClass config to make naming more consistent

STYLING CHANGES

• The font-weight for event bars in the classic themes was increased to 400 (up from 300) to improve readability. The hollow event style was also slightly tweaked in the classic-dark theme for the same reason (9605)

DEMOS

• REACT-REMIX "Basic" (React + Remix) demo shows using Scheduler component in Remix. The demo is located in frameworks/react-remix/basic folder (4912)
• SHAREPOINT Added a new demo for SharePoint Framework (SPFx) in the frameworks/react/typescript/sharepoint-fabric folder (9224)

BUG FIXES

• 4823 – Changing showCurrentTimeLine value doesn’t trigger stateful event
• 6310 – allowOverlap = false not working when dragging multiple events
• 8619 – HIGH PRIO Event drag does not work on iPad – it triggers timeline scrolling
• 9294 – HIGH PRIO applyChangeset in event store triggers a sync
• 9309 – HIGH PRIO Multi-event resize issue when resizing to edge
• 9370 – HIGH PRIO REACT custom eventRenderer which return JSX, cause a significant delay in rendering events
• 9504 – HIGH PRIO Resource header blank after collapse expand vertical time axis column
• 9530 – LoadMask only masks top grid section when using LockRows feature
• 9560 – snapRelativeToEventStartDate trigger error when event drag create action
• 9575 – TYPESCRIPT selectedTimeSpan type definition
• 9576 – HIGH PRIO EventDrag is broken in RTL with constrainDragToTimeline set to false
• 9580 – HIGH PRIO Mouse does not detach from the timeline with Pan Feature
• 9625 – Wrong time axis column width when switching demo to vertical mode

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

BUG FIXES

• 6015 – HIGH PRIO Poor UX when creating new event with allowOverlap set to false
• 9379 – Merge cells rendering issues
• 9477 – Not possible to configure generateNewName in EventCopyPaste feature
• 9493 – HIGH PRIO forceSync: true not triggering sync call correctly
• 9505 – Crash during keyboard navigation in Scheduler vertical mode
• 9512 – getDateConstraints blocks horizontal movement in vertical mode

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

We are thrilled to announce version 6.0 of our Scheduler product. This release marks a significant milestone for us after more than two years of dedicated development. In this update, we are excited to bring you:

• Lazy loading of rows as you scroll, for huge datasets
• Support for freezing rows
• New ScrollButtons feature to easily scroll events into view
• Support for resizing multiple events simultaneously
• Improved TypeScript typings
• A new code editor in the examples for easy fiddling
• Cool new demos
• Bug fixes and other enhancements requested by our community

A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

• EventEdit now shows an error tooltip when saving is not possible due to overlapping events (2841)
• The LockRows feature allows records, which satisfy a certain condition to be locked at the top of the scheduler. By default, the condition is that a certain named field has a truthy value. The field, which decides this status defaults to 'fixed', but that is configurable using the fieldName property (4831)
• The EventCopyPaste feature has been enhanced. It now creates clones of the copied records immediately on a copy action. This makes the copied data unaffected by any Store changes between the time of copying and the time of pasting. It also makes it possible to modify the copied data in the beforePaste event. Additionally, when copy-pasting between different Scheduler instances, the complete record will be copied, not just a predefined set of fields, as it was previous (6692)
• PDF export server has been moved from examples/_shared/server folder to its own GitHub repository: https://github.com/bryntum/pdf-export-server (6820)
• The default format for NumberField and NumberColumn now includes all numeric-related configs from the current locale, like decimals separator, grouping separator etc. (6948)
• EventResize feature now supports resizing multiple events simultaneously (7218)
• The TimeSelection feature now supports using a drag-drop gesture to select a time span via the new enableDragSelect property (7828);
• The new ScrollButtons feature will show arrow buttons at both sides of each row, which lets the user scroll to the next out-of-view event easily. Showcased in the new scroll-buttons demo (7965)
• Stores now have support for lazy loading of data, which when used in the Scheduler, loads new data while scrolling (both vertically and horizontally) (8001)
• To allow for better control of the z-index of different layers in the schedule, elements from the ResourceTimeRanges and ResourceNonWorkingTime features are now rendered to separate parent elements in the DOM. Previously, they were both rendered into the same parent as event bars. If you have adjusted the z-index of the different elements in the schedule, please verify that they are as you expect after upgrading (8043)
• Scheduler now supports drag-drop of events in a single direction via the new singleDirection property (8262)
• New allowOverlap field on ResourceModel to allow per-resource overlap behavior (9010)
• When setting recurrence on a non-recurring event, the choice of recurrence types is now pre-populated with choices contextualized to the day of week and week of month of the event’s start date. To disable this, configure the event edit feature with useContextualRecurrenceRules : false
• Milestones at the same date no longer overlap when using pack layout and milestones that take part in layout (using milestoneLayoutMode) when packing is now correctly positioned
• The code editor in examples is now implemented with the VS Code engine. Code folding, search and replace, full undo/redo is now available when editing examples
• TypeScript Class configs Config (e.g. ButtonConfig) now provide type declarations for listeners parameter in .d.ts files
• TypeScript Class configs Config (e.g. ButtonConfig) types now have optional parameters in .d.ts files. *Config type can be used instead of Partial<*Config> declaration
• Event bars, resource time ranges and time ranges all now use the direction neutral inset-block-start and inset-inline-start styles for positioning, rather than top and left. This puts them in the same place in LTR and RTL directions without additional processing
• Bumped the built-in version of FontAwesome Free to v6.5.2, which includes a new table-cells-row-lock icon sponsored by Bryntum
• Angular Bryntum Angular wrapper now exports Bryntum...Props types (e.g. BryntumSchedulerProps) which match the configs available for a wrapper component (e.g. BryntumSchedulerComponent). Wrappers code is now delivered with documentation inside, that helps in setting up the components
• EventHelper no longer mutates the DOM event object to fix browser quirks and add utility properties. It now wraps the DOM event with a Proxy, which exposes all the properties of the DOM event and also accepts any new properties added to it. The original DOM event is available in the browserEvent property

API CHANGES

• VUE-3 Bryntum Vue-3 wrapper now exports Bryntum...Props types (e.g. BryntumSchedulerProps) which match the configs available for a wrapper component (e.g. <bryntum-scheduler>). Wrappers code is now delivered with documentation and TypeScript sources inside (3085)
• DEPRECATED The WidgetHelper utility class has been deprecated and will be removed in a future release. Use the corresponding widget class instead – Widget, Toast or Mask (6103)
• In previous versions, a call to project.commitAsync() caused a UI refresh even if nothing was changed by the commit. This has been fixed so that the UI is only refreshed if the commit actually changed something. This is a slight behavioral change (for the better), which we think should have minimal impact on apps (7924)
• BREAKING Store search method findByField now uses exact match for number values (8041)
• BREAKING The useRawData setting on Store is now enabled by default, but with all sub-settings disabled. This means that the incoming data object will be used as is, without being cloned. Which will boost data loading performance, but is potentially a breaking change if the data object is reused / used in other parts of the application (8335)
• BREAKING The copyKey property of the EventDrag feature now defaults to the default copy key of the native OS (Meta-key for Mac and Ctrl for Windows) (9245)
• BREAKING In 6.0.0-alpha-2 we changed the default value for useRawData on stores to true. This boosted record creation performance by not cloning the incoming data object. However, this change has lead to some issues, and we are now taking a step back. It will once again default to false when supplying data inline, and instead only to true when data is loaded remotely using an AjaxStore or a CrudManager (9289)
• STYLING The bottom border styling of the Grid header was moved from the .b-grid-header-container element to .b-grid-headers in non-timeline sub-grids and .b-horizontaltimeaxis in the timeline subgrid
• BREAKING ExcelExport now exports only events in the current time axis by default. Controlled by the includeEventsOutsideTimeAxis config
• Some of the EventCopyPaste feature’s events has gotten their parameters changed slightly. For the copy event, the eventRecords and assignmentRecords has been specified as copies of the original copied records. For the paste event, the pastedEventRecords parameter has been deprecated, and its content is now available in the eventRecords parameter. For the events copy, beforePaste and paste, the original records that were copied are now available in the originalEventrecords and originalAssignmentRecords parameters
• With the recent introduction of individual layers for positioned elements, z-indexes have now been normalized. If you have overridden z-index of the layers, please adjust your CSS to ensure it looks as you expect
• The nonworking-time layer has been moved up in the z-index stack to float above the time axis tick lines
• Read-only events are now rendered the same way as normal events (previously used opacity)
• DEPRECATED @bryntum/babel-preset-react-app, @bryntum/cra-template-typescript-scheduler, @bryntum/cra-template-javascript-scheduler npm packages are deprecated, and will not get any further updates. Versions prior to 6.0.0 are still accessible
• BREAKING In addition to the APIs mentioned in Grid’s changelog, the following previously deprecated APIs were removed:
  • The event property of the timeRangeHeaderClick, timeRangeHeaderDblClick, timeRangeHeaderContextMenu, beforeEventDrag and eventDragStart events (v5.2.7, v5.3.0)
  • CrudManager.transport.load.fetchOptions (v5.0.0)
  • CrudManager.transport.load.requestConfig (v5.0.0)
  • CrudManager.transport.sync.fetchOptions (v5.0.0)
  • CrudManager.transport.sync.requestConfig (v5.0.0)
  • Dependencies.drawForEvent() (v5.1.0)
  • EventResize.handleSize (v5.2.7)
  • EventResize.touchHandleSize (v5.2.7)
  • NonWorkingTime.highlightWeekends (v5.2.0)
  • ResourceInfoColumn.validNames (v4.3.5)
  • ResourceModel.getEvents() (v5.3.6)
  • Scheduler.horizontalEventSorterFn (v5.0.0)
  • Scheduler.eventBodyTemplate (v5.6.2)
  • TimelineHistogramBase.getBarTip() (v5.0.0)
• BREAKING The documented order of the arguments of TimeSpan.shift() (EventModel and TaskModel extends it) has been incorrect since v2.0.0. Docs were updated to reflect the correct order (amount, unit, not unit, amount) and the code that handled the incorrect order has been removed
• BREAKING The following default values were changed:
  • EventResize.lockLayout and EventDragCreate.lockLayout both now defaults to true
  • Scheduler.passStartEndParameters now defaults to true
  • The trigger argument of Scheduler.resumeRefresh() now defaults to true
• BREAKING In addition to the APIs mentioned in Grid’s changelog, the following previously deprecated APIs were removed:
  • The eventRecord and assignmentRecord properties of Scheduler’s eventKeyDown and eventKeyUp events
• BREAKING When using fillTicks and dragging events, the temporal data on the event that is smaller than the lowest timeaxis header tick is now kept intact when drag-dropping events
• EventMenu menu item texts for Copy event, Delete event etc. were simplified to omit event word. Menu options will now just say "Copy, Cut, Delete"
• DEPRECATED The context and its nested params of beforeEventResizeFinalize has been deprecated

STYLING CHANGES

• The Stockholm theme got some slight tweaks to panel header (removed bottom border) and tab panel styling (replaced active tab background with thick bottom border) for a more modern look (8440)

DEMOS

• REACT-VITE New demo showing booking application, using ResourceTimeRanges and the Summary feature. The demo is located in frameworks/react-vite/booking folder (8531)
• VUE-3-VITE New demo showing booking application, using ResourceTimeRanges and the Summary feature. The demo is located in frameworks/vue-3-vite/booking folder (8532)
• The crudmanager demo PHP backend has been improved

BUG FIXES

• 7276 – Move border from headers elements to allow time range header elements to render above
• 7760 – HIGH PRIO TypeScript Type intersection with any might be wrong
• 7872 – allowOverlap set to false only checks first occurrence, not other occurrences
• 8208 – Remove call to refreshRows as part of drag creation
• 8309 – Duration column decimal separator is not localized
• 8363 – Scheduler – ScheduleContext should allow interaction
• 8493 – Events in the locked row disappears upon opening and closing the EventEditor
• 8509 – HIGH PRIO Recurring time ranges not display in RTL
• 8567 – HIGH PRIO LockRows event drag drop issue
• 8568 – Cannot delete event in locked row
• 8574 – Date range field not working in "Property booking" demo
• 8580 – Event disappears if dropped on locked row
• 8587 – Event bar duplicated when assigning a resource from a backlog section using task editor
• 8599 – HIGH PRIO "Infinite scroll" demo crashes on event drag create
• 8813 – HIGH PRIO Toolbar items lose their value when moved into toolbar overflow menu
• 8957 – HIGH PRIO LockRows clone Schedulers are not kept synced with date range and scroll state of original
• 9104 – Scheduler backlog demo – remove the lock/unlock row from context menu
• 9112 – Scheduler crashes sometimes when event is hovered
• 9113 – Crash while applying zoom from timeAxis header in Infinite scroll demo
• 9117 – Infinite scroll demo backend runs out of memory
• 9310 – HIGH PRIO Resize tooltip displays incorrect dates while multi-resizing
• 9311 – HIGH PRIO Multi-resize shouldn’t allow resizing readOnly event

FRAMEWORK SUPPORT

• NodeJS: >= 20.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• The EventResize & EventDragCreate features has a new option for the lockLayout config. By specifying it as minimal-updates, only the resized / drag created event will be refreshed during the operation, instead of all events assigned to the affected resource. This can boost performance for the action when having many events assigned to a resource, at the cost of not being possible to visually indicate anything on other events until the operation is finished

BUG FIXES

• 7392 – ANGULAR Zoom to span not show correct view span when RTL used
• 9128 – REACT Drag from grid framework demos – Fix bg color for invalid target for drag proxy
• 9356 – HIGH PRIO Infinite scroll feature – scroll resets too close to the left edge of the new date range

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• Added a new refreshResources() method to the Scheduler, that lets you update specific resources when for example some external setting unknown to the Scheduler is changed (9179)

API CHANGES

• VUE REACT When using wrappers for Vue or React, syncDataOnLoad is by default set to true on all stores configured on the wrapped Widget. Starting from 5.6.12, stores with a configured readUrl or that belongs to a CrudManager configured with a loadUrl, will have their syncDataOnLoad default to null

DEMOS

• ANGULAR Updated "Booking" Angular demo to use Angular components as renderers, which is located in the "examples/frameworks/angular/booking" folder (9270)

BUG FIXES

• 8769 – HIGH PRIO Resizing event weirdly behaving on WeekView
• 8852 – Clearing initial filters doesn’t render the ResourceTimeRanges
• 9213 – Project timeZone config errors out
• 9231 – Disable recurring event confirmation pop-up does not work
• 9278 – Export to PDF hangs on scaled page
• 9349 – Scheduler crashes when state is updated

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• A new static boolean property, Widget.accessibility was added, which, when set to true causes tooltips to be activated on focus in addition to mouseover (5539)
• Vanilla JavaScript documentation has a new section on Multiple Products, showing how to use multiple components in a single page using thin components (8756)
• The beforeDragCreateFinalize event now includes the dates that the event will be created with (9125)
• CrudManager has a new config called includeChildrenInRemoveRequest, that controls if a remove request includes the id of a removed parent and all its children, or just the id of the removed parent (8099)

API CHANGES

• After a docs regression, several APIs flagged to be hidden in subclasses were still visible in the docs. These APIs are now correctly hidden (9140)

BUG FIXES

• 1048 – Safari: Overscrolling timeline
• 7719 – Annual event recurrence is not set up correctly
• 8978 – HIGH PRIO Gantt ASPNET frontend example not building
• 9097 – Dragging event with snap doesn’t seem to snap to correct time
• 9115 – Unexpected row highlight in drag-from-tree demo
• 9211 – Crash "Method cannot be called at this state" when drag-creating

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• You can now render custom HTML content inside a GroupSummary tooltip using the tooltipTemplate function. Try it out in the updated groupsummary example. (8752)

BUG FIXES

• 3025 – Resizing a column with preceding flexed columns moves the column being resized
• 8533 – HIGH PRIO ANGULAR Scheduler does not load if direction: rtl and infiniteScroll: true is set
• 8934 – Persist the event selection while the user is scrolling using dragging with the mouse
• 8979 – Creating event causing the auto zoom in timeline when no start date set to the scheduler
• 8985 – HIGH PRIO Smarter EventStore sync behavior for start / end dates
• 8992 – ANGULAR implement support of ViewEncapsulation.ShadowDom
• 9004 – Collapsed Group Header State is not Restored
• 9027 – eventCopyPasteAction: clone not working when resourceIds field is configured on EventModel

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

LOCALE UPDATES

• Added Brazilian Portuguese translation ('PtBr') (8747)

BUG FIXES

• 7267 – Request for improved API for custom cell editors
• 8259 – HIGH PRIO Animated region collapse polish
• 8508 – Demo navigation buttons should be rotated in RTL
• 8571 – Drag from tree demo not working correctly
• 8572 – HIGH PRIO REACT Events disappear when scrolling and using JSX eventRenderer and resourceTimeRanges
• 8667 – HIGH PRIO Renderer Context demo event percentage circle showing undefined with new created event
• 8728 – Dates not serialized correctly when a timeZone is configured
• 8729 – Changing timeZone and updating event dates multiple time causes event to get incorrect dates
• 8744 – HIGH PRIO Events not rendering on drag scroll
• 8768 – Tooltip for a selector should not show if over a child of a delegate which has its own data-btip attribute
• 8786 – EventMouseLeave fires multiple times when multiple events are selected
• 8919 – Clicking x to close EventEditor popup does not trigger afterEventEdit event

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

BUG FIXES

• 7297 – Not navigable to next month if selected date is next month
• 8635 – Crash when pressing close button in event editor

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• If Scheduler is not provided with the viewport start date on creation, it now tries to use the project’s start date, or calculates the earliest start date among all events
• The renderer of time axis header rows now includes a param letting you reference the Scheduler / Gantt instance in your header renderer. Useful when you want to add summary row to the header (8527)

BUG FIXES

• 7046 – Non working time ranges doesn’t render properly on vertical mode
• 7920 – Fix getAssignmentsForEvent param type inside AssigmentStoreMixin
• 8199 – Events disappear when change window size with very varying row heights
• 8209 – App crashing when moving multiple JSX events and some aren’t in view
• 8268 – Weekends disabled not reflected on Split view
• 8372 – Lift batching state of event and task records during the event/task partial resize events
• 8423 – LWC Engine performance is too low with LWS enabled
• 8436 – Returning false from beforeAdd when creating event by drag or double click resulting in crash
• 8464 – REACT – All events "flicker" when ever an event is dragged or created or resized
• 8503 – Event start time after drag drop when fillTicks is used
• 8505 – Row highlighted after pressing Enter in event edit
• 8506 – Event buttons not hidden after mouseout
• 8528 – RTL Events not visible when printing
• 8537 – Make private cls configs on CalendarPanel public
• 8546 – Missing row hover effect on event drag
• 8558 – Dependency is missing on the exported page
• 8594 – Resizing time-selection from both side produces error
• 8597 – TimeAxisHeaderMenu‘s zoom slider disappear while zooming with it
• 8609 – End date field marked as invalid / red after changing event start date

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• Scheduler now stores its startDate and endDate values as part of its State storing mechanism.
• All frameworks demo applications have been verified and updated to be compatible with Node.js 20
• Bumped built-in FontAwesome Free to version 6.5.1
• When editing very long events where the event bar extends outside the visible viewport, only the nearest 100 pixels of the bar are scrolled into the viewport rather than attempting to scroll the whole width into view. The minimum width to scroll in may be configured in the eventEdit feature using the minEditSize config property (8315)
• Grid now saves the collapsed state of groups in its default state saving mechanism (8103)

API CHANGES

• To boost record creation performance, records now cache their id (it is accessed very frequently, helps performance a bit) and join their store(s) in a more efficient way. As a side effect, a record no longer has a stores array prior to joining a store, previously it was there as an empty array from start. We don’t think this will affect any code, but wanted to share the change in case it does

BUG FIXES

• 7469 – Wrong value of expanded when calling store toJSON method
• 7707 – TYPESCRIPT Update timeAxisColumn to be a property
• 7720 – scrollResourceEventIntoView not working for collapsed tasks
• 7821 – Issue with rendering recurring events with multi assign
• 8000 – Crash when right-clicking before drag creating in Booking demo
• 8022 – Hide validation tooltips in Popups as soon as the popup closes
• 8102 – State doesn’t store to localeStorage on shiftNext/shiftPrevious
• 8200 – Webpack build failed with .min.css file
• 8210 – HIGH PRIO Strange row expansion when drag creating in embedded-chart demo
• 8216 – HIGH PRIO Error in summaries when expanding / collapsing resources
• 8220 – Exporting current view should not reset the time span
• 8233 – HIGH PRIO Dependencies to nested parent events, cause all child events to have an offset
• 8240 – EventDragSelect ignores selection after close-to-edge-scroll
• 8282 – EventDragSelect does not select milestones
• 8288 – Event content overflow not hidden in Firefox
• 8291 – HIGH PRIO Events are not visible when exporting infinitely scrollable scheduler
• 8300 – HIGH PRIO ANGULAR Html custom element can not be rendered inside eventTooltip.template
• 8310 – Timeline histogram with current timeline config triggering error
• 8343 – Focused tooltip throws errors when re-invoked by a new target
• 8344 – Event preamble/postamble element sizing/positioning doesn’t change for RTL mode
• 8373 – Cannot read properties of undefined (reading 'button')

FRAMEWORK SUPPORT

• NodeJS: >= 14.0.0
• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

BUG FIXES

• 1480 – Issue with Repeat event dialog on cancel changes
• 7372 – Improve performance of region resize
• 7403 – Make a guide on how to make a theme selector in frameworks
• 7818 – TypeScript Incorrect RecurrenceModel typing in typings
• 7850 – Salesforce Multi event select not selecting events in Salesforce
• 7964 – REACT JSX doesn’t work in Popups
• 8112 – Drag not working between schedulers on responsive/mobile devices
• 8119 – Print dialog button should say Print
• 8134 – Dragging event close to edge does not trigger timeline scrolling
• 8143 – Group icon stopped handling click when resourceCollapse column added
• 8153 – Crash when right-clicking vertical time axis
• 8177 – TimeAxisSubGrid throws "queueMicrotask is not a function" exception
• 8179 – ascending config not working in Group feature

FRAMEWORK SUPPORT

• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• The Labels feature now skips rendering unnecessary elements for labels without content.

API CHANGES

• resourceTimeRangeRenderer method from ResourceTimeRanges feature is now a config on the Scheduler, making it available in framework wrappers (8035)

DEMOS

• ANGULAR Added new "Timeline histogram" Angular demo which is located in the "examples/frameworks/angular/timelinehistogram" folder
• REACT + VITE Added new "Timeline histogram" React + Vite demo which is located in the "examples/frameworks/react-vite/timelinehistogram" folder
• VUE 3 + VITE Added new "Timeline histogram" Vue 3 + Vite demo which is located in the "examples/frameworks/vue-3-vite/timelinehistogram" folder

BUG FIXES

• 6224 – Add event for ColumnResize to catch user resize action
• 7542 – Removing partner does not break the timeAxis link
• 7958 – Property type is missing in DataFieldConfig
• 7973 – Timezone wrong behavior when using applyChangeset
• 8024 – Event editor bottom toolbar missing top padding
• 8027 – Skip rendering empty labels
• 8071 – If visibleDate is set multiple times before paint, Scheduler goes into infinite loop
• 8080 – Missing TimelineHistogram component in Angular / React / Vue packages
• 8081 – Missing TreeGrid component in Angular / React / Vue packages
• 8084 – Hide scrollable config from Menu docs

FRAMEWORK SUPPORT

• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• Timeline zooming as enabled by the zoomOnMouseWheel config property now also responds to pinch-zoom touch gestures on touch devices
• ANGULAR New "Property booking" demo (Angular) showing a demo booking application, using ResourceTimeRanges and the Summary feature. The demo is located in frameworks/angular/booking folder (7769)
• REACT Documentation in "Quick start", "Guide" and "React Tutorial" is now updated with how to build React application in Vite for higher efficiency and better performance in development

API CHANGES

• DEPRECATED Please kindly note that @bryntum/babel-preset-react-app and @bryntum/cra-template-typescript-scheduler, @bryntum/cra-template-javascript-scheduler packages will not get any updates after 6.0.0 version

BUG FIXES

• 880 – Tabbing to partially visible event breaks event navigation
• 1458 – Tooltip jumps trying to follow by the TimeRange element
• 7698 – Remove overnesting from framework demos
• 7716 – Link is created to a task when trying to abort building the link
• 7779 – Dragging event in hidden resource causes exception
• 7889 – Adding a new event via applyChangeSet triggers auto sync
• 7903 – Dependencies arrows not working when set fromSide/toSide = 'top'
• 7929 – PDF Export event bars not correctly rendered when dependencies enabled
• 7946 – Console error when use not adjusted timeAxis with specific configs
• 7952 – Can resize event out of original bounds
• 7967 – React Events with custom content disappearing during resize
• 7970 – Non-working days are not highlighted in an exported PDF
• 7972 – Event not shown when drag&drop between scheduler in fullscreen Mode
• 7992 – Crash after destroying scheduler and setting timeZone on the project when using TimeRanges features
• 8006 – TypeScript ResourceModel missing timeRanges in Docs/TS definition
• 8015 – Scheduler booking demo issues
• 8017 – Current timeline color is incorrect
• 8020 – Scheduler Stress Test Demo broken
• 8036 – Copy to clipboard doesn’t work in some code blocks

FRAMEWORK SUPPORT

• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

FEATURES / ENHANCEMENTS

• Tooltips such as the one shown by the EventTooltip feature can now stay visible when mouse exits the target element which triggered the tooltip to show via the new autoHide config (4882)
• TimeRange feature now offers to configure its hoverTooltip shown when hovering a range header element
• A CSS change (max-width on .b-sch-event-content) in the previous release that was meant to simplify making event content sticky in some scenarios turned out to mess styling up in others, and have now been reverted. It needs to be handled by the application where applicable instead

API CHANGES

• The year viewPreset now renders a full year if not date range has been provided
• DEPRECATED The eventBodyTemplate function was deprecated in favor of returning the desired markup from an eventRenderer function. It will be removed in 6.0 (7288)

BUG FIXES

• 7092 – Feature mixin on-owner events are not exposed on class
• 7716 – Link is created to a task when trying to abort building the link
• 7730 – Scrollbar presence not synced correctly for partners in FF
• 7839 – TooltipTemplate not working in time selection feature
• 7851 – 0-duration TimeRange lines should float above event bars
• 7883 – Make column renderer more efficient
• 7891 – REACT bigdataset demo broken rendering

FRAMEWORK SUPPORT

• TypeScript: >= 3.6.0
• Angular: >= 9.0.0
• React: >= 16.0.0
• Vue: >= 2.0.0
• Ionic: >= 5.0.0
• Vite: >= 4.0.0
• Webpack: >= 4.0.0

Older versions

• Full release version history can be found here.