@bryntum/core-vue-3-thin 7.1.2 → 7.2.0

package/src/components/BryntumChatPanel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { ChatPanel } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -81,6 +81,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#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.
@@ -137,7 +141,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -948,6 +952,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/components/BryntumChatPanelProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChatMessageModelConfig, ChatPanelListeners, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumChatPanelProps = {
     // Configs
@@ -66,6 +66,10 @@ export declare type BryntumChatPanelProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#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.
@@ -122,7 +126,7 @@ export declare type BryntumChatPanelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumCheckboxGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { CheckboxGroup } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -77,6 +77,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#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.
@@ -127,7 +131,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -978,6 +982,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/components/BryntumCheckboxGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CheckboxConfig, CheckboxGroupListeners, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumCheckboxGroupProps = {
     // Configs
@@ -62,6 +62,10 @@ export declare type BryntumCheckboxGroupProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#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.
@@ -112,7 +116,7 @@ export declare type BryntumCheckboxGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumChipView.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, DomConfig, KeyMapConfig, List, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, List, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { ChipView } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -130,7 +130,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -793,13 +793,11 @@ const widgetData = {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'closable',
         'closeHandler',
         'color',
@@ -851,9 +849,11 @@ const widgetData = {
     ],
     propertyConfigNames : [
         'alignSelf',
+        'allowGroupSelect',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',

package/src/components/BryntumChipViewProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, DomConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewListeners, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumChipViewProps = {
     // Configs
@@ -115,7 +115,7 @@ export declare type BryntumChipViewProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumCodeEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CodeEditorListeners, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CodeEditorListeners, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { CodeEditor } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -77,6 +77,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#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.
@@ -133,7 +137,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -929,6 +933,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'codePath',

package/src/components/BryntumCodeEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CodeEditorListeners, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CodeEditorListeners, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumCodeEditorProps = {
     // Configs
@@ -62,6 +62,10 @@ export declare type BryntumCodeEditorProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#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.
@@ -118,7 +122,7 @@ export declare type BryntumCodeEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumCombo.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, ComboListeners, ComboModel, CoreContainerItemConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, ComboListeners, ComboModel, CoreContainerItemConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { Combo } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -151,7 +151,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumComboProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboListeners, ComboModel, CoreContainerItemConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboListeners, ComboModel, CoreContainerItemConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Store, StoreConfig, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumComboProps = {
     // Configs
@@ -136,7 +136,7 @@ export declare type BryntumComboProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumContainer.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Container } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -64,6 +64,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * 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.
@@ -103,7 +107,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -741,6 +745,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/components/BryntumContainerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, ContainerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumContainerProps = {
     // Configs
@@ -49,6 +49,10 @@ export declare type BryntumContainerProps = {
      * Update assigned [record](https://bryntum.com/products/core/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * 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.
@@ -88,7 +92,7 @@ export declare type BryntumContainerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -122,7 +122,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -486,6 +486,14 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-owner)
      */
     owner ? : Widget|any
+    /**
+     * A reference to a partner TimeField which this DateField should sync its value with.
+     * When the TimeField's value is changed, this DateField's value is updated to match.
+     * When this DateField's value is changed, the TimeField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-partner)
+     */
+    partner ? : string|TimeField
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/core/docs/api/Core/widget/DatePicker).
      * ...
@@ -608,7 +616,8 @@ defineProps<{
      */
     step ? : string|number|DurationConfig
     /**
-     * Set to `false` to hide the forward and backward date step triggers.
+     * Set to `false` to hide the forward and backward date step triggers. These triggers are only shown when
+     * [step](https://bryntum.com/products/core/docs/api/Core/widget/DateField#config-step) is set.
      */
     stepTriggers ? : Boolean
     /**
@@ -1031,6 +1040,7 @@ const widgetData = {
         'onResize',
         'onShow',
         'onTrigger',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',

package/src/components/BryntumDateFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldListeners, DatePickerConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeField, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateFieldProps = {
     // Configs
@@ -107,7 +107,7 @@ export declare type BryntumDateFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -471,6 +471,14 @@ export declare type BryntumDateFieldProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-owner)
      */
     owner ? : Widget|any
+    /**
+     * A reference to a partner TimeField which this DateField should sync its value with.
+     * When the TimeField's value is changed, this DateField's value is updated to match.
+     * When this DateField's value is changed, the TimeField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-partner)
+     */
+    partner ? : string|TimeField
     /**
      * A config object used to configure the [datePicker](https://bryntum.com/products/core/docs/api/Core/widget/DatePicker).
      * ...
@@ -593,7 +601,8 @@ export declare type BryntumDateFieldProps = {
      */
     step ? : string|number|DurationConfig
     /**
-     * Set to `false` to hide the forward and backward date step triggers.
+     * Set to `false` to hide the forward and backward date step triggers. These triggers are only shown when
+     * [step](https://bryntum.com/products/core/docs/api/Core/widget/DateField#config-step) is set.
      */
     stepTriggers ? : Boolean
     /**

package/src/components/BryntumDatePicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CalendarPanel, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CalendarPanel, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { DatePicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -92,6 +92,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#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.
@@ -161,7 +165,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1178,6 +1182,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'cellRenderer',
         'centered',
@@ -1243,7 +1248,6 @@ const widgetData = {
         'scrollAction',
         'showAnimation',
         'showTooltipWhenDisabled',
-        'showWeekColumn',
         'sixWeeks',
         'stateful',
         'statefulEvents',
@@ -1335,6 +1339,7 @@ const widgetData = {
         'scrollable',
         'selection',
         'shadePastDates',
+        'showWeekColumn',
         'span',
         'strictRecordMapping',
         'title',

package/src/components/BryntumDatePickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CalendarPanel, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, CalendarPanel, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DatePickerListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDatePickerProps = {
     // Configs
@@ -77,6 +77,10 @@ export declare type BryntumDatePickerProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#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.
@@ -146,7 +150,7 @@ export declare type BryntumDatePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateRangeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ConfirmationBar, ConfirmationBarConfig, CoreContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, ConfirmationBar, ConfirmationBarConfig, CoreContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateRangeField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -122,7 +122,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateRangeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ConfirmationBar, ConfirmationBarConfig, CoreContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, ConfirmationBar, ConfirmationBarConfig, CoreContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateRangeFieldProps = {
     // Configs
@@ -107,7 +107,7 @@ export declare type BryntumDateRangeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateTimeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { DateTimeField } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -113,7 +113,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateTimeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumDateTimeFieldProps = {
     // Configs
@@ -98,7 +98,7 @@ export declare type BryntumDateTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDemoCodeEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { DemoCodeEditor } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -81,6 +81,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#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.
@@ -137,7 +141,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -943,6 +947,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'codePath',