Scheduler – Change Log

DEMOS

• TinyMceField now uses forced inline mode in Firefox to prevent errors (13291)

BUG FIXES

• 12305 – ResourceTimeRanges not displaying for resources in collapsed groups
• 13109 – Scheduler does not start on current date if startDate is omitted
• 13137 – highlightEvents() now flashes every highlighted event, not only the one scrolled into view
• 13161 – Max zoom level doesn’t work with smoothZoom
• 13266 – REACT Drag in the scheduler causes a blank rendered element with React elements
• 13328 – Accordions from the function sections cannot be opened
• 13340 – DOCS Missing visual guidance docs and rendering snippets in TimeAxis
• 13349 – HIGH PRIO Sticky Cells behaving unexpectedly in Scheduler’s locked row
• 13363 – Sometimes text is being rendered under the bar in resource histogram
• 13379 – Day of month numbers in the recurrence editor were cropped in some themes and locales
• 13381 – zoomToSpan should scroll to the dates provided when zoomLevel is the same
• 13426 – Store.insert(n, existingRecord) does not correctly update the data order

VERSIONS SUPPORT

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

DEMOS

• REACT-VITE New Lazy loading demo (RTK Query) – resources (vertical) and events (horizontal) loaded on demand. The demo is located in frameworks/react-vite/rtk-query-lazy-load folder (9763)
• VUE-3-VITE New Lazy loading demo (TanStack Query) – resources (vertical) and events (horizontal) loaded on demand. The demo is located in frameworks/vue-3-vite/tanstack-query-lazy-load folder
• ANGULAR New Lazy loading demo (NgRx) – resources (vertical) and events (horizontal) loaded on demand. The demo is located in frameworks/angular/ngrx-lazy-load folder

BUG FIXES

• 5284 – TypeScript initials on ResourceModelMixin now typed as accessor (get initials(): string) allowing subclass override
• 6481 – TypeScript Added Promise<CrudManagerLoadResult> / Promise<CrudManagerSyncResult> generic parameters to AbstractCrudManagerMixin.load() and sync() return types
• 9577 – TypeScript getCoordinateFromDate ignoreRTL option now in the TypeScript definitions
• 9598 – HIGH PRIO Overlapping events are not correctly rendered in Vertical Mode
• 12697 – Dependency arrow moves incorrectly when dragging an event with EventBuffer
• 12764 – Milestone dependency lines misaligned when exporting to PDF
• 12932 – HIGH PRIO Focus event bar should optionally not trigger selection change
• 13276 – zoomToSpan is not working when range is out of view and zoomLevel didn’t change
• 13292 – Recurring event customization error
• 13293 – REACT headerRenderer content disappears on column resize in vertical mode

VERSIONS SUPPORT

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

API CHANGES

• DEPRECATED The timezone handling is being reworked on top of the Temporal API. In 8.0 the new implementation becomes the default and a useLegacyTimeZoneMode config will be added to opt back into the current (legacy) timezone behavior. The legacy timezone mode will be removed in 9.0. Full details will follow in the 8.0 changelog and What’s New
• DEPRECATED Chart configs legendScale, titlePadding, subtitlePadding, minTickLabelRotation, maxTickLabelRotation, bubbleScaleFactor, and chartTooltip have been deprecated in preparation for an upcoming switch from Chart.js to AG Charts, to occur in version 8.0

BUG FIXES

• 261 – Vertical-mode events with working-time exclusions could be missing or overflow the time-axis start
• 1616 – Custom preset header tick boundaries shifted after zoom out and zoom in
• 12984 – rowHeight property does not affect resource height when using resourceCollapse column type
• 13229 – Vertical Scheduler drag & drop issues in RTL direction with vertical mode

VERSIONS SUPPORT

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

FEATURES / ENHANCEMENTS

• Added the preserveHoursAcrossDST config on ViewPreset which keeps an hour-based view preset symmetric across DST transitions

API CHANGES

• DEPRECATED ANGULAR Support for Angular 14 and older will be dropped in 8.0.0. If you plan on upgrading to version 8, please make sure to update to Angular 15 or newer before then

BUG FIXES

• 4996 – TypeScript Made projectModelClass config public in typings
• 8162 – TypeScript Added missing context.eventRecord, context.resourceRecord, context.startDate, and context.endDate params to beforeEventDropFinalize event
• 10238 – TypeScript zoomToLevel param type was too narrow, now accepts Number, String, or ViewPresetConfig
• 10244 – Non-async preventable events incorrectly typed with Promise<boolean> return
• 11782 – Event not graphically duplicated using CTRL + Drag on multigroup
• 12920 – HIGH PRIO Row resizing with expanded resource collapse column is glitchy
• 12927 – The dependency points with milestoneTextPosition not always-outside are not correctly positioned
• 13016 – TypeScript Type Errors allowCrossGridDrag.transferData, traverse, traverseWhile, query
• 13210 – Zooming broken when Gantt partnered with Scheduler Pro

VERSIONS SUPPORT

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

FEATURES / ENHANCEMENTS

• Added showMouseIndicatorLine config to TimeRanges feature. When enabled, a 1px line follows the mouse on the timeline, displaying the date/time in the header based on the current zoom level. Supports custom headerRenderer and showHeaderElements options (12995)
• TimelineHistogram was refactored to render to a single shared SVG canvas to improve UX and performance
• clickWidth on the Dependencies feature now defaults to 5 for improved click/hover UX (12925)
• ResourceTimeRanges now supports a drawThreshold config to hide ranges with a width below a pixel threshold, to declutter zoomed out views and increase draw performance (2988)
• New AI time range context chip below the message input for switching between Timeline, In view, and All ranges
• New AI agent tools for column visibility: getColumns, showColumn, hideColumn
• New AI agent askUser tool presents clickable options when a decision is needed before proceeding
• New AI agent grouping tool groups records by a field (requires the Group feature)
• New AI agent createPlan and completePlanSteps tools break multi-step requests into a tracked plan
• AI confirmation dialogs now render inline within the chat panel instead of as floating modal popups
• AI tool responses now use a structured AIToolCallResult format
• The AI chat panel stop button now interrupts read-aloud playback
• New stopAudioOnHide config on the AI feature stops recording and audio playback when the chat panel is hidden
• The autoRecord config on the AI feature now defaults to false
• The AI chat input now supports @ mentions for referencing records from configured data models
• Added smoothZoom config for fluid zooming that interpolates between view presets. Opt-in, but from v8 it will be the new default (5037)
• Added two new view presets, to fill gaps in the zoom levels: amPm and fifteenMinutesAndHour. Also note that some presets have had their tick size adjusted for a better zooming experience
• To facilitate easy agentic onboarding, Bryntum structural and theme CSS are now loaded from CDN when not present, while also logging a console warning. This can be disabled with detectCSSCompatibilityIssues: false. For production use, include the CSS in your app

STYLING CHANGES

• Removed content: var(--fa) convenience CSS rule from .b-icon::before / .b-fw-icon::before. Font Awesome icon classes like fa-book now require the fa base class (e.g., fa fa-book) (12790)

DEMOS

• ANGULAR Added theme switching support to all demos (12129)
• VUE-3-NUXT "Basic" (NUXT) demo shows using Scheduler in NUXT. The demo is located in frameworks/vue-3-nuxt/basic folder (10220)
• VUE-3 Added theme switching support to all demos (12905)
• Added a new zooming demo showcasing the new smooth zooming system
• Removed legacy Ionic demos and guides. Ionic remains supported via the existing React, Angular, and Vue demos.

BUG FIXES

• 9705 – Add start/end date properties to documentation of eventRenderer‘s renderData
• 12451 – TypeScript ViewPresetHeaderRow.renderer return type missing, typed as void instead of DomConfig|string|void

VERSIONS SUPPORT

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

STYLING CHANGES

• Hardcoded z-index values now use CSS custom properties for easy overriding (13035)

BUG FIXES

• 12559 – DOCS Scroll buttons could navigate to filtered out events when clicking
• 12866 – Nested events lazy load demo crash on zoom out
• 12902 – Event bar content regression
• 12956 – VUE Events disappear after show/hide Scheduler
• 12965 – HIGH PRIO Drag selection misses events when auto-scrolling horizontally and cursor is outside scheduler element
• 13000 – scrollEventIntoView crashes when TreeGroup is configured with empty levels
• 13003 – Changing specific resource column width does not refresh view
• 13045 – Vertical mode scheduler refreshes once per record during engine propagation

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
• Remix: >= 2.15.0

BUG FIXES

• 6408 – beforeEventSelectionChange listener doesn’t have the right parameters
• 12319 – onInput listener on DateTimeField was not triggered when typing in the field
• 12524 – Time axis header clips first label in vertical mode
• 12671 – Recurrence repeat dropdown options not updating when event start date is changed
• 12780 – LockRows filterFn config caused excessive re-rendering
• 12831 – ANGULAR Crash during event drag & drop when drag reset occurs during async finalize
• 12842 – Timeline header rendering breaks after zooming in, scrolling vertically, then zooming out
• 12843 – Vertical drag with multiple elements outside of the timeline leaves DOM artifacts
• 12856 – Recurring events disappear on zoom in/out
• 12877 – Event drag drops on wrong resource in vertical RTL mode with horizontal scroll
• 12879 – Switching direction from RTL to LTR breaks header and scroll
• 12882 – Inline event editor disappears when Scheduler has horizontal overflow
• 12915 – Selected dependency should float above other dependencies
• 12920 – Row resizing and resource collapse features conflict

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
• Remix: >= 2.15.0

LOCALE UPDATES

• Added new locale key duplicateAssignmentDrag to EventDrag

BUG FIXES

• 10411 – Time span is not respected after setting timespan and zoom
• 11093 – HIGH PRIO Expanding a splitter with maxWidth messes up timeAxis header position
• 12132 – Scheduler’s paste event doesn’t provided the pasted resource when pasting multiple events
• 12301 – Range picker not usable in demo
• 12404 – HIGH PRIO TimeAxis header render bug after switching view presets
• 12439 – HIGH PRIO Multi Event drag issue such that one falls on the resource which already contains that
• 12461 – HIGH PRIO Toggling tree nodes with the timeline subgrid collapsed no longer causes errors
• 12473 – ResourceStore group event stops firing when LockRows feature used
• 12648 – recurrenceRule should not contain TZID parameter per RFC 5545
• 12655 – HIGH PRIO TimeAxis header disappears while zooming out with zoomKeepsOriginalTimespan
• 12666 – Resource highlight after scrolling not working
• 12685 – HIGH PRIO Recurring ResourceTimeRanges disappear when using infiniteScroll
• 12713 – New data series config option barWidth now allows controlling the size of bars in bar charts
• 12724 – Event tooltip showed immediately on SHIFT+click despite configured hoverDelay
• 12735 – scrollResourceEventIntoView ignored explicit block option
• 12751 – HIGH PRIO Issue with Large Resource Time Range Data Set
• 12765 – Drop event assigns incorrect resource in Vertical mode with RTL enabled
• 12766 – Event resize handle positioned incorrectly in vertical mode with RTL
• 12768 – EventDrag wrote wrong resource ID to DOM in TreeGroup mode causing crash during drag
• 12772 – scheduleMenuBeforeShow event returns incorrect resource in vertical mode with RTL
• 12783 – Dynamic cls prop not being set correctly when using LockRows
• 12792 – Event background color while dragging is not consistent with LockRows enabled/disabled
• 12798 – HSL color definitions missing % on saturation broke colors on older Safari/iOS
• 12807 – Crash when cutting a task in gantt-schedulerpro demo

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
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Horizontal scrolling combined with lazy loading of events has been optimized to not relayout the events unless necessary (when new events arrive), improving performance when scrolling through large datasets (12683)

BUG FIXES

• 12689 – Display bug with the striped effect and infinite scroll
• 12696 – DOCS Renderer docs does not mention JSX
• 12704 – RecurrenceEditorPanel month date buttons not updated after first edit

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
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• We’ve added a new AI feature which provides an AI agent for the Scheduler. By using the provided chat panel, the user can ask the agent to interact with the Scheduler in different ways. For example, the user can ask the agent to filter the data, sort it, or select specific records. The agent can also perform data manipulation operations such as adding, updating, deleting records. The feature and all its related components are marked as experimental and are subject to change
• The partner config now accepts string selectors (widget type, #id, or attr=value) in addition to widget instances (1979)
• Added allowedDependencyTypes config to DependencyStore to restrict which dependency types can be created (548)
• Any column type can now be used as a tree column by adding tree: true to the column config. For example, { type: 'resourceInfo', tree: true } creates a ResourceInfoColumn with tree functionality. This uses a new mixin-based system that provides flexibility without needing separate tree-specific column classes (3602)
• New ResourceColumnReorder feature for reordering resource columns in vertical mode by drag and drop. Supports grouped resourceStore with automatic group field updates when moving between groups (12228)

DEMOS

• Added a new Kitchen Sink demo showcasing all the various widgets included in the Bryntum Scheduler package. The demo is located in the examples/kitchen-sink folder (3961)

BUG FIXES

• 12668 – Moving columns in vertical mode did not trigger auto-scroll

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
• Remix: >= 2.15.0

BUG FIXES

• 7209 – Docked panel overlay not working in RTL mode
• 11893 – When increasing the time range the scheduler does not render the headers correctly
• 11945 – HIGH PRIO VUE 3 Disappearing events when lock rows feature is enabled
• 12448 – Error when dragging events between schedulers if timeAxis is filtered
• 12495 – Pan feature cursor missing
• 12582 – ResourceTimeRanges mouse events cause console error in vertical mode
• 12590 – ResourceTimeRange elements not removed from DOM in vertical mode
• 12623 – BUG Print feature for multi assignments in Scheduler
• 12657 – Setting eventRenderer at runtime does not trigger a view refresh

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
• Remix: >= 2.15.0

BUG FIXES

• 872 – dependencyValidationStart and dependencyValidationComplete events now include fromSide and toSide as top-level parameters
• 3183 – Style in event renderer cannot be configured with object in vertical mode
• 10544 – Crash when zooming rapidly in TimelineHistogram with async data
• 11093 – Expanding a splitter with maxWidth messes up timeAxis header position
• 11556 – EventStore changes incorrectly rejected when canceling SimpleEventEdit after onBeforeStart prevented edit
• 11725 – ANGULAR Switching direction from RTL to LTR breaks header and scroll
• 11728 – TypeScript Promote minDate/maxDate configs to properties
• 11824 – Dependency Edit menu automatically closes immediately after opening
• 11837 – Scheduler crash with tree-grouping and scroll buttons feature
• 11865 – Filtering resourceStore incorrectly triggers noChanges event when other stores have changes
• 11911 – NPM Incorrect source maps in npm packages (@bryntum/scheduler, @bryntum/scheduler-trial)
• 11926 – Current timeline should not be draggable when enableResizing is enabled
• 11940 – TimeSelection not working correctly with LockRows feature
• 12150 – Dependencies updates are not cleared from the project.changes after sync
• 12507 – Scheduler crashes after combining eventDrag cloneTarget config and snap feature
• 12538 – Milestone has unwanted background color
• 12543 – emptyText shown in wrong subGrid for Scheduler in vertical mode
• 12545 – HIGH PRIO REACT Events with JSX elements disappear in tree on second render
• 12550 – "element.focus is not a function" error when scrolling to unrendered event with focus: true
• 12557 – HIGH PRIO getResourceHeight() subtracts row border when using striping (no border)
• 12559 – DOCS Scroll buttons are visible when event store is filtered to empty
• 12579 – getEventsForResource throws runtime error when EventStore is empty

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
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Made TimeRanges.dragTipTemplate config public and added comprehensive documentation with usage examples for customizing the drag tooltip display (12416)

BUG FIXES

• 6466 – TypeScript responsiveLevels type now allows configuration objects with scheduler properties
• 7921 – Selection change events missing source property in TypeScript types
• 8127 – DOCS TypeScript Added missing properties to various typedefs (SchedulerMenuContext.date, EventResize.tooltipTemplate.valid)
• 12363 – Copy paste of events makes duration grow
• 12403 – HIGH PRIO Scheduler crashes with scheduleContext feature enabled in vertical mode
• 12418 – Strange look with few resources not filling vertical scheduler
• 12426 – ScrollButtons feature cannot be disabled
• 12427 – Scheduler print feature breaks when printing multiple pages
• 12428 – ResourceCombo‘s resource color icon not the correct color
• 12429 – Shortcut copy/paste events on resource time ranges with mouse events not working
• 12496 – When the initial value of a remotely loaded Combo is resolved, the field should not fire a change event
• 12517 – Setting maxDate before minDate could result in maxDate being unexpectedly nullified

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
• Remix: >= 2.15.0

FEATURES / ENHANCEMENTS

• Clicking the dependency line delete icon now fires a preventable beforeDependencyDelete event (12413)

STYLING CHANGES

• Added a new fluent2 theme, available in both a light and dark variant (10338)

BUG FIXES

• 9004 – HIGH PRIO Collapsed group header state is not restored
• 10465 – Crash when using custom locale without explicit startDate and endDate
• 12388 – ChatButton‘s panel is misaligned

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
• Remix: >= 2.15.0

API CHANGES

• Added new config continueEditingOnEventClick to the EventEdit feature. When enabled, clicking another event while the editor is open will immediately continue editing the second event instead of first closing and then reopening it. (See examples/docked-editor example)

DEMOS

• REACT-VITE New Print React demo added showing the use of Print feature with JSX component. The demo is located in frameworks/react-vite/print folder

BUG FIXES

• 10595 – REACT JSX rendered recurrent events content disappear on scroll
• 12135 – REACT Print not using JSX renderer
• 12170 – Fixed blocked time cell hover styling in Scheduler validation example
• 12195 – HIGH PRIO Event resize in vertical mode is wrong while there is a global scroll on page
• 12207 – HIGH PRIO zoomTo with the same date range shows different viewPreset depending on initial zoom before change
• 12351 – Inconsistent dependency type labels between DependencyType and DependencyEdit
• 12366 – HIGH PRIO Event jumps one day forward when dragging with fillTicks and snap enabled
• 12370 – Hide toPasteValue config from TaskCopyPaste and EventCopyPaste

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
• Remix: >= 2.15.0

BUG FIXES

• 11899 – Deleting dependency with edit dialog doesn’t remove x button from UI
• 11962 – Grouping divider behaves strangely in vertical mode
• 12257 – The column headers are not rendered as intended
• 12297 – Fixed Event won’t be assigned if pass resource on creation
• 12312 – Promise chain breaks in scrollEventIntoView when scrolling to an event on a non-visible day

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
• Remix: >= 2.15.0

We are proud to announce version 7.0 of our products. In this update we have overhauled the look and feel of all products, introducing a new CSS variable based theming system with the following new themes available: * Svalbard – our new default theme, flat and modern * Visby – inspired by the town’s old ring wall, uses more borders * Material3 – newer material, up from v1 * Stockholm – a refreshed classic * High contrast – more contrast between text and backgrounds

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

FEATURES / ENHANCEMENTS

• All Bryntum products have had a major visual overhaul, modernizing not only their look but also the underlying CSS. See the "Styling changes" section below for more details, and be sure to check out our updated demos
• Updated versioning scheme: for Alpha and Beta pre-releases now follow semantic versioning format (e.g., 7.0.0-alpha.1, 7.0.0-beta.1)
• Added support for selecting and deselecting a single dependency using the new selectDependency and deselectDependency methods available on the Dependencies feature. (11996)
• TimeRange record instances are now updated live while being dragged (try it out in the Scheduler or Gantt timeranges demo).
• TypeScript Improved TypeScript definitions to support function parameters in typedef declarations

API CHANGES

• BREAKING DatePicker‘s cellRenderer is now passed the cell element as the cell property of its render context. The inner element into which new content can be added is passed as innerCell. Previously the inner element was passed in the cell property. This will only affect your apps if you have implemented a cellRenderer in any DatePicker
• Added a new parameter clearChanges to the store’s applyChangeset method which, when passed as false, applies changes to the store without committing them, keeping the store dirty. By default, it is true. (11089)
• The DependencyMenu feature is now enabled by default
• In a Scheduler configured with snap: true, dragged events now also snaps to resources by default
• DEPRECATED The enabledEventAnimations config has been deprecated in favor of the new transition.changeEvent config
• BREAKING The default value for Scheduler’s resourceImageExtension config has been changed from .jpg to .png
• BREAKING The following previously deprecated API’s have been removed: * Scheduler.stepUnit * Scheduler.createEventOnDblClick * RecurrenceDaysButtonGroup * EventColorPicker.record

STYLING CHANGES

• A selected dependency line now gets the b-selected class added, previously b-sch-dependency-selected.
• BREAKING The styling of all Bryntum products has been migrated from SASS to nested CSS with custom properties (CSS variables). This change makes it much easier to create custom themes, and to change styling settings at runtime. But the change is not backwards compatible, any custom themes will have to be remade using the new system. The built-in themes and how they are applied to an app have also changed, we now ship 4 themes: Material3, Stockholm, Svalbard & Visby + a high contrast theme. Each theme has a light and dark variant. Check out the what’s new guide and the updated styling guides for more information
• BREAKING Bryntum CSS selectors have been normalized to use consistent hyphenated names (kebab-casing). For example, the TabPanel class used to have the b-tabpanel class, but is now b-tab-panel. This change is not backwards compatible, so any custom CSS will have to be updated
• BREAKING FontAwesome Free is no longer built into the Bryntum CSS, you will have to include it in your app for the default icons to show up as intended. This also means that the b-fa- prefix no longer exists, any icons in your app relying on that has to be changed to FontAwesome’s default fa- prefix. This change was done to reduce bloat for anyone using another icon set, and also makes it easier for apps to use a different version of FontAwesome
• The .b-sch-event-selected CSS class applied to the selected event bar has been shortened to .b-selected. The class is now applied to the b-sch-event-wrap element, not the b-sch-event element. This change is to make it easier to style other event parts on selection (for example, labels)`
• DEPRECATED The built-in event styles has been overhauled, and the following styles are now available: filled (similar to old plain), tonal, traced, bordered (similar to old border), outlined (similar to old hollow), intended (similar to old colored), rounded, line, dashed & minimal. The old styles have been deprecated and will be removed in a future release
• BREAKING Colors have been normalized, Scheduler now uses same set of predefined colors as core widgets like Buttons. Event colors are now applied using b-color-red instead of b-sch-color-red for example
• When highlighting events (using scheduler.highlightEvents()), the b-highlighted class is now applied to the event wrapper element instead of the event bar element. This change allows for it to also affect labels, travel time, etc.
• BREAKING The default event style has been changed to 'tonal'. If your app overrides the colors of the default event style, you might need to tweak that CSS and/or change the event style

DEMOS

• REACT-VITE "Using React components in tooltips" demo has been upgraded to use React + Vite with TypeScript. Demo is located in frameworks/react-vite/react-tooltips folder

BUG FIXES

• 12109 – DateRangeField dropdown misplaced
• 12139 – Drag drop tooltip keeps changing size after width changes
• 12188 – Tick lines missing in vertical mode
• 12196 – EventDrag not working when using singleDirection config
• 12197 – Tooltip opens/closes infinitely when hovering event bar edge where tooltip anchor is positioned
• 12198 – Group rows in scheduler sub grid get a hover effect when using Stripe feature
• 12210 – Not possible to set timeResolution in a Scheduler subclass
• 12243 – Rows disappear when quickly collapsing and expanding a grouped section of rows

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
• Remix: >= 2.15.0

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 (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

Older versions

• Full release version history can be found here.