@bryntum/scheduler-vue-3-thin 7.2.4 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/lib/chunks/{C7ZFK2B7.js → 5o-YjSb7.js} +16 -10
- package/lib/chunks/5o-YjSb7.js.map +1 -0
- package/lib/chunks/BXIuEgYD.js +265 -0
- package/lib/chunks/BXIuEgYD.js.map +1 -0
- package/lib/chunks/{BD-Hg3lY.js → DB0UHrA3.js} +17 -24
- package/lib/chunks/DB0UHrA3.js.map +1 -0
- package/lib/chunks/{DmQj0tBi.js → DP61St-u.js} +14 -6
- package/lib/chunks/DP61St-u.js.map +1 -0
- package/lib/chunks/{B0m0r-NV.js → DVFhf2Ma.js} +11 -11
- package/lib/chunks/DVFhf2Ma.js.map +1 -0
- package/lib/chunks/{DerP_qo7.js → DhhzgoYL.js} +16 -10
- package/lib/chunks/DhhzgoYL.js.map +1 -0
- package/lib/chunks/{BNGLBrCN.js → OJaN5ZWK.js} +6 -6
- package/lib/chunks/OJaN5ZWK.js.map +1 -0
- package/lib/chunks/{CP1Mm_Ak.js → R69sJLmF.js} +16 -17
- package/lib/chunks/R69sJLmF.js.map +1 -0
- package/lib/chunks/{mKqb8_2f.js → ZkU6CtWX.js} +6 -6
- package/lib/chunks/ZkU6CtWX.js.map +1 -0
- package/lib/chunks/{C0UqC4Uj.js → eUISgYXE.js} +9 -9
- package/lib/chunks/eUISgYXE.js.map +1 -0
- package/lib/chunks/{CsoS615B.js → kN-s_8Na.js} +6 -6
- package/lib/chunks/kN-s_8Na.js.map +1 -0
- package/lib/chunks/{C2PT-Ukt.js → t8aiH3XL.js} +13 -14
- package/lib/chunks/t8aiH3XL.js.map +1 -0
- package/lib/components/BryntumEventColorField.js +1 -1
- package/lib/components/BryntumProjectCombo.js +1 -1
- package/lib/components/BryntumResourceCombo.js +1 -1
- package/lib/components/BryntumResourceFilter.js +1 -1
- package/lib/components/BryntumScheduler.js +1 -1
- package/lib/components/BryntumSchedulerBase.js +1 -1
- package/lib/components/BryntumSchedulerDatePicker.js +1 -1
- package/lib/components/BryntumSchedulerProjectModel.js +1 -1
- package/lib/components/BryntumThemeCombo.js +57 -0
- package/lib/components/BryntumThemeCombo.js.map +1 -0
- package/lib/components/BryntumTimeZoomSlider.js +5 -0
- package/lib/components/BryntumTimeZoomSlider.js.map +1 -0
- package/lib/components/BryntumTimelineHistogram.js +1 -1
- package/lib/components/BryntumUndoRedo.js +1 -1
- package/lib/components/BryntumViewPresetCombo.js +1 -1
- package/lib/index.js +18 -16
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/BryntumEventColorField.vue +72 -116
- package/src/components/BryntumEventColorFieldProps.ts +68 -108
- package/src/components/BryntumProjectCombo.vue +90 -149
- package/src/components/BryntumProjectComboProps.ts +86 -141
- package/src/components/BryntumResourceCombo.vue +91 -151
- package/src/components/BryntumResourceComboProps.ts +87 -143
- package/src/components/BryntumResourceFilter.vue +63 -104
- package/src/components/BryntumResourceFilterProps.ts +60 -98
- package/src/components/BryntumScheduler.vue +426 -597
- package/src/components/BryntumSchedulerBase.vue +426 -597
- package/src/components/BryntumSchedulerBaseProps.ts +367 -522
- package/src/components/BryntumSchedulerDatePicker.vue +120 -196
- package/src/components/BryntumSchedulerDatePickerProps.ts +116 -187
- package/src/components/BryntumSchedulerProjectModel.vue +12 -31
- package/src/components/BryntumSchedulerProjectModelProps.ts +10 -20
- package/src/components/BryntumSchedulerProps.ts +367 -522
- package/src/components/BryntumThemeCombo.vue +60 -0
- package/src/components/BryntumTimeZoomSlider.vue +859 -0
- package/src/components/BryntumTimeZoomSliderProps.ts +482 -0
- package/src/components/BryntumTimelineHistogram.vue +322 -441
- package/src/components/BryntumTimelineHistogramProps.ts +275 -388
- package/src/components/BryntumUndoRedo.vue +78 -125
- package/src/components/BryntumUndoRedoProps.ts +74 -116
- package/src/components/BryntumViewPresetCombo.vue +67 -107
- package/src/components/BryntumViewPresetComboProps.ts +63 -99
- package/src/index.ts +2 -0
- package/lib/chunks/B0m0r-NV.js.map +0 -1
- package/lib/chunks/BD-Hg3lY.js.map +0 -1
- package/lib/chunks/BNGLBrCN.js.map +0 -1
- package/lib/chunks/C0UqC4Uj.js.map +0 -1
- package/lib/chunks/C2PT-Ukt.js.map +0 -1
- package/lib/chunks/C7ZFK2B7.js.map +0 -1
- package/lib/chunks/CP1Mm_Ak.js.map +0 -1
- package/lib/chunks/CsoS615B.js.map +0 -1
- package/lib/chunks/DerP_qo7.js.map +0 -1
- package/lib/chunks/DmQj0tBi.js.map +0 -1
- package/lib/chunks/mKqb8_2f.js.map +0 -1
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
|
|
12
12
|
|
|
13
|
-
import type { AlignSpec, Base, CalendarPanel, Color, Container, DatePicker, 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';
|
|
13
|
+
import type { AlignSpec, Base, CalendarPanel, Color, Container, DatePicker, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Month, MonthConfig, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ReactJSX, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
|
|
14
14
|
import type { SchedulerContainerItemConfig, SchedulerContainerLayoutConfig, EventModel, EventStore, SchedulerDatePickerListeners } from '@bryntum/scheduler-thin';
|
|
15
15
|
import { SchedulerDatePicker } from '@bryntum/scheduler-thin';
|
|
16
16
|
|
|
@@ -22,21 +22,18 @@ defineProps<{
|
|
|
22
22
|
* The date that the user has navigated to using the UI *prior* to setting the widget's
|
|
23
23
|
* value by selecting it. The initial default is today's date. Can also be supplied as a `YYYY-MM-DD` date
|
|
24
24
|
* string.
|
|
25
|
-
* ...
|
|
26
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-activeDate)
|
|
25
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-activeDate)
|
|
27
26
|
*/
|
|
28
27
|
activeDate ? : Date|'today'|string
|
|
29
28
|
/**
|
|
30
29
|
* Element (or element id) to adopt as this Widget's encapsulating element. The widget's
|
|
31
30
|
* content will be placed inside this element.
|
|
32
|
-
* ...
|
|
33
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-adopt)
|
|
31
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-adopt)
|
|
34
32
|
*/
|
|
35
33
|
adopt ? : HTMLElement|string
|
|
36
34
|
/**
|
|
37
35
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-floating).*
|
|
38
|
-
* ...
|
|
39
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-align)
|
|
36
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-align)
|
|
40
37
|
*/
|
|
41
38
|
align ? : AlignSpec|string
|
|
42
39
|
/**
|
|
@@ -53,8 +50,7 @@ defineProps<{
|
|
|
53
50
|
/**
|
|
54
51
|
* By default, when navigating through time, the next time
|
|
55
52
|
* block will be animated in from the appropriate direction.
|
|
56
|
-
* ...
|
|
57
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-animateTimeShift)
|
|
53
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-animateTimeShift)
|
|
58
54
|
*/
|
|
59
55
|
animateTimeShift ? : Boolean
|
|
60
56
|
/**
|
|
@@ -65,15 +61,13 @@ defineProps<{
|
|
|
65
61
|
/**
|
|
66
62
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
|
|
67
63
|
* into an element which will be linked using the `aria-describedby` attribute.
|
|
68
|
-
* ...
|
|
69
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ariaDescription)
|
|
64
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ariaDescription)
|
|
70
65
|
*/
|
|
71
66
|
ariaDescription ? : string
|
|
72
67
|
/**
|
|
73
68
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
|
|
74
69
|
* the `aria-label` attribute.
|
|
75
|
-
* ...
|
|
76
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ariaLabel)
|
|
70
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ariaLabel)
|
|
77
71
|
*/
|
|
78
72
|
ariaLabel ? : string
|
|
79
73
|
/**
|
|
@@ -83,14 +77,12 @@ defineProps<{
|
|
|
83
77
|
/**
|
|
84
78
|
* A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/scheduler/docs/api/Core/widget/Toolbar),
|
|
85
79
|
* or array of config objects representing the child items of a Toolbar. Another way to add a bbar is to use [strips](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#config-strips).
|
|
86
|
-
* ...
|
|
87
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bbar)
|
|
80
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bbar)
|
|
88
81
|
*/
|
|
89
82
|
bbar ? : (SchedulerContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null
|
|
90
83
|
/**
|
|
91
84
|
* Custom CSS classes to add to the panel's body element.
|
|
92
|
-
* ...
|
|
93
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bodyCls)
|
|
85
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bodyCls)
|
|
94
86
|
*/
|
|
95
87
|
bodyCls ? : string|object
|
|
96
88
|
/**
|
|
@@ -100,27 +92,23 @@ defineProps<{
|
|
|
100
92
|
/**
|
|
101
93
|
* An object where property names with a truthy value indicate which events should bubble up the ownership
|
|
102
94
|
* hierarchy when triggered.
|
|
103
|
-
* ...
|
|
104
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bubbleEvents)
|
|
95
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-bubbleEvents)
|
|
105
96
|
*/
|
|
106
97
|
bubbleEvents ? : object
|
|
107
98
|
/**
|
|
108
99
|
* Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
|
|
109
|
-
* ...
|
|
110
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-callOnFunctions)
|
|
100
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-callOnFunctions)
|
|
111
101
|
*/
|
|
112
102
|
callOnFunctions ? : Boolean
|
|
113
103
|
/**
|
|
114
104
|
* By default, if an event handler throws an exception, the error propagates up the stack and the
|
|
115
105
|
* application state is undefined. Code which follows the event handler will *not* be executed.
|
|
116
|
-
* ...
|
|
117
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-catchEventHandlerExceptions)
|
|
106
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-catchEventHandlerExceptions)
|
|
118
107
|
*/
|
|
119
108
|
catchEventHandlerExceptions ? : Boolean
|
|
120
109
|
/**
|
|
121
110
|
* A function (or the name of a function) which creates content in, and may mutate a day cell element.
|
|
122
|
-
* ...
|
|
123
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-cellRenderer)
|
|
111
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-cellRenderer)
|
|
124
112
|
* @param {object} renderData
|
|
125
113
|
* @param {HTMLElement} renderData.cell The cell's encapsulating element. This has the `b-calendar-panel-cell` class and is the element which receives focus, so this should be the target of any accessibility attributes.
|
|
126
114
|
* @param {HTMLElement} renderData.innerCell The inner element of the cell which contains the date number. This is the `aspect-ratio : 1` element which contains the date. It is not recommeneded to mutate this element. Instead use the `cellPayload` element (see below).
|
|
@@ -145,8 +133,7 @@ defineProps<{
|
|
|
145
133
|
* Custom CSS classes to add to element.
|
|
146
134
|
* May be specified as a space separated string, or as an object in which property names
|
|
147
135
|
* with truthy values are used as the class names:
|
|
148
|
-
* ...
|
|
149
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-cls)
|
|
136
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-cls)
|
|
150
137
|
*/
|
|
151
138
|
cls ? : string|object
|
|
152
139
|
/**
|
|
@@ -156,15 +143,13 @@ defineProps<{
|
|
|
156
143
|
collapsed ? : Boolean
|
|
157
144
|
/**
|
|
158
145
|
* This config enables collapsibility for the panel. See [collapsed](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#config-collapsed).
|
|
159
|
-
* ...
|
|
160
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-collapsible)
|
|
146
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-collapsible)
|
|
161
147
|
*/
|
|
162
148
|
collapsible ? : Boolean|PanelCollapserConfig|PanelCollapserOverlayConfig
|
|
163
149
|
/**
|
|
164
150
|
* Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
|
|
165
151
|
* `style` block.
|
|
166
|
-
* ...
|
|
167
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-color)
|
|
152
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-color)
|
|
168
153
|
*/
|
|
169
154
|
color ? : Color
|
|
170
155
|
/**
|
|
@@ -188,8 +173,7 @@ defineProps<{
|
|
|
188
173
|
* Custom CSS classes to add to the [contentElement](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-contentElement).
|
|
189
174
|
* May be specified as a space separated string, or as an object in which property names
|
|
190
175
|
* with truthy values are used as the class names:
|
|
191
|
-
* ...
|
|
192
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-contentElementCls)
|
|
176
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-contentElementCls)
|
|
193
177
|
*/
|
|
194
178
|
contentElementCls ? : string|object
|
|
195
179
|
/**
|
|
@@ -217,8 +201,7 @@ defineProps<{
|
|
|
217
201
|
/**
|
|
218
202
|
* A [query](https://bryntum.com/products/scheduler/docs/api/Core/widget/Container#function-query) selector function which can identify the descendant widget to which
|
|
219
203
|
* focus should be directed by default.
|
|
220
|
-
* ...
|
|
221
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-defaultFocus)
|
|
204
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-defaultFocus)
|
|
222
205
|
* @param {Core.widget.Widget} widget Widget passed to method
|
|
223
206
|
* @returns {boolean} truthy value if widget is the default one
|
|
224
207
|
*/
|
|
@@ -228,16 +211,15 @@ defineProps<{
|
|
|
228
211
|
*/
|
|
229
212
|
defaults ? : SchedulerContainerItemConfig
|
|
230
213
|
/**
|
|
231
|
-
* Check for CSS compatibility issues
|
|
232
|
-
*
|
|
233
|
-
* [
|
|
214
|
+
* Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
|
|
215
|
+
* checks:
|
|
216
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-detectCSSCompatibilityIssues)
|
|
234
217
|
*/
|
|
235
218
|
detectCSSCompatibilityIssues ? : Boolean
|
|
236
219
|
/**
|
|
237
220
|
* Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
|
|
238
221
|
* cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
|
|
239
|
-
* ...
|
|
240
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-disabled)
|
|
222
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-disabled)
|
|
241
223
|
*/
|
|
242
224
|
disabled ? : Boolean|'inert'
|
|
243
225
|
/**
|
|
@@ -254,8 +236,7 @@ defineProps<{
|
|
|
254
236
|
disabledDates ? : ((date: Date) => Boolean)|string|Date[]|string[]
|
|
255
237
|
/**
|
|
256
238
|
* Configure as `true` to render non working days as [disabledDates](https://bryntum.com/products/scheduler/docs/api/Core/widget/CalendarPanel#config-disabledDates).
|
|
257
|
-
* ...
|
|
258
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-disableNonWorkingDays)
|
|
239
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-disableNonWorkingDays)
|
|
259
240
|
*/
|
|
260
241
|
disableNonWorkingDays ? : Boolean
|
|
261
242
|
/**
|
|
@@ -272,41 +253,36 @@ defineProps<{
|
|
|
272
253
|
* [strips collection](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
|
|
273
254
|
* `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
|
|
274
255
|
* body. Such widgets are called "edge strips".
|
|
275
|
-
* ...
|
|
276
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-dock)
|
|
256
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-dock)
|
|
277
257
|
*/
|
|
278
258
|
dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
|
|
279
259
|
/**
|
|
280
260
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-floating).*
|
|
281
261
|
* Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
|
|
282
262
|
* property which controls when a drag should start.
|
|
283
|
-
* ...
|
|
284
|
-
*
|
|
263
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-draggable)
|
|
264
|
+
* @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
|
|
285
265
|
*/
|
|
286
|
-
draggable ? : Boolean|
|
|
287
|
-
handleSelector?: string
|
|
288
|
-
}
|
|
266
|
+
draggable ? : Boolean|object
|
|
289
267
|
/**
|
|
290
268
|
* This property is only valid if [multiSelect](https://bryntum.com/products/scheduler/docs/api/Core/widget/DatePicker#config-multiSelect) is set to `'range'`
|
|
291
269
|
* or `true`.
|
|
292
|
-
* ...
|
|
293
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-dragSelect)
|
|
270
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-dragSelect)
|
|
294
271
|
*/
|
|
295
272
|
dragSelect ? : Boolean
|
|
296
273
|
/**
|
|
297
274
|
* Make this Panel a docked drawer which slides out from one side of the browser viewport by default.
|
|
298
|
-
* ...
|
|
299
|
-
* [
|
|
300
|
-
* @param {
|
|
301
|
-
* @param {
|
|
302
|
-
* @param {boolean}
|
|
303
|
-
* @param {boolean,
|
|
304
|
-
* @param {boolean,string} autoClose.
|
|
305
|
-
* @param {
|
|
306
|
-
* @param {
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
drawer ? : Boolean|{side?: 'start'|'left'|'end'|'right'|'top'|'bottom', size?: string|number, inline?: Boolean, autoClose: { mousedown?: Boolean|string, focusout?: Boolean|string, mouseout?: string }, autoCloseDelay?: number}
|
|
275
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-drawer)
|
|
276
|
+
* @param {'start','left','end','right','top','bottom'} [side] The side of the viewport to dock the drawer to. * `'start'` means the `inline-start` side. * `'end'` means the `inline-end` side.
|
|
277
|
+
* @param {string,number} [size] The size of the drawer in its collapsible axis.
|
|
278
|
+
* @param {boolean} [inline] If using the [appendTo](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#config-appendTo) config to place the drawer inside a host widget, this may be set to `true` to make the drawer inline within that host. Note that, if using this, the layout of the host element must have `flex-direction` set appropriately.
|
|
279
|
+
* @param {boolean,object} [autoClose] Specifies what user actions should automatically close the drawer. Defaults to closing when the user clicks outside of the drawer or when focus moves outside of the drawer.
|
|
280
|
+
* @param {boolean,string} [autoClose.mousedown] If the user clicks outside of the drawer, the drawer will automatically be hidden. If the value is a string, it is used as a CSS selector to filter clicks which should close the drawer.
|
|
281
|
+
* @param {boolean,string} [autoClose.focusout] If focus moves outside of the drawer, the drawer will automatically be hidden.
|
|
282
|
+
* @param {string} [autoClose.mouseout] Hides the drawer when the mouse leaves the drawer after the `autoCloseDelay` period.
|
|
283
|
+
* @param {number} [autoCloseDelay] When using `mouseout`, this is the delay in milliseconds
|
|
284
|
+
*/
|
|
285
|
+
drawer ? : Boolean|{ side?: 'start'|'left'|'end'|'right'|'top'|'bottom', size?: string|number, inline?: Boolean, autoClose?: Boolean|{ mousedown?: Boolean|string, focusout?: Boolean|string, mouseout?: string }, autoCloseDelay?: number }
|
|
310
286
|
/**
|
|
311
287
|
* By default, the month and year are editable. Configure this as `false` to prevent that.
|
|
312
288
|
*/
|
|
@@ -314,15 +290,13 @@ defineProps<{
|
|
|
314
290
|
/**
|
|
315
291
|
* An object specifying attributes to assign to the root element of this widget.
|
|
316
292
|
* Set `null` value to attribute to remove it.
|
|
317
|
-
* ...
|
|
318
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-elementAttributes)
|
|
293
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-elementAttributes)
|
|
319
294
|
*/
|
|
320
295
|
elementAttributes ? : Record<string, string|null>
|
|
321
296
|
/**
|
|
322
297
|
* A function, or the name of a function in the ownership hierarchy to filter which events
|
|
323
298
|
* are collected into the day cell data blocks.
|
|
324
|
-
* ...
|
|
325
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-eventFilter)
|
|
299
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-eventFilter)
|
|
326
300
|
* @param {Scheduler.model.EventModel} event Event for filtering
|
|
327
301
|
* @returns {boolean} Return `true` to include the passed event
|
|
328
302
|
*/
|
|
@@ -355,24 +329,20 @@ defineProps<{
|
|
|
355
329
|
/**
|
|
356
330
|
* Config object of a footer. May contain a `dock`, `html` and a `cls` property. A footer is not a widget,
|
|
357
331
|
* but rather plain HTML that follows the last element of the panel's body and [strips](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#config-strips).
|
|
358
|
-
* ...
|
|
359
|
-
*
|
|
332
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-footer)
|
|
333
|
+
* @property {'top','right','bottom','left','start','end'} dock Where to dock
|
|
334
|
+
* @property {string} html Html to populate the footer with
|
|
335
|
+
* @property {string} cls CSS class to add to the footer
|
|
360
336
|
*/
|
|
361
|
-
footer ? :
|
|
362
|
-
dock?: 'top'|'right'|'bottom'|'left'|'start'|'end'
|
|
363
|
-
html?: string
|
|
364
|
-
cls?: string
|
|
365
|
-
}|string
|
|
337
|
+
footer ? : object|string
|
|
366
338
|
/**
|
|
367
339
|
* A config [object](https://bryntum.com/products/scheduler/docs/api/Core/widget/Panel#typedef-PanelHeader) for the panel's header or a string in place of a `title`.
|
|
368
|
-
* ...
|
|
369
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-header)
|
|
340
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-header)
|
|
370
341
|
*/
|
|
371
342
|
header ? : string|Boolean|PanelHeader
|
|
372
343
|
/**
|
|
373
344
|
* A function (or the name of a function) which creates content in, and may mutate a day header element.
|
|
374
|
-
* ...
|
|
375
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-headerRenderer)
|
|
345
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-headerRenderer)
|
|
376
346
|
* @param {HTMLElement} cell The header element
|
|
377
347
|
* @param {number} columnIndex The day column. Will be in the range `0` to `6`
|
|
378
348
|
* @param {number} weekDay The canonical day number where Monday is `0` and Sunday is `6`
|
|
@@ -391,8 +361,7 @@ defineProps<{
|
|
|
391
361
|
hidden ? : Boolean
|
|
392
362
|
/**
|
|
393
363
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-floating).*
|
|
394
|
-
* ...
|
|
395
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-hideAnimation)
|
|
364
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-hideAnimation)
|
|
396
365
|
*/
|
|
397
366
|
hideAnimation ? : Boolean|object
|
|
398
367
|
/**
|
|
@@ -402,8 +371,7 @@ defineProps<{
|
|
|
402
371
|
/**
|
|
403
372
|
* Specify `true` to make this container hide when it has no visible children (Either empty
|
|
404
373
|
* or all children hidden).
|
|
405
|
-
* ...
|
|
406
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-hideWhenEmpty)
|
|
374
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-hideWhenEmpty)
|
|
407
375
|
*/
|
|
408
376
|
hideWhenEmpty ? : Boolean
|
|
409
377
|
/**
|
|
@@ -413,12 +381,10 @@ defineProps<{
|
|
|
413
381
|
highlightSelectedWeek ? : Boolean
|
|
414
382
|
/**
|
|
415
383
|
* The HTML to display initially or a function returning the markup (called at widget construction time).
|
|
416
|
-
* ...
|
|
417
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-html)
|
|
384
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-html)
|
|
418
385
|
* @param {Core.widget.Widget} widget The calling Widget
|
|
419
|
-
* @returns {string}
|
|
420
386
|
*/
|
|
421
|
-
html ? : string|((widget: Widget) =>
|
|
387
|
+
html ? : string|((widget: Widget) => void)|DomConfig|DomConfig[]|VueConfig|ReactJSX
|
|
422
388
|
/**
|
|
423
389
|
* The CSS class(es) to add when HTML content is being applied to this widget.
|
|
424
390
|
*/
|
|
@@ -434,8 +400,7 @@ defineProps<{
|
|
|
434
400
|
id ? : string
|
|
435
401
|
/**
|
|
436
402
|
* Determines if the widgets read-only state should be controlled by its parent.
|
|
437
|
-
* ...
|
|
438
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ignoreParentReadOnly)
|
|
403
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ignoreParentReadOnly)
|
|
439
404
|
*/
|
|
440
405
|
ignoreParentReadOnly ? : Boolean
|
|
441
406
|
/**
|
|
@@ -446,8 +411,7 @@ defineProps<{
|
|
|
446
411
|
* Convenience setting to align input fields of child widgets. By default, the Field input element is
|
|
447
412
|
* placed immediately following the `label`. If you prefer to have all input fields aligned to the
|
|
448
413
|
* right, set this config to `'end'`.
|
|
449
|
-
* ...
|
|
450
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-inputFieldAlign)
|
|
414
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-inputFieldAlign)
|
|
451
415
|
*/
|
|
452
416
|
inputFieldAlign ? : 'start'|'end'
|
|
453
417
|
/**
|
|
@@ -465,55 +429,52 @@ defineProps<{
|
|
|
465
429
|
/**
|
|
466
430
|
* An object containing typed child widget config objects or Widgets. May also be specified
|
|
467
431
|
* as an array.
|
|
468
|
-
* ...
|
|
469
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-items)
|
|
432
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-items)
|
|
470
433
|
*/
|
|
471
434
|
items ? : Record<string, SchedulerContainerItemConfig|MenuItemEntry>|(SchedulerContainerItemConfig|MenuItemEntry|Widget)[]
|
|
472
435
|
/**
|
|
473
436
|
* An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
|
|
474
437
|
* and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
|
|
475
438
|
* are the name of the instance method to call when the keystroke is received.
|
|
476
|
-
* ...
|
|
477
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-keyMap)
|
|
439
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-keyMap)
|
|
478
440
|
*/
|
|
479
441
|
keyMap ? : Record<string, KeyMapConfig>
|
|
480
442
|
/**
|
|
481
443
|
* Convenience setting to use same label placement on all child widgets.
|
|
482
|
-
* ...
|
|
483
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-labelPosition)
|
|
444
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-labelPosition)
|
|
484
445
|
*/
|
|
485
446
|
labelPosition ? : 'before'|'above'|'align-before'|'auto'|null
|
|
447
|
+
/**
|
|
448
|
+
* Sets `labelWidth´ for all children of this Container, that does not define their own `labelWidth`.
|
|
449
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-labelWidth)
|
|
450
|
+
*/
|
|
451
|
+
labelWidth ? : number|null
|
|
486
452
|
/**
|
|
487
453
|
* The short name of a helper class which manages rendering and styling of child items.
|
|
488
|
-
* ...
|
|
489
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-layout)
|
|
454
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-layout)
|
|
490
455
|
*/
|
|
491
456
|
layout ? : string|SchedulerContainerLayoutConfig
|
|
492
457
|
/**
|
|
493
458
|
* The CSS style properties to apply to the [contentElement](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-contentElement).
|
|
494
|
-
* ...
|
|
495
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-layoutStyle)
|
|
459
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-layoutStyle)
|
|
496
460
|
*/
|
|
497
461
|
layoutStyle ? : object
|
|
498
462
|
/**
|
|
499
463
|
* An array of [child item](https://bryntum.com/products/scheduler/docs/api/Core/widget/Container#config-items) *config objects* which is to be converted into
|
|
500
464
|
* instances only when this Container is rendered, rather than eagerly at construct time.
|
|
501
|
-
* ...
|
|
502
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-lazyItems)
|
|
465
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-lazyItems)
|
|
503
466
|
*/
|
|
504
467
|
lazyItems ? : Record<string, SchedulerContainerItemConfig>|SchedulerContainerItemConfig[]|Widget[]
|
|
505
468
|
/**
|
|
506
469
|
* The listener set for this object.
|
|
507
|
-
* ...
|
|
508
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-listeners)
|
|
470
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-listeners)
|
|
509
471
|
*/
|
|
510
472
|
listeners ? : SchedulerDatePickerListeners
|
|
511
473
|
/**
|
|
512
474
|
* A class translations of which are used for translating this entity.
|
|
513
475
|
* This is often used when translations of an item are defined on its container class.
|
|
514
476
|
* For example:
|
|
515
|
-
* ...
|
|
516
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-localeClass)
|
|
477
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-localeClass)
|
|
517
478
|
*/
|
|
518
479
|
localeClass ? : typeof Base
|
|
519
480
|
/**
|
|
@@ -525,8 +486,7 @@ defineProps<{
|
|
|
525
486
|
* In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
|
|
526
487
|
* you could use 'localeKey' meta configuration.
|
|
527
488
|
* Example:
|
|
528
|
-
* ...
|
|
529
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-localizableProperties)
|
|
489
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-localizableProperties)
|
|
530
490
|
*/
|
|
531
491
|
localizableProperties ? : string[]
|
|
532
492
|
/**
|
|
@@ -557,8 +517,7 @@ defineProps<{
|
|
|
557
517
|
maxHeight ? : string|number
|
|
558
518
|
/**
|
|
559
519
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-floating).*
|
|
560
|
-
* ...
|
|
561
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-maximizeOnMobile)
|
|
520
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-maximizeOnMobile)
|
|
562
521
|
*/
|
|
563
522
|
maximizeOnMobile ? : number|string
|
|
564
523
|
/**
|
|
@@ -568,8 +527,7 @@ defineProps<{
|
|
|
568
527
|
maxWidth ? : string|number
|
|
569
528
|
/**
|
|
570
529
|
* By default, day cells flex to share available Panel width equally.
|
|
571
|
-
* ...
|
|
572
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-minColumnWidth)
|
|
530
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-minColumnWidth)
|
|
573
531
|
*/
|
|
574
532
|
minColumnWidth ? : number
|
|
575
533
|
/**
|
|
@@ -584,8 +542,7 @@ defineProps<{
|
|
|
584
542
|
minHeight ? : string|number
|
|
585
543
|
/**
|
|
586
544
|
* By default, week rows flex to share available Panel height equally.
|
|
587
|
-
* ...
|
|
588
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-minRowHeight)
|
|
545
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-minRowHeight)
|
|
589
546
|
*/
|
|
590
547
|
minRowHeight ? : number|string
|
|
591
548
|
/**
|
|
@@ -597,12 +554,10 @@ defineProps<{
|
|
|
597
554
|
* When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
|
|
598
555
|
* is used to monitor this element for size changes caused by either style manipulation, or by CSS
|
|
599
556
|
* layout.
|
|
600
|
-
* ...
|
|
601
|
-
*
|
|
557
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-monitorResize)
|
|
558
|
+
* @property {boolean} immediate Set to `true` to receive resize notifications immediately.
|
|
602
559
|
*/
|
|
603
|
-
monitorResize ? : Boolean|
|
|
604
|
-
immediate?: Boolean
|
|
605
|
-
}
|
|
560
|
+
monitorResize ? : Boolean|object
|
|
606
561
|
/**
|
|
607
562
|
* A [Month](https://bryntum.com/products/scheduler/docs/api/Core/util/Month) Month utility object which encapsulates this Panel's month
|
|
608
563
|
* and provides contextual information and navigation services.
|
|
@@ -610,23 +565,20 @@ defineProps<{
|
|
|
610
565
|
month ? : Month|MonthConfig
|
|
611
566
|
/**
|
|
612
567
|
* The format string to use to create the text of the month button.
|
|
613
|
-
* ...
|
|
614
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-monthButtonFormat)
|
|
568
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-monthButtonFormat)
|
|
615
569
|
*/
|
|
616
570
|
monthButtonFormat ? : string
|
|
617
571
|
/**
|
|
618
572
|
* Configure as `true` to enable selecting multiple discontiguous date ranges using
|
|
619
573
|
* click and Shift+click to create ranges and Ctrl+click to select/deselect individual dates.
|
|
620
|
-
* ...
|
|
621
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-multiSelect)
|
|
574
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-multiSelect)
|
|
622
575
|
*/
|
|
623
576
|
multiSelect ? : Boolean|'range'|'simple'
|
|
624
577
|
/**
|
|
625
578
|
* An object containing default config objects which may be referenced by name in the [items](https://bryntum.com/products/scheduler/docs/api/Core/widget/Container#config-items)
|
|
626
579
|
* config. For example, a specialized [Menu](https://bryntum.com/products/scheduler/docs/api/Core/widget/Menu) subclass may have a `namedItems` default
|
|
627
580
|
* value defined like this:
|
|
628
|
-
* ...
|
|
629
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-namedItems)
|
|
581
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-namedItems)
|
|
630
582
|
*/
|
|
631
583
|
namedItems ? : Record<string, SchedulerContainerItemConfig>
|
|
632
584
|
/**
|
|
@@ -646,8 +598,7 @@ defineProps<{
|
|
|
646
598
|
* Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-contentElement), but must
|
|
647
599
|
* not participate in the standard layout of that widget, and must be positioned relatively to that
|
|
648
600
|
* widget's [contentElement](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-contentElement).
|
|
649
|
-
* ...
|
|
650
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-positioned)
|
|
601
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-positioned)
|
|
651
602
|
*/
|
|
652
603
|
positioned ? : Boolean
|
|
653
604
|
/**
|
|
@@ -658,45 +609,45 @@ defineProps<{
|
|
|
658
609
|
/**
|
|
659
610
|
* Whether this widget is read-only. This is only valid if the widget is an input
|
|
660
611
|
* field, <strong>or contains input fields at any depth</strong>.
|
|
661
|
-
* ...
|
|
662
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-readOnly)
|
|
612
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-readOnly)
|
|
663
613
|
*/
|
|
664
614
|
readOnly ? : Boolean
|
|
665
615
|
/**
|
|
666
616
|
* [Record](https://bryntum.com/products/scheduler/docs/api/Core/data/Model) whose values will be used to populate fields in the container.
|
|
667
|
-
* ...
|
|
668
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-record)
|
|
617
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-record)
|
|
669
618
|
*/
|
|
670
619
|
record ? : Model
|
|
671
620
|
relayStoreEvents ? : Boolean
|
|
672
621
|
/**
|
|
673
622
|
* Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget
|
|
674
623
|
* `type`.
|
|
675
|
-
* ...
|
|
676
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-rendition)
|
|
624
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-rendition)
|
|
677
625
|
*/
|
|
678
626
|
rendition ? : string|Record<string, string>|null
|
|
679
627
|
/**
|
|
680
628
|
* Configure as `true` to have the component display a translucent ripple when its
|
|
681
629
|
* [focusElement](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
|
|
682
630
|
* current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
|
|
683
|
-
* ...
|
|
684
|
-
* [
|
|
631
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ripple)
|
|
632
|
+
* @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
|
|
633
|
+
* @property {string} [color] A CSS color name or specification.
|
|
634
|
+
* @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
|
|
635
|
+
* @property {string} [clip] A string which describes how to clip the ripple if it is not to be clipped to the default element. Either the property of the widget to use as the clipping element, or a selector to allow clipping to the closest matching ancestor to the target element.
|
|
636
|
+
*/
|
|
637
|
+
ripple ? : Boolean|object
|
|
638
|
+
/**
|
|
639
|
+
* The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
|
|
640
|
+
* accidentally applying a role which may interfere with screen readers.
|
|
641
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-role)
|
|
685
642
|
*/
|
|
686
|
-
|
|
687
|
-
delegate?: string
|
|
688
|
-
color?: string
|
|
689
|
-
radius?: number
|
|
690
|
-
clip?: string
|
|
691
|
-
}
|
|
643
|
+
role ? : string
|
|
692
644
|
/**
|
|
693
645
|
* If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
|
|
694
646
|
*/
|
|
695
647
|
rootElement ? : ShadowRoot|HTMLElement
|
|
696
648
|
/**
|
|
697
649
|
* This may be configured as `true` to make the widget's element use the `direction:rtl` style.
|
|
698
|
-
* ...
|
|
699
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-rtl)
|
|
650
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-rtl)
|
|
700
651
|
*/
|
|
701
652
|
rtl ? : Boolean
|
|
702
653
|
/**
|
|
@@ -704,8 +655,7 @@ defineProps<{
|
|
|
704
655
|
* in both axes. May be an object containing boolean `overflowX` and `overflowY` properties which are
|
|
705
656
|
* applied to CSS style properties `overflowX` and `overflowY`. If they are boolean, they are translated to
|
|
706
657
|
* CSS overflow properties thus:
|
|
707
|
-
* ...
|
|
708
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-scrollable)
|
|
658
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-scrollable)
|
|
709
659
|
*/
|
|
710
660
|
scrollable ? : Boolean|ScrollerConfig|Scroller
|
|
711
661
|
/**
|
|
@@ -716,8 +666,7 @@ defineProps<{
|
|
|
716
666
|
/**
|
|
717
667
|
* If [multiSelect](https://bryntum.com/products/scheduler/docs/api/Core/widget/DatePicker#config-multiSelect) is configured as `true`, this is an array of dates
|
|
718
668
|
* which are selected. There may be multiple, discontiguous date ranges.
|
|
719
|
-
* ...
|
|
720
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-selection)
|
|
669
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-selection)
|
|
721
670
|
*/
|
|
722
671
|
selection ? : Date[]|string[]
|
|
723
672
|
/**
|
|
@@ -726,15 +675,13 @@ defineProps<{
|
|
|
726
675
|
shadePastDates ? : Boolean
|
|
727
676
|
/**
|
|
728
677
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/scheduler/docs/api/Core/widget/Widget#config-floating).*
|
|
729
|
-
* ...
|
|
730
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-showAnimation)
|
|
678
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-showAnimation)
|
|
731
679
|
*/
|
|
732
680
|
showAnimation ? : Boolean|object
|
|
733
681
|
/**
|
|
734
682
|
* How to show presence of events in the configured [eventStore](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-eventStore) in the
|
|
735
683
|
* day cells. Values may be:
|
|
736
|
-
* ...
|
|
737
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-showEvents)
|
|
684
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-showEvents)
|
|
738
685
|
*/
|
|
739
686
|
showEvents ? : Boolean|'count'|'heatmap'
|
|
740
687
|
/**
|
|
@@ -755,30 +702,26 @@ defineProps<{
|
|
|
755
702
|
span ? : number
|
|
756
703
|
/**
|
|
757
704
|
* This value can be one of the following:
|
|
758
|
-
* ...
|
|
759
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateful)
|
|
705
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateful)
|
|
760
706
|
*/
|
|
761
707
|
stateful ? : Boolean|object|string[]
|
|
762
708
|
/**
|
|
763
709
|
* The events that, when fired by this component, should trigger it to save its state by calling
|
|
764
710
|
* [saveState](https://bryntum.com/products/scheduler/docs/api/Core/mixin/State#function-saveState).
|
|
765
|
-
* ...
|
|
766
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-statefulEvents)
|
|
711
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-statefulEvents)
|
|
767
712
|
*/
|
|
768
713
|
statefulEvents ? : object|string[]
|
|
769
714
|
/**
|
|
770
715
|
* The key to use when saving this object's state in the [stateProvider](https://bryntum.com/products/scheduler/docs/api/Core/mixin/State#config-stateProvider). If this config is
|
|
771
716
|
* not assigned, and [stateful](https://bryntum.com/products/scheduler/docs/api/Core/mixin/State#config-stateful) is not set to `false`, the [id](#Core/widget/Widget#config-id)
|
|
772
717
|
* (if explicitly specified) will be used as the `stateId`.
|
|
773
|
-
* ...
|
|
774
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateId)
|
|
718
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateId)
|
|
775
719
|
*/
|
|
776
720
|
stateId ? : string
|
|
777
721
|
/**
|
|
778
722
|
* The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/scheduler/docs/api/Core/mixin/State#property-state). By default, `state`
|
|
779
723
|
* will be saved using the [default state provider](https://bryntum.com/products/scheduler/docs/api/Core/state/StateProvider#property-instance-static).
|
|
780
|
-
* ...
|
|
781
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateProvider)
|
|
724
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-stateProvider)
|
|
782
725
|
*/
|
|
783
726
|
stateProvider ? : StateProvider
|
|
784
727
|
/**
|
|
@@ -790,23 +733,20 @@ defineProps<{
|
|
|
790
733
|
* An object containing widgets keyed by name. By default (when no `type` is given), strips are
|
|
791
734
|
* [toolbars](https://bryntum.com/products/scheduler/docs/api/Core/widget/Toolbar). If you want to pass an array, you can use
|
|
792
735
|
* the toolbar's [items](https://bryntum.com/products/scheduler/docs/api/Core/widget/Container#config-items).
|
|
793
|
-
* ...
|
|
794
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-strips)
|
|
736
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-strips)
|
|
795
737
|
*/
|
|
796
738
|
strips ? : Record<string, SchedulerContainerItemConfig>
|
|
797
739
|
/**
|
|
798
740
|
* A configuration for the [tab](https://bryntum.com/products/scheduler/docs/api/Core/widget/Tab) created for this widget when it is placed in a
|
|
799
741
|
* [TabPanel](https://bryntum.com/products/scheduler/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
|
|
800
742
|
* this widget:
|
|
801
|
-
* ...
|
|
802
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tab)
|
|
743
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tab)
|
|
803
744
|
*/
|
|
804
745
|
tab ? : Boolean|TabConfig
|
|
805
746
|
/**
|
|
806
747
|
* When this container is used as a tab in a TabPanel, these items are added to the
|
|
807
748
|
* [TabBar](https://bryntum.com/products/scheduler/docs/api/Core/widget/TabBar) when this container is the active tab.
|
|
808
|
-
* ...
|
|
809
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tabBarItems)
|
|
749
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tabBarItems)
|
|
810
750
|
*/
|
|
811
751
|
tabBarItems ? : ToolbarItems[]|Widget[]
|
|
812
752
|
/**
|
|
@@ -817,35 +757,30 @@ defineProps<{
|
|
|
817
757
|
* A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/scheduler/docs/api/Core/widget/Toolbar),
|
|
818
758
|
* or array of config objects representing the child items of a Toolbar.
|
|
819
759
|
* This creates a toolbar docked to the top of the panel immediately below the header.
|
|
820
|
-
* ...
|
|
821
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tbar)
|
|
760
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tbar)
|
|
822
761
|
*/
|
|
823
762
|
tbar ? : (SchedulerContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null
|
|
824
763
|
/**
|
|
825
764
|
* Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
|
|
826
|
-
* ...
|
|
827
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-textAlign)
|
|
765
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-textAlign)
|
|
828
766
|
*/
|
|
829
767
|
textAlign ? : 'left'|'center'|'right'|'start'|'end'
|
|
830
768
|
/**
|
|
831
769
|
* Specify `true` for a container used to show text markup. It will apply the CSS class `b-text-content`
|
|
832
770
|
* which specifies a default max-width that makes long text more readable.
|
|
833
|
-
* ...
|
|
834
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-textContent)
|
|
771
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-textContent)
|
|
835
772
|
*/
|
|
836
773
|
textContent ? : Boolean
|
|
837
774
|
/**
|
|
838
775
|
* A config object to create a tooltip which will show on hover of a date cell including disabled, weekend,
|
|
839
776
|
* and "other month" cells.
|
|
840
|
-
* ...
|
|
841
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tip)
|
|
777
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tip)
|
|
842
778
|
*/
|
|
843
779
|
tip ? : TooltipConfig
|
|
844
780
|
/**
|
|
845
781
|
* A title to display in the header or owning TabPanel. Causes creation and docking of a header
|
|
846
782
|
* to the top if no header is configured.
|
|
847
|
-
* ...
|
|
848
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-title)
|
|
783
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-title)
|
|
849
784
|
*/
|
|
850
785
|
title ? : string
|
|
851
786
|
/**
|
|
@@ -856,14 +791,12 @@ defineProps<{
|
|
|
856
791
|
* The [tools](https://bryntum.com/products/scheduler/docs/api/Core/widget/Tool) to add either before or after the `title` in the Panel header. Each
|
|
857
792
|
* property name is the reference by which an instantiated tool may be retrieved from the live
|
|
858
793
|
* `[tools](https://bryntum.com/products/scheduler/docs/api/Core/widget/mixin/Toolable#property-tools)` property.
|
|
859
|
-
* ...
|
|
860
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tools)
|
|
794
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tools)
|
|
861
795
|
*/
|
|
862
796
|
tools ? : Record<string, ToolConfig>|null
|
|
863
797
|
/**
|
|
864
798
|
* Tooltip for the widget, either as a string or as a Tooltip config object.
|
|
865
|
-
* ...
|
|
866
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tooltip)
|
|
799
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-tooltip)
|
|
867
800
|
*/
|
|
868
801
|
tooltip ? : string|TooltipConfig|null
|
|
869
802
|
/**
|
|
@@ -877,8 +810,7 @@ defineProps<{
|
|
|
877
810
|
* Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
|
|
878
811
|
* as a space separated string, an array of strings, or as an object in which property names with truthy
|
|
879
812
|
* values are used as the class names.
|
|
880
|
-
* ...
|
|
881
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ui)
|
|
813
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-ui)
|
|
882
814
|
*/
|
|
883
815
|
ui ? : 'plain'|'toolbar'|string|object
|
|
884
816
|
/**
|
|
@@ -891,8 +823,7 @@ defineProps<{
|
|
|
891
823
|
weekendCls ? : string
|
|
892
824
|
/**
|
|
893
825
|
* A function (or the name of a function) which creates content in, and may mutate the week cell element at the start of a week row.
|
|
894
|
-
* ...
|
|
895
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-weekRenderer)
|
|
826
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-weekRenderer)
|
|
896
827
|
* @param {HTMLElement} weekCell The header element
|
|
897
828
|
* @param {number[]} week An array containing `[year, weekNumber]`
|
|
898
829
|
* @returns {string,DomConfig,void}
|
|
@@ -916,14 +847,12 @@ defineProps<{
|
|
|
916
847
|
width ? : string|number
|
|
917
848
|
/**
|
|
918
849
|
* The x position for the widget.
|
|
919
|
-
* ...
|
|
920
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-x)
|
|
850
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-x)
|
|
921
851
|
*/
|
|
922
852
|
x ? : number
|
|
923
853
|
/**
|
|
924
854
|
* The y position for the widget.
|
|
925
|
-
* ...
|
|
926
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-y)
|
|
855
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#config-y)
|
|
927
856
|
*/
|
|
928
857
|
y ? : number
|
|
929
858
|
|
|
@@ -1004,8 +933,7 @@ const emit = defineEmits<{
|
|
|
1004
933
|
(e: 'beforeStateSave', params: ((event: { state: any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
|
|
1005
934
|
/**
|
|
1006
935
|
* Fires when any other event is fired from the object.
|
|
1007
|
-
* ...
|
|
1008
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#event-catchAll)
|
|
936
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#event-catchAll)
|
|
1009
937
|
* @param {string} e Event name
|
|
1010
938
|
* @param {object} params Event parameters
|
|
1011
939
|
* @param {string} params.e Event name
|
|
@@ -1140,8 +1068,7 @@ const emit = defineEmits<{
|
|
|
1140
1068
|
/**
|
|
1141
1069
|
* Triggered when a widget which had been in a non-visible state for any reason
|
|
1142
1070
|
* achieves visibility.
|
|
1143
|
-
* ...
|
|
1144
|
-
* [View online docs...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#event-paint)
|
|
1071
|
+
* [More...](https://bryntum.com/products/scheduler/docs/api/Scheduler/widget/SchedulerDatePicker#event-paint)
|
|
1145
1072
|
* @param {string} e Event name
|
|
1146
1073
|
* @param {object} params Event parameters
|
|
1147
1074
|
* @param {string} params.e Event name
|
|
@@ -1309,6 +1236,7 @@ const widgetData = {
|
|
|
1309
1236
|
'preventTooltipOnTouch',
|
|
1310
1237
|
'relayStoreEvents',
|
|
1311
1238
|
'ripple',
|
|
1239
|
+
'role',
|
|
1312
1240
|
'rootElement',
|
|
1313
1241
|
'scrollAction',
|
|
1314
1242
|
'showAnimation',
|
|
@@ -1363,6 +1291,7 @@ const widgetData = {
|
|
|
1363
1291
|
'items',
|
|
1364
1292
|
'keyMap',
|
|
1365
1293
|
'labelPosition',
|
|
1294
|
+
'labelWidth',
|
|
1366
1295
|
'layout',
|
|
1367
1296
|
'layoutStyle',
|
|
1368
1297
|
'margin',
|
|
@@ -1417,11 +1346,6 @@ const widgetData = {
|
|
|
1417
1346
|
'y'
|
|
1418
1347
|
],
|
|
1419
1348
|
propertyNames : [
|
|
1420
|
-
'anchorSize',
|
|
1421
|
-
'focusVisible',
|
|
1422
|
-
'hasChanges',
|
|
1423
|
-
'isSettingValues',
|
|
1424
|
-
'isValid',
|
|
1425
1349
|
'parent',
|
|
1426
1350
|
'state',
|
|
1427
1351
|
'values'
|