@bryntum/gantt-react 7.1.3 → 7.2.1

package/src/BryntumScheduler.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerListeners, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimelineBase, TimelineContext, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceColumnReorder, ResourceColumnReorderConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAI, SchedulerAIConfig, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerListeners, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimelineBase, TimelineContext, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -133,6 +133,10 @@ export type BryntumSchedulerProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/Scheduler#config-bodyCls)
      */
     bodyCls? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -198,7 +202,7 @@ export type BryntumSchedulerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/Scheduler#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -516,8 +520,8 @@ export type BryntumSchedulerProps = {
      * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/gantt/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
     /**
@@ -696,6 +700,10 @@ export type BryntumSchedulerProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/Scheduler#config-infiniteScroll)
      */
     infiniteScroll? : boolean
+    /**
+     * Set to true for child nodes in a tree store to inherit their parent´s `eventColor`
+     */
+    inheritEventColor? : boolean
     /**
      * Maximum duration (in milliseconds) for the initial animation controlled by [useInitialAnimation](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/SchedulerEventRendering#config-useInitialAnimation).
      */
@@ -941,7 +949,7 @@ export type BryntumSchedulerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/Scheduler#config-partner)
      */
-    partner? : TimelineBase
+    partner? : TimelineBase|string
     /**
      * Set to `true` to include `startDate` and `endDate` params indicating the currently viewed date range in
      * `EventStore` load requests (when loading using `AjaxStore` or `CrudManager` functionality).
@@ -3340,6 +3348,70 @@ export type BryntumSchedulerProps = {
      * @param {number} event.oldHeight The old height
      */
     onResize? : ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string
+    /**
+     * Fired before dragging starts, return `false` to prevent the drag operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnBeforeDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired before the drop is finalized. You can return `false` or a Promise that resolves to `false`
+     * to cancel the drop operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnBeforeDropFinalize? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired while the resource column is being dragged. You can signal that the drop position is
+     * valid or invalid by setting `context.valid = false;`
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {boolean} event.context.valid Set this to `true` or `false` to indicate whether the drop position is valid
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before (`null` if inserting at last position)
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrag? : ((event: { source: Scheduler, context: { valid: boolean, insertBefore: SchedulerResourceModel, resource: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when drag is aborted
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDragAbort? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when dragging starts.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => void)|string
+    /**
+     * Fired after drop
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource that was inserted before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group. The resource's group field has been updated if moved between groups.
+     * @param {boolean} event.context.valid `true` if the drop was valid, `false` otherwise
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrop? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model, valid: boolean }, event: MouseEvent }) => void)|string
     /**
      * Fired when clicking a resource header cell
      * @param {object} event Event object
@@ -4034,6 +4106,15 @@ export type BryntumSchedulerProps = {
     onVisibleDateRangeChange? : ((event: { source: Scheduler, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string
 
     // Features
+    /**
+     * This feature provides an AI agent for the Scheduler and SchedulerPro. It provides a chat panel that allows the user
+     * to send messages to the agent and see the responses. Which allows the user to use natural language 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.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/AI)
+     */
+    aiFeature? : object|boolean|string|SchedulerAI|SchedulerAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -4344,6 +4425,14 @@ export type BryntumSchedulerProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/RegionResize)
      */
     regionResizeFeature? : object|boolean|string|RegionResize|RegionResizeConfig
+    /**
+     * Allows user to reorder resource columns in vertical mode by dragging them. The feature fires various events
+     * during the drag operation (see events below). To get notified about the actual resource reorder, you can also
+     * listen to the `change` event on the scheduler [ResourceStore](https://bryntum.com/products/gantt/docs/api/Scheduler/data/ResourceStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/ResourceColumnReorder)
+     */
+    resourceColumnReorderFeature? : object|boolean|string|ResourceColumnReorder|ResourceColumnReorderConfig
     /**
      * Applicable only for Scheduler in `vertical` mode. Right click resource header cells to display a context menu.
      * ...
@@ -4547,6 +4636,7 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
     };
 
     static featureNames = [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -4592,6 +4682,7 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
         'printFeature',
         'quickFindFeature',
         'regionResizeFeature',
+        'resourceColumnReorderFeature',
         'resourceMenuFeature',
         'resourceTimeRangesFeature',
         'rowCopyPasteFeature',
@@ -4643,6 +4734,7 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'bufferCoef',
         'bufferThreshold',
@@ -4814,6 +4906,7 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
         'hideRowHover',
         'id',
         'infiniteScroll',
+        'inheritEventColor',
         'initialAnimationDuration',
         'inputFieldAlign',
         'insertBefore',
@@ -5018,6 +5111,12 @@ export class BryntumScheduler extends React.Component<BryntumSchedulerProps> {
         'onRenderRow',
         'onRenderRows',
         'onResize',
+        'onResourceColumnBeforeDragStart',
+        'onResourceColumnBeforeDropFinalize',
+        'onResourceColumnDrag',
+        'onResourceColumnDragAbort',
+        'onResourceColumnDragStart',
+        'onResourceColumnDrop',
         'onResourceHeaderClick',
         'onResourceHeaderContextmenu',
         'onResourceHeaderDblclick',

package/src/BryntumSchedulerBase.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerBaseListeners, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimelineBase, TimelineContext, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
+import { AIFilter, AIFilterConfig, AjaxStore, AjaxStoreConfig, Base, CellCopyPaste, CellCopyPasteConfig, CellEditorContext, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, Color, Column, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnLines, ColumnLinesConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, Container, ContainerItemConfig, CrudManager, CrudManagerConfig, DateConstraint, DependencyBaseModel, DependencyMenu, DependencyMenuConfig, DependencyStoreConfig, DomClassList, DomConfig, DropData, DurationConfig, DurationUnit, EmptyTextDomConfig, EventColor, EventCopyPaste, EventCopyPasteConfig, EventDrag, EventDragConfig, EventDragCreate, EventDragCreateConfig, EventDragSelect, EventDragSelectConfig, EventEdit, EventEditConfig, EventFilter, EventFilterConfig, EventMenu, EventMenuConfig, EventNonWorkingTime, EventNonWorkingTimeConfig, EventResizeData, EventTooltip, EventTooltipConfig, ExcelExporter, ExcelExporterConfig, ExportConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, FormulaProviderConfig, Grid, GridBase, GridCellEdit, GridCellEditConfig, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridTreeGroup, GridTreeGroupConfig, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, HeaderZoom, HeaderZoomConfig, KeyMapConfig, LockRows, LockRowsConfig, Mask, MaskConfig, Menu, MenuConfig, MenuItem, MenuItemEntry, MergeCells, MergeCellsConfig, Model, ModelConfig, NonWorkingTime, NonWorkingTimeConfig, PagingToolbarConfig, Pan, PanConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PdfExportConfig, PinColumns, PinColumnsConfig, Popup, PreserveScrollOptions, PresetStore, ProjectModel, ProjectModelConfig, QuickFind, QuickFindConfig, RecordPositionContext, Rectangle, RecurrenceConfirmationPopup, RecurrenceConfirmationPopupConfig, RegionResize, RegionResizeConfig, ResourceColumnReorder, ResourceColumnReorderConfig, ResourceHeaderConfig, ResourceMarginConfig, ResourceMenu, ResourceMenuConfig, ResourceTimeRangeModel, ResourceTimeRangeModelConfig, ResourceTimeRangeStore, ResourceTimeRangeStoreConfig, ResourceTimeRanges, ResourceTimeRangesConfig, Row, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowEditorContext, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, ScheduleContext, ScheduleContextConfig, ScheduleMenu, ScheduleMenuConfig, ScheduleTooltip, ScheduleTooltipConfig, Scheduler, SchedulerAI, SchedulerAIConfig, SchedulerAssignmentModel, SchedulerAssignmentModelConfig, SchedulerAssignmentStore, SchedulerAssignmentStoreConfig, SchedulerBase, SchedulerBaseListeners, SchedulerDependencies, SchedulerDependenciesConfig, SchedulerDependencyEdit, SchedulerDependencyEditConfig, SchedulerDependencyModel, SchedulerDependencyModelConfig, SchedulerDependencyStore, SchedulerEventModel, SchedulerEventModelConfig, SchedulerEventResize, SchedulerEventResizeConfig, SchedulerEventStore, SchedulerEventStoreConfig, SchedulerLabels, SchedulerLabelsConfig, SchedulerPdfExport, SchedulerPdfExportConfig, SchedulerPrint, SchedulerPrintConfig, SchedulerResourceModel, SchedulerResourceModelConfig, SchedulerResourceStore, SchedulerResourceStoreConfig, SchedulerResponsiveLevelConfig, SchedulerScrollButtons, SchedulerScrollButtonsConfig, SchedulerStateInfo, SchedulerSummary, SchedulerSummaryConfig, SchedulerTimeAxisColumn, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, Search, SearchConfig, SimpleEventEdit, SimpleEventEditConfig, Sort, SortConfig, Split, SplitConfig, StateProvider, StickyCells, StickyCellsConfig, StickyEvents, StickyEventsConfig, Store, StoreConfig, Stripe, StripeConfig, SubGrid, SubGridConfig, TabConfig, TimeAxis, TimeAxisConfig, TimeAxisHeaderMenu, TimeAxisHeaderMenuConfig, TimeRanges, TimeRangesConfig, TimeSelection, TimeSelectionConfig, TimeSpan, TimeSpanConfig, TimelineBase, TimelineContext, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Tree, TreeConfig, TreeSummary, TreeSummaryConfig, VerticalTimeAxisColumn, VerticalTimeAxisColumnConfig, ViewPreset, ViewPresetConfig, VisibleDate, Widget, XLSColumn } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -133,6 +133,10 @@ export type BryntumSchedulerBaseProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/SchedulerBase#config-bodyCls)
      */
     bodyCls? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -198,7 +202,7 @@ export type BryntumSchedulerBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/SchedulerBase#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -516,8 +520,8 @@ export type BryntumSchedulerBaseProps = {
      * @param {'tonal','filled','bordered','traced','outlined','indented','line','dashed','minimal','rounded','calendar','interday','gantt',null} detail.renderData.eventStyle The `eventStyle` of the event. Use this to apply custom styles to the event DOM element
      * @param {string} detail.renderData.eventColor The `eventColor` of the event. Use this to set a custom color for the rendered event
      * @param {string} detail.renderData.ariaLabel A description of the event details used for screen readers
-     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents.
-     * @returns {string,DomConfig,DomConfig[]} A simple string, or a DomConfig (or array thereof)
+     * @param {DomConfig[]} detail.renderData.children An array of DOM configs used as children to the `b-sch-event` element. Can be populated with additional DOM configs to have more control over contents. <h3>Using JSX (React)</h3> When using the Bryntum React wrapper, the event renderer can return JSX elements: ```javascript eventRenderer({ eventRecord, resourceRecord, renderData }) {     return &lt;MyEventComponent event={eventRecord} resource={resourceRecord} />; } ``` *Using JSX in the event renderer creates a React portal for each rendered event. For schedulers with many visible events or frequently re-rendered views, this may impact scrolling performance compared to returning plain strings or [DomConfig](https://bryntum.com/products/gantt/docs/api/Core/helper/DomHelper#typedef-DomConfig) objects. Consider using JSX primarily for events that require complex interactive React components.*
+     * @returns {string,DomConfig,DomConfig[]} A simple string, a DomConfig (or array thereof), or a JSX element when using React
      */
     eventRenderer? : (detail: { eventRecord: SchedulerEventModel, resourceRecord: SchedulerResourceModel, assignmentRecord: SchedulerAssignmentModel, scheduler: Scheduler, renderData: { event: SchedulerEventModel, cls: DomClassList|string, wrapperCls: DomClassList|string, iconCls: DomClassList|string, left: number, width: number, height: number, style: string|Record<string, string>, wrapperStyle: string|Record<string, string>, eventStyle: 'tonal'|'filled'|'bordered'|'traced'|'outlined'|'indented'|'line'|'dashed'|'minimal'|'rounded'|'calendar'|'interday'|'gantt'|null, eventColor: string, ariaLabel: string, children: DomConfig[] } }) => string|DomConfig|DomConfig[]
     /**
@@ -696,6 +700,10 @@ export type BryntumSchedulerBaseProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/SchedulerBase#config-infiniteScroll)
      */
     infiniteScroll? : boolean
+    /**
+     * Set to true for child nodes in a tree store to inherit their parent´s `eventColor`
+     */
+    inheritEventColor? : boolean
     /**
      * Maximum duration (in milliseconds) for the initial animation controlled by [useInitialAnimation](https://bryntum.com/products/gantt/docs/api/Scheduler/view/mixin/SchedulerEventRendering#config-useInitialAnimation).
      */
@@ -941,7 +949,7 @@ export type BryntumSchedulerBaseProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/view/SchedulerBase#config-partner)
      */
-    partner? : TimelineBase
+    partner? : TimelineBase|string
     /**
      * Set to `true` to include `startDate` and `endDate` params indicating the currently viewed date range in
      * `EventStore` load requests (when loading using `AjaxStore` or `CrudManager` functionality).
@@ -3339,6 +3347,70 @@ export type BryntumSchedulerBaseProps = {
      * @param {number} event.oldHeight The old height
      */
     onResize? : ((event: { source: Widget, width: number, height: number, oldWidth: number, oldHeight: number }) => void)|string
+    /**
+     * Fired before dragging starts, return `false` to prevent the drag operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnBeforeDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired before the drop is finalized. You can return `false` or a Promise that resolves to `false`
+     * to cancel the drop operation.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnBeforeDropFinalize? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => Promise<boolean>|boolean|void)|string
+    /**
+     * Fired while the resource column is being dragged. You can signal that the drop position is
+     * valid or invalid by setting `context.valid = false;`
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {boolean} event.context.valid Set this to `true` or `false` to indicate whether the drop position is valid
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource to insert before (`null` if inserting at last position)
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrag? : ((event: { source: Scheduler, context: { valid: boolean, insertBefore: SchedulerResourceModel, resource: SchedulerResourceModel, targetGroup: Model }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when drag is aborted
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDragAbort? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent }) => void)|string
+    /**
+     * Fired when dragging starts.
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {MouseEvent,TouchEvent} event.event
+     */
+    onResourceColumnDragStart? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel }, event: MouseEvent|TouchEvent }) => void)|string
+    /**
+     * Fired after drop
+     * @param {object} event Event object
+     * @param {Scheduler.view.Scheduler} event.source
+     * @param {object} event.context
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.resource The dragged resource
+     * @param {Scheduler.model.SchedulerResourceModel} event.context.insertBefore The resource that was inserted before
+     * @param {Core.data.Model} event.context.targetGroup When the resourceStore is grouped, the group header record of the target group. The resource's group field has been updated if moved between groups.
+     * @param {boolean} event.context.valid `true` if the drop was valid, `false` otherwise
+     * @param {MouseEvent} event.event
+     */
+    onResourceColumnDrop? : ((event: { source: Scheduler, context: { resource: SchedulerResourceModel, insertBefore: SchedulerResourceModel, targetGroup: Model, valid: boolean }, event: MouseEvent }) => void)|string
     /**
      * Fired when clicking a resource header cell
      * @param {object} event Event object
@@ -4033,6 +4105,15 @@ export type BryntumSchedulerBaseProps = {
     onVisibleDateRangeChange? : ((event: { source: Scheduler, old: { startDate: Date, endDate: Date }, new: { startDate: Date, endDate: Date } }) => void)|string
 
     // Features
+    /**
+     * This feature provides an AI agent for the Scheduler and SchedulerPro. It provides a chat panel that allows the user
+     * to send messages to the agent and see the responses. Which allows the user to use natural language 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.
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/AI)
+     */
+    aiFeature? : object|boolean|string|SchedulerAI|SchedulerAIConfig
     /**
      * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
      * ...
@@ -4343,6 +4424,14 @@ export type BryntumSchedulerBaseProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Grid/feature/RegionResize)
      */
     regionResizeFeature? : object|boolean|string|RegionResize|RegionResizeConfig
+    /**
+     * Allows user to reorder resource columns in vertical mode by dragging them. The feature fires various events
+     * during the drag operation (see events below). To get notified about the actual resource reorder, you can also
+     * listen to the `change` event on the scheduler [ResourceStore](https://bryntum.com/products/gantt/docs/api/Scheduler/data/ResourceStore).
+     * ...
+     * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/feature/ResourceColumnReorder)
+     */
+    resourceColumnReorderFeature? : object|boolean|string|ResourceColumnReorder|ResourceColumnReorderConfig
     /**
      * Applicable only for Scheduler in `vertical` mode. Right click resource header cells to display a context menu.
      * ...
@@ -4546,6 +4635,7 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
     };
 
     static featureNames = [
+        'aiFeature',
         'aiFilterFeature',
         'cellCopyPasteFeature',
         'cellEditFeature',
@@ -4591,6 +4681,7 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
         'printFeature',
         'quickFindFeature',
         'regionResizeFeature',
+        'resourceColumnReorderFeature',
         'resourceMenuFeature',
         'resourceTimeRangesFeature',
         'rowCopyPasteFeature',
@@ -4642,6 +4733,7 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
         'autoHeight',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'bufferCoef',
         'bufferThreshold',
@@ -4812,6 +4904,7 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
         'hideRowHover',
         'id',
         'infiniteScroll',
+        'inheritEventColor',
         'initialAnimationDuration',
         'inputFieldAlign',
         'insertBefore',
@@ -5016,6 +5109,12 @@ export class BryntumSchedulerBase extends React.Component<BryntumSchedulerBasePr
         'onRenderRow',
         'onRenderRows',
         'onResize',
+        'onResourceColumnBeforeDragStart',
+        'onResourceColumnBeforeDropFinalize',
+        'onResourceColumnDrag',
+        'onResourceColumnDragAbort',
+        'onResourceColumnDragStart',
+        'onResourceColumnDrop',
         'onResourceHeaderClick',
         'onResourceHeaderContextmenu',
         'onResourceHeaderDblclick',

package/src/BryntumSchedulerDatePicker.tsx

@@ -3,7 +3,7 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React, { RefObject } from 'react';
-import { AlignSpec, Base, CalendarPanel, Container, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, SchedulerDatePicker, SchedulerDatePickerListeners, SchedulerEventModel, SchedulerEventStore, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
+import { AlignSpec, Base, CalendarPanel, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DatePicker, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, SchedulerDatePicker, SchedulerDatePickerListeners, SchedulerEventModel, SchedulerEventStore, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/gantt';
 
 import { createWidget, shouldComponentUpdate, processWidgetContent } from './WrapperHelper.js';
 
@@ -84,6 +84,10 @@ export type BryntumSchedulerDatePickerProps = {
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/widget/SchedulerDatePicker#config-bodyCls)
      */
     bodyCls? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border? : boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -153,7 +157,7 @@ export type BryntumSchedulerDatePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/gantt/docs/api/Scheduler/widget/SchedulerDatePicker#config-color)
      */
-    color? : string
+    color? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1144,6 +1148,7 @@ export class BryntumSchedulerDatePicker extends React.Component<BryntumScheduler
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'cellRenderer',
         'centered',
@@ -1212,7 +1217,6 @@ export class BryntumSchedulerDatePicker extends React.Component<BryntumScheduler
         'showAnimation',
         'showEvents',
         'showTooltipWhenDisabled',
-        'showWeekColumn',
         'sixWeeks',
         'stateful',
         'statefulEvents',
@@ -1305,6 +1309,7 @@ export class BryntumSchedulerDatePicker extends React.Component<BryntumScheduler
         'scrollable',
         'selection',
         'shadePastDates',
+        'showWeekColumn',
         'span',
         'strictRecordMapping',
         'title',