jsswift 1.0.44 → 1.0.46
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/dist/css/base.css +2 -137
- package/dist/css/fonts-material.css +7 -0
- package/dist/css/fonts-nunito.css +134 -0
- package/dist/css/min-ui.css +1 -1
- package/dist/css/ui.css +2 -137
- package/dist/css/ui.min.css +1 -1
- package/dist/documentions/AI.md +85 -0
- package/dist/documentions/README.md +4 -0
- package/dist/documentions/ai-development.md +3 -1
- package/dist/documentions/application-rules.md +12 -0
- package/dist/documentions/components/alert.md +29 -493
- package/dist/documentions/components/app-shell.md +37 -524
- package/dist/documentions/components/avatar.md +47 -575
- package/dist/documentions/components/badge.md +27 -461
- package/dist/documentions/components/banner.md +35 -535
- package/dist/documentions/components/breadcrumbs.md +35 -518
- package/dist/documentions/components/btn.md +19 -418
- package/dist/documentions/components/card-body.md +11 -328
- package/dist/documentions/components/card-footer.md +15 -367
- package/dist/documentions/components/card-header.md +15 -367
- package/dist/documentions/components/card.md +48 -596
- package/dist/documentions/components/checkbox.md +25 -456
- package/dist/documentions/components/chip.md +16 -393
- package/dist/documentions/components/col.md +57 -612
- package/dist/documentions/components/container.md +40 -535
- package/dist/documentions/components/context-menu.md +60 -696
- package/dist/documentions/components/date.md +56 -673
- package/dist/documentions/components/dialog.md +67 -628
- package/dist/documentions/components/drawer.md +48 -616
- package/dist/documentions/components/empty-state.md +28 -477
- package/dist/documentions/components/footer.md +42 -586
- package/dist/documentions/components/form-field.md +40 -568
- package/dist/documentions/components/form.md +7 -321
- package/dist/documentions/components/grid-col.md +42 -542
- package/dist/documentions/components/grid.md +40 -542
- package/dist/documentions/components/header.md +38 -547
- package/dist/documentions/components/icon.md +17 -370
- package/dist/documentions/components/input.md +57 -619
- package/dist/documentions/components/item.md +37 -533
- package/dist/documentions/components/kpi.md +34 -519
- package/dist/documentions/components/layout.md +81 -811
- package/dist/documentions/components/list.md +19 -405
- package/dist/documentions/components/loading-bar.md +58 -679
- package/dist/documentions/components/menu.md +62 -710
- package/dist/documentions/components/notify.md +34 -525
- package/dist/documentions/components/page.md +35 -526
- package/dist/documentions/components/pagination.md +39 -531
- package/dist/documentions/components/parallax.md +50 -633
- package/dist/documentions/components/popover.md +55 -661
- package/dist/documentions/components/progress.md +39 -554
- package/dist/documentions/components/radio.md +27 -470
- package/dist/documentions/components/rating.md +41 -574
- package/dist/documentions/components/route-tab.md +30 -491
- package/dist/documentions/components/row.md +35 -507
- package/dist/documentions/components/search.md +62 -723
- package/dist/documentions/components/select.md +67 -660
- package/dist/documentions/components/separator.md +7 -321
- package/dist/documentions/components/slider.md +49 -631
- package/dist/documentions/components/spacer.md +6 -314
- package/dist/documentions/components/spinner.md +25 -440
- package/dist/documentions/components/stat.md +32 -505
- package/dist/documentions/components/tab-panel.md +40 -563
- package/dist/documentions/components/table.md +76 -657
- package/dist/documentions/components/tabs.md +36 -538
- package/dist/documentions/components/time.md +29 -491
- package/dist/documentions/components/toggle.md +31 -498
- package/dist/documentions/components/toolbar.md +52 -640
- package/dist/documentions/components/tooltip.md +35 -535
- package/dist/documentions/getting-started.md +27 -0
- package/dist/documentions/knowledge-map.json +19 -1
- package/dist/documentions/ui/common-props.md +301 -0
- package/dist/jsswift.js +10543 -14102
- package/dist/jsswift.min.js +3 -3
- package/dist/min-jsswift.js +3 -3
- package/dist/tabler.js +7 -0
- package/package.json +6 -2
|
@@ -1,684 +1,66 @@
|
|
|
1
1
|
# Date
|
|
2
2
|
|
|
3
|
-
Exact JSswift UI
|
|
3
|
+
Exact JSswift UI contract. Shared definitions listed in `commonProps` are in [common props](../ui/common-props.md); all component-specific props, slots, events, and methods are below.
|
|
4
4
|
|
|
5
5
|
```json
|
|
6
6
|
{
|
|
7
7
|
"signature": "_.Date(props)",
|
|
8
8
|
"props": {
|
|
9
|
-
"size": {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
"xxs",
|
|
51
|
-
"xs",
|
|
52
|
-
"sm",
|
|
53
|
-
"md",
|
|
54
|
-
"lg",
|
|
55
|
-
"xl",
|
|
56
|
-
"xxl",
|
|
57
|
-
"xxxl"
|
|
58
|
-
],
|
|
59
|
-
"category": "style"
|
|
60
|
-
},
|
|
61
|
-
"clickable": {
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"description": "Enables pointer/hover styles and click handling on the component.",
|
|
64
|
-
"default": false,
|
|
65
|
-
"values": null,
|
|
66
|
-
"category": "behavior"
|
|
67
|
-
},
|
|
68
|
-
"padding": {
|
|
69
|
-
"type": "string|number",
|
|
70
|
-
"description": "Padding applied to the component root element.",
|
|
71
|
-
"default": null,
|
|
72
|
-
"values": [
|
|
73
|
-
"number",
|
|
74
|
-
"CSS units",
|
|
75
|
-
"xxs",
|
|
76
|
-
"xs",
|
|
77
|
-
"sm",
|
|
78
|
-
"md",
|
|
79
|
-
"lg",
|
|
80
|
-
"xl",
|
|
81
|
-
"xxl",
|
|
82
|
-
"xxxl"
|
|
83
|
-
],
|
|
84
|
-
"category": "layout"
|
|
85
|
-
},
|
|
86
|
-
"margin": {
|
|
87
|
-
"type": "string|number",
|
|
88
|
-
"description": "Margin applied to the component root element.",
|
|
89
|
-
"default": null,
|
|
90
|
-
"values": [
|
|
91
|
-
"number",
|
|
92
|
-
"CSS units",
|
|
93
|
-
"xxs",
|
|
94
|
-
"xs",
|
|
95
|
-
"sm",
|
|
96
|
-
"md",
|
|
97
|
-
"lg",
|
|
98
|
-
"xl",
|
|
99
|
-
"xxl",
|
|
100
|
-
"xxxl"
|
|
101
|
-
],
|
|
102
|
-
"category": "layout"
|
|
103
|
-
},
|
|
104
|
-
"width": {
|
|
105
|
-
"type": "string|number",
|
|
106
|
-
"description": "Explicit width (number interpreted as px or CSS length).",
|
|
107
|
-
"default": null,
|
|
108
|
-
"values": [
|
|
109
|
-
"number",
|
|
110
|
-
"CSS units",
|
|
111
|
-
"xxs",
|
|
112
|
-
"xs",
|
|
113
|
-
"sm",
|
|
114
|
-
"md",
|
|
115
|
-
"lg",
|
|
116
|
-
"xl",
|
|
117
|
-
"xxl",
|
|
118
|
-
"xxxl"
|
|
119
|
-
],
|
|
120
|
-
"category": "layout"
|
|
121
|
-
},
|
|
122
|
-
"minWidth": {
|
|
123
|
-
"type": "string|number",
|
|
124
|
-
"description": "Minimum width constraint (number interpreted as px or CSS length).",
|
|
125
|
-
"default": null,
|
|
126
|
-
"values": [
|
|
127
|
-
"number",
|
|
128
|
-
"CSS units",
|
|
129
|
-
"xxs",
|
|
130
|
-
"xs",
|
|
131
|
-
"sm",
|
|
132
|
-
"md",
|
|
133
|
-
"lg",
|
|
134
|
-
"xl",
|
|
135
|
-
"xxl",
|
|
136
|
-
"xxxl"
|
|
137
|
-
],
|
|
138
|
-
"category": "layout"
|
|
139
|
-
},
|
|
140
|
-
"maxWidth": {
|
|
141
|
-
"type": "string|number",
|
|
142
|
-
"description": "Maximum width constraint (number interpreted as px or CSS length).",
|
|
143
|
-
"default": null,
|
|
144
|
-
"values": [
|
|
145
|
-
"number",
|
|
146
|
-
"CSS units",
|
|
147
|
-
"xxs",
|
|
148
|
-
"xs",
|
|
149
|
-
"sm",
|
|
150
|
-
"md",
|
|
151
|
-
"lg",
|
|
152
|
-
"xl",
|
|
153
|
-
"xxl",
|
|
154
|
-
"xxxl"
|
|
155
|
-
],
|
|
156
|
-
"category": "layout"
|
|
157
|
-
},
|
|
158
|
-
"height": {
|
|
159
|
-
"type": "string|number",
|
|
160
|
-
"description": "Explicit height (number interpreted as px or CSS length).",
|
|
161
|
-
"default": null,
|
|
162
|
-
"values": [
|
|
163
|
-
"number",
|
|
164
|
-
"CSS units",
|
|
165
|
-
"xxs",
|
|
166
|
-
"xs",
|
|
167
|
-
"sm",
|
|
168
|
-
"md",
|
|
169
|
-
"lg",
|
|
170
|
-
"xl",
|
|
171
|
-
"xxl",
|
|
172
|
-
"xxxl"
|
|
173
|
-
],
|
|
174
|
-
"category": "layout"
|
|
175
|
-
},
|
|
176
|
-
"minHeight": {
|
|
177
|
-
"type": "string|number",
|
|
178
|
-
"description": "Minimum height constraint (number interpreted as px or CSS length).",
|
|
179
|
-
"default": null,
|
|
180
|
-
"values": [
|
|
181
|
-
"number",
|
|
182
|
-
"CSS units",
|
|
183
|
-
"xxs",
|
|
184
|
-
"xs",
|
|
185
|
-
"sm",
|
|
186
|
-
"md",
|
|
187
|
-
"lg",
|
|
188
|
-
"xl",
|
|
189
|
-
"xxl",
|
|
190
|
-
"xxxl"
|
|
191
|
-
],
|
|
192
|
-
"category": "layout"
|
|
193
|
-
},
|
|
194
|
-
"maxHeight": {
|
|
195
|
-
"type": "string|number",
|
|
196
|
-
"description": "Maximum height constraint (number interpreted as px or CSS length).",
|
|
197
|
-
"default": null,
|
|
198
|
-
"values": [
|
|
199
|
-
"number",
|
|
200
|
-
"CSS units",
|
|
201
|
-
"xxs",
|
|
202
|
-
"xs",
|
|
203
|
-
"sm",
|
|
204
|
-
"md",
|
|
205
|
-
"lg",
|
|
206
|
-
"xl",
|
|
207
|
-
"xxl",
|
|
208
|
-
"xxxl"
|
|
209
|
-
],
|
|
210
|
-
"category": "layout"
|
|
211
|
-
},
|
|
212
|
-
"radius": {
|
|
213
|
-
"type": "string|number",
|
|
214
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
215
|
-
"default": null,
|
|
216
|
-
"values": [
|
|
217
|
-
"number",
|
|
218
|
-
"CSS units",
|
|
219
|
-
"xxs",
|
|
220
|
-
"xs",
|
|
221
|
-
"sm",
|
|
222
|
-
"md",
|
|
223
|
-
"lg",
|
|
224
|
-
"xl",
|
|
225
|
-
"xxl",
|
|
226
|
-
"xxxl"
|
|
227
|
-
],
|
|
228
|
-
"category": "style"
|
|
229
|
-
},
|
|
230
|
-
"borderRadius": {
|
|
231
|
-
"type": "string|number",
|
|
232
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
233
|
-
"default": null,
|
|
234
|
-
"values": [
|
|
235
|
-
"number",
|
|
236
|
-
"CSS units",
|
|
237
|
-
"xxs",
|
|
238
|
-
"xs",
|
|
239
|
-
"sm",
|
|
240
|
-
"md",
|
|
241
|
-
"lg",
|
|
242
|
-
"xl",
|
|
243
|
-
"xxl",
|
|
244
|
-
"xxxl"
|
|
245
|
-
],
|
|
246
|
-
"category": "style"
|
|
247
|
-
},
|
|
248
|
-
"shadow": {
|
|
249
|
-
"type": "string|boolean",
|
|
250
|
-
"description": "Shadow token or CSS box-shadow string applied to the component.",
|
|
251
|
-
"default": null,
|
|
252
|
-
"values": [
|
|
253
|
-
"none",
|
|
254
|
-
"xxs",
|
|
255
|
-
"xs",
|
|
256
|
-
"sm",
|
|
257
|
-
"md",
|
|
258
|
-
"lg",
|
|
259
|
-
"xl",
|
|
260
|
-
"xxl",
|
|
261
|
-
"xxxl"
|
|
262
|
-
],
|
|
263
|
-
"category": "style"
|
|
264
|
-
},
|
|
265
|
-
"mobile": {
|
|
266
|
-
"type": "object",
|
|
267
|
-
"description": "Responsive overrides applied at the base/mobile viewport.",
|
|
268
|
-
"default": null,
|
|
269
|
-
"values": null,
|
|
270
|
-
"category": "layout"
|
|
271
|
-
},
|
|
272
|
-
"tablet": {
|
|
273
|
-
"type": "object",
|
|
274
|
-
"description": "Responsive overrides applied from the tablet breakpoint upward.",
|
|
275
|
-
"default": null,
|
|
276
|
-
"values": null,
|
|
277
|
-
"category": "layout"
|
|
278
|
-
},
|
|
279
|
-
"pc": {
|
|
280
|
-
"type": "object",
|
|
281
|
-
"description": "Responsive overrides applied from the desktop breakpoint upward.",
|
|
282
|
-
"default": null,
|
|
283
|
-
"values": null,
|
|
284
|
-
"category": "layout"
|
|
285
|
-
},
|
|
286
|
-
"class": {
|
|
287
|
-
"type": "string",
|
|
288
|
-
"description": "Additional CSS classes applied to the component root element.",
|
|
289
|
-
"default": null,
|
|
290
|
-
"values": null,
|
|
291
|
-
"category": "style"
|
|
292
|
-
},
|
|
293
|
-
"style": {
|
|
294
|
-
"type": "object",
|
|
295
|
-
"description": "Inline styles applied to the component root element.",
|
|
296
|
-
"default": null,
|
|
297
|
-
"values": null,
|
|
298
|
-
"category": "style"
|
|
299
|
-
},
|
|
300
|
-
"value": {
|
|
301
|
-
"type": "string | { from, to } | string[] | Array<{ from, to }> | Array<[from, to]>",
|
|
302
|
-
"description": "Current value (controlled).",
|
|
303
|
-
"default": null,
|
|
304
|
-
"values": null,
|
|
305
|
-
"category": "data"
|
|
306
|
-
},
|
|
307
|
-
"model": {
|
|
308
|
-
"type": "rod | [get,set] signal",
|
|
309
|
-
"description": "Two-way bound value (alias to value in some components).",
|
|
310
|
-
"default": null,
|
|
311
|
-
"values": null,
|
|
312
|
-
"category": "data"
|
|
313
|
-
},
|
|
314
|
-
"mode": {
|
|
315
|
-
"type": "\"single\"|\"range\"|\"multiple\"|\"range-multiple\"",
|
|
316
|
-
"description": "Component configuration for \"mode\". When not handled internally, it is forwarded to the root element.",
|
|
317
|
-
"default": null,
|
|
318
|
-
"values": null,
|
|
319
|
-
"category": "general"
|
|
320
|
-
},
|
|
321
|
-
"range": {
|
|
322
|
-
"type": "boolean",
|
|
323
|
-
"description": "Component configuration for \"range\". When not handled internally, it is forwarded to the root element.",
|
|
324
|
-
"default": null,
|
|
325
|
-
"values": null,
|
|
326
|
-
"category": "general"
|
|
327
|
-
},
|
|
328
|
-
"multiple": {
|
|
329
|
-
"type": "boolean",
|
|
330
|
-
"description": "Allows selecting multiple values.",
|
|
331
|
-
"default": null,
|
|
332
|
-
"values": null,
|
|
333
|
-
"category": "general"
|
|
334
|
-
},
|
|
335
|
-
"rangeMultiple": {
|
|
336
|
-
"type": "boolean",
|
|
337
|
-
"description": "Component configuration for \"rangeMultiple\". When not handled internally, it is forwarded to the root element.",
|
|
338
|
-
"default": null,
|
|
339
|
-
"values": null,
|
|
340
|
-
"category": "general"
|
|
341
|
-
},
|
|
342
|
-
"multipleRange": {
|
|
343
|
-
"type": "Alias of rangeMultiple",
|
|
344
|
-
"description": "Component configuration for \"multipleRange\". When not handled internally, it is forwarded to the root element.",
|
|
345
|
-
"default": null,
|
|
346
|
-
"values": null,
|
|
347
|
-
"category": "general"
|
|
348
|
-
},
|
|
349
|
-
"min": {
|
|
350
|
-
"type": "string",
|
|
351
|
-
"description": "Minimum value for range-based controls.",
|
|
352
|
-
"default": null,
|
|
353
|
-
"values": null,
|
|
354
|
-
"category": "general"
|
|
355
|
-
},
|
|
356
|
-
"max": {
|
|
357
|
-
"type": "string",
|
|
358
|
-
"description": "Maximum value for range-based controls.",
|
|
359
|
-
"default": null,
|
|
360
|
-
"values": null,
|
|
361
|
-
"category": "general"
|
|
362
|
-
},
|
|
363
|
-
"minDate": {
|
|
364
|
-
"type": "Alias of min",
|
|
365
|
-
"description": "Component configuration for \"minDate\". When not handled internally, it is forwarded to the root element.",
|
|
366
|
-
"default": null,
|
|
367
|
-
"values": null,
|
|
368
|
-
"category": "general"
|
|
369
|
-
},
|
|
370
|
-
"maxDate": {
|
|
371
|
-
"type": "Alias of max",
|
|
372
|
-
"description": "Component configuration for \"maxDate\". When not handled internally, it is forwarded to the root element.",
|
|
373
|
-
"default": null,
|
|
374
|
-
"values": null,
|
|
375
|
-
"category": "general"
|
|
376
|
-
},
|
|
377
|
-
"minRange": {
|
|
378
|
-
"type": "number",
|
|
379
|
-
"description": "Component configuration for \"minRange\". When not handled internally, it is forwarded to the root element.",
|
|
380
|
-
"default": null,
|
|
381
|
-
"values": null,
|
|
382
|
-
"category": "general"
|
|
383
|
-
},
|
|
384
|
-
"maxRange": {
|
|
385
|
-
"type": "number",
|
|
386
|
-
"description": "Component configuration for \"maxRange\". When not handled internally, it is forwarded to the root element.",
|
|
387
|
-
"default": null,
|
|
388
|
-
"values": null,
|
|
389
|
-
"category": "general"
|
|
390
|
-
},
|
|
391
|
-
"manualInput": {
|
|
392
|
-
"type": "boolean",
|
|
393
|
-
"description": "Component configuration for \"manualInput\". When not handled internally, it is forwarded to the root element.",
|
|
394
|
-
"default": null,
|
|
395
|
-
"values": null,
|
|
396
|
-
"category": "general"
|
|
397
|
-
},
|
|
398
|
-
"firstDayOfWeek": {
|
|
399
|
-
"type": "number",
|
|
400
|
-
"description": "Component configuration for \"firstDayOfWeek\". When not handled internally, it is forwarded to the root element.",
|
|
401
|
-
"default": null,
|
|
402
|
-
"values": null,
|
|
403
|
-
"category": "general"
|
|
404
|
-
},
|
|
405
|
-
"monthsToShow": {
|
|
406
|
-
"type": "number",
|
|
407
|
-
"description": "Component configuration for \"monthsToShow\". When not handled internally, it is forwarded to the root element.",
|
|
408
|
-
"default": null,
|
|
409
|
-
"values": null,
|
|
410
|
-
"category": "general"
|
|
411
|
-
},
|
|
412
|
-
"locale": {
|
|
413
|
-
"type": "string",
|
|
414
|
-
"description": "Component configuration for \"locale\". When not handled internally, it is forwarded to the root element.",
|
|
415
|
-
"default": null,
|
|
416
|
-
"values": null,
|
|
417
|
-
"category": "general"
|
|
418
|
-
},
|
|
419
|
-
"shortcuts": {
|
|
420
|
-
"type": "Array<{ label, value }>",
|
|
421
|
-
"description": "Component configuration for \"shortcuts\". When not handled internally, it is forwarded to the root element.",
|
|
422
|
-
"default": null,
|
|
423
|
-
"values": null,
|
|
424
|
-
"category": "general"
|
|
425
|
-
},
|
|
426
|
-
"options": {
|
|
427
|
-
"type": "Array|string|Function",
|
|
428
|
-
"description": "Array of selectable options or option groups.",
|
|
429
|
-
"default": null,
|
|
430
|
-
"values": null,
|
|
431
|
-
"category": "data"
|
|
432
|
-
},
|
|
433
|
-
"enableDates": {
|
|
434
|
-
"type": "Alias of options",
|
|
435
|
-
"description": "Component configuration for \"enableDates\". When not handled internally, it is forwarded to the root element.",
|
|
436
|
-
"default": null,
|
|
437
|
-
"values": null,
|
|
438
|
-
"category": "general"
|
|
439
|
-
},
|
|
440
|
-
"disableDates": {
|
|
441
|
-
"type": "Array|string|Function",
|
|
442
|
-
"description": "Component configuration for \"disableDates\". When not handled internally, it is forwarded to the root element.",
|
|
443
|
-
"default": null,
|
|
444
|
-
"values": null,
|
|
445
|
-
"category": "general"
|
|
446
|
-
},
|
|
447
|
-
"label": {
|
|
448
|
-
"type": "String|Node|Function|Array",
|
|
449
|
-
"description": "Label text or node for the component.",
|
|
450
|
-
"default": null,
|
|
451
|
-
"values": null,
|
|
452
|
-
"category": "general"
|
|
453
|
-
},
|
|
454
|
-
"icon": {
|
|
455
|
-
"type": "String|Node|Function|Array",
|
|
456
|
-
"description": "Icon name or node rendered with the component.",
|
|
457
|
-
"default": null,
|
|
458
|
-
"values": [
|
|
459
|
-
"#name_tabler",
|
|
460
|
-
"name_material",
|
|
461
|
-
"class"
|
|
462
|
-
],
|
|
463
|
-
"category": "general"
|
|
464
|
-
},
|
|
465
|
-
"iconRight": {
|
|
466
|
-
"type": "String|Node|Function|Array",
|
|
467
|
-
"description": "Icon name or node rendered on the right side of the component.",
|
|
468
|
-
"default": null,
|
|
469
|
-
"values": [
|
|
470
|
-
"#name_tabler",
|
|
471
|
-
"name_material",
|
|
472
|
-
"class"
|
|
473
|
-
],
|
|
474
|
-
"category": "general"
|
|
475
|
-
},
|
|
476
|
-
"pointIcon": {
|
|
477
|
-
"type": "String|Node|Function|Array",
|
|
478
|
-
"description": "Component configuration for \"pointIcon\". When not handled internally, it is forwarded to the root element.",
|
|
479
|
-
"default": null,
|
|
480
|
-
"values": null,
|
|
481
|
-
"category": "general"
|
|
482
|
-
},
|
|
483
|
-
"withTime": {
|
|
484
|
-
"type": "boolean",
|
|
485
|
-
"description": "Component configuration for \"withTime\". When not handled internally, it is forwarded to the root element.",
|
|
486
|
-
"default": null,
|
|
487
|
-
"values": null,
|
|
488
|
-
"category": "general"
|
|
489
|
-
},
|
|
490
|
-
"timeValue": {
|
|
491
|
-
"type": "string|Date",
|
|
492
|
-
"description": "Component configuration for \"timeValue\". When not handled internally, it is forwarded to the root element.",
|
|
493
|
-
"default": null,
|
|
494
|
-
"values": null,
|
|
495
|
-
"category": "general"
|
|
496
|
-
},
|
|
497
|
-
"timeMin": {
|
|
498
|
-
"type": "string",
|
|
499
|
-
"description": "Component configuration for \"timeMin\". When not handled internally, it is forwarded to the root element.",
|
|
500
|
-
"default": null,
|
|
501
|
-
"values": null,
|
|
502
|
-
"category": "general"
|
|
503
|
-
},
|
|
504
|
-
"timeMax": {
|
|
505
|
-
"type": "string",
|
|
506
|
-
"description": "Component configuration for \"timeMax\". When not handled internally, it is forwarded to the root element.",
|
|
507
|
-
"default": null,
|
|
508
|
-
"values": null,
|
|
509
|
-
"category": "general"
|
|
510
|
-
},
|
|
511
|
-
"timeMinuteStep": {
|
|
512
|
-
"type": "number",
|
|
513
|
-
"description": "Component configuration for \"timeMinuteStep\". When not handled internally, it is forwarded to the root element.",
|
|
514
|
-
"default": null,
|
|
515
|
-
"values": null,
|
|
516
|
-
"category": "general"
|
|
517
|
-
},
|
|
518
|
-
"timeSecondStep": {
|
|
519
|
-
"type": "number",
|
|
520
|
-
"description": "Component configuration for \"timeSecondStep\". When not handled internally, it is forwarded to the root element.",
|
|
521
|
-
"default": null,
|
|
522
|
-
"values": null,
|
|
523
|
-
"category": "general"
|
|
524
|
-
},
|
|
525
|
-
"timeWithSeconds": {
|
|
526
|
-
"type": "boolean",
|
|
527
|
-
"description": "Component configuration for \"timeWithSeconds\". When not handled internally, it is forwarded to the root element.",
|
|
528
|
-
"default": null,
|
|
529
|
-
"values": null,
|
|
530
|
-
"category": "general"
|
|
531
|
-
},
|
|
532
|
-
"timeShortcuts": {
|
|
533
|
-
"type": "Array<{ label, value }>",
|
|
534
|
-
"description": "Component configuration for \"timeShortcuts\". When not handled internally, it is forwarded to the root element.",
|
|
535
|
-
"default": null,
|
|
536
|
-
"values": null,
|
|
537
|
-
"category": "general"
|
|
538
|
-
},
|
|
539
|
-
"timePointIcon": {
|
|
540
|
-
"type": "String|Node|Function|Array",
|
|
541
|
-
"description": "Component configuration for \"timePointIcon\". When not handled internally, it is forwarded to the root element.",
|
|
542
|
-
"default": null,
|
|
543
|
-
"values": null,
|
|
544
|
-
"category": "general"
|
|
545
|
-
},
|
|
546
|
-
"clearable": {
|
|
547
|
-
"type": "boolean",
|
|
548
|
-
"description": "Shows a clear action to reset the current value.",
|
|
549
|
-
"default": null,
|
|
550
|
-
"values": null,
|
|
551
|
-
"category": "general"
|
|
552
|
-
},
|
|
553
|
-
"confirm": {
|
|
554
|
-
"type": "boolean",
|
|
555
|
-
"description": "Component configuration for \"confirm\". When not handled internally, it is forwarded to the root element.",
|
|
556
|
-
"default": null,
|
|
557
|
-
"values": null,
|
|
558
|
-
"category": "general"
|
|
559
|
-
},
|
|
560
|
-
"name": {
|
|
561
|
-
"type": "string",
|
|
562
|
-
"description": "HTML name attribute for form submission.",
|
|
563
|
-
"default": null,
|
|
564
|
-
"values": null,
|
|
565
|
-
"category": "general"
|
|
566
|
-
},
|
|
567
|
-
"nameFrom": {
|
|
568
|
-
"type": "string",
|
|
569
|
-
"description": "Component configuration for \"nameFrom\". When not handled internally, it is forwarded to the root element.",
|
|
570
|
-
"default": null,
|
|
571
|
-
"values": null,
|
|
572
|
-
"category": "general"
|
|
573
|
-
},
|
|
574
|
-
"nameTo": {
|
|
575
|
-
"type": "string",
|
|
576
|
-
"description": "Component configuration for \"nameTo\". When not handled internally, it is forwarded to the root element.",
|
|
577
|
-
"default": null,
|
|
578
|
-
"values": null,
|
|
579
|
-
"category": "general"
|
|
580
|
-
},
|
|
581
|
-
"children": {
|
|
582
|
-
"type": "Node|Array|Function",
|
|
583
|
-
"description": "Default child content (nodes, arrays, or render function).",
|
|
584
|
-
"default": null,
|
|
585
|
-
"values": null,
|
|
586
|
-
"category": "general"
|
|
587
|
-
}
|
|
9
|
+
"size": {"type": "\"xs\"|\"sm\"|\"md\"|\"lg\"|\"xl\"", "description": "Size token, number, or CSS length for sizing.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
10
|
+
"value": {"type": "string | { from, to } | string[] | Array<{ from, to }> | Array<[from, to]>", "description": "Current value (controlled).", "default": null, "values": null, "category": "data"},
|
|
11
|
+
"model": {"type": "rod | [get,set] signal", "description": "Two-way bound value (alias to value in some components).", "default": null, "values": null, "category": "data"},
|
|
12
|
+
"mode": {"type": "\"single\"|\"range\"|\"multiple\"|\"range-multiple\"", "description": "Component configuration for \"mode\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
13
|
+
"range": {"type": "boolean", "description": "Component configuration for \"range\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
14
|
+
"multiple": {"type": "boolean", "description": "Allows selecting multiple values.", "default": null, "values": null, "category": "general"},
|
|
15
|
+
"rangeMultiple": {"type": "boolean", "description": "Component configuration for \"rangeMultiple\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
16
|
+
"multipleRange": {"type": "Alias of rangeMultiple", "description": "Component configuration for \"multipleRange\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
17
|
+
"min": {"type": "string", "description": "Minimum value for range-based controls.", "default": null, "values": null, "category": "general"},
|
|
18
|
+
"max": {"type": "string", "description": "Maximum value for range-based controls.", "default": null, "values": null, "category": "general"},
|
|
19
|
+
"minDate": {"type": "Alias of min", "description": "Component configuration for \"minDate\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
20
|
+
"maxDate": {"type": "Alias of max", "description": "Component configuration for \"maxDate\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
21
|
+
"minRange": {"type": "number", "description": "Component configuration for \"minRange\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
22
|
+
"maxRange": {"type": "number", "description": "Component configuration for \"maxRange\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
23
|
+
"manualInput": {"type": "boolean", "description": "Component configuration for \"manualInput\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
24
|
+
"firstDayOfWeek": {"type": "number", "description": "Component configuration for \"firstDayOfWeek\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
25
|
+
"monthsToShow": {"type": "number", "description": "Component configuration for \"monthsToShow\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
26
|
+
"locale": {"type": "string", "description": "Component configuration for \"locale\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
27
|
+
"shortcuts": {"type": "Array<{ label, value }>", "description": "Component configuration for \"shortcuts\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
28
|
+
"options": {"type": "Array|string|Function", "description": "Array of selectable options or option groups.", "default": null, "values": null, "category": "data"},
|
|
29
|
+
"enableDates": {"type": "Alias of options", "description": "Component configuration for \"enableDates\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
30
|
+
"disableDates": {"type": "Array|string|Function", "description": "Component configuration for \"disableDates\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
31
|
+
"label": {"type": "String|Node|Function|Array", "description": "Label text or node for the component.", "default": null, "values": null, "category": "general"},
|
|
32
|
+
"icon": {"type": "String|Node|Function|Array", "description": "Icon name or node rendered with the component.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "general"},
|
|
33
|
+
"iconRight": {"type": "String|Node|Function|Array", "description": "Icon name or node rendered on the right side of the component.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "general"},
|
|
34
|
+
"pointIcon": {"type": "String|Node|Function|Array", "description": "Component configuration for \"pointIcon\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
35
|
+
"withTime": {"type": "boolean", "description": "Component configuration for \"withTime\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
36
|
+
"timeValue": {"type": "string|Date", "description": "Component configuration for \"timeValue\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
37
|
+
"timeMin": {"type": "string", "description": "Component configuration for \"timeMin\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
38
|
+
"timeMax": {"type": "string", "description": "Component configuration for \"timeMax\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
39
|
+
"timeMinuteStep": {"type": "number", "description": "Component configuration for \"timeMinuteStep\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
40
|
+
"timeSecondStep": {"type": "number", "description": "Component configuration for \"timeSecondStep\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
41
|
+
"timeWithSeconds": {"type": "boolean", "description": "Component configuration for \"timeWithSeconds\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
42
|
+
"timeShortcuts": {"type": "Array<{ label, value }>", "description": "Component configuration for \"timeShortcuts\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
43
|
+
"timePointIcon": {"type": "String|Node|Function|Array", "description": "Component configuration for \"timePointIcon\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
44
|
+
"clearable": {"type": "boolean", "description": "Shows a clear action to reset the current value.", "default": null, "values": null, "category": "general"},
|
|
45
|
+
"confirm": {"type": "boolean", "description": "Component configuration for \"confirm\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
46
|
+
"name": {"type": "string", "description": "HTML name attribute for form submission.", "default": null, "values": null, "category": "general"},
|
|
47
|
+
"nameFrom": {"type": "string", "description": "Component configuration for \"nameFrom\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
48
|
+
"nameTo": {"type": "string", "description": "Component configuration for \"nameTo\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
49
|
+
"children": {"type": "Node|Array|Function", "description": "Default child content (nodes, arrays, or render function).", "default": null, "values": null, "category": "general"}
|
|
588
50
|
},
|
|
589
51
|
"slots": {
|
|
590
|
-
"day": {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
},
|
|
597
|
-
"
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
"category": "slot"
|
|
603
|
-
},
|
|
604
|
-
"dayPoint": {
|
|
605
|
-
"type": "Alias of point",
|
|
606
|
-
"description": "Slot content for \"dayPoint\". Accepts nodes, arrays, or render functions.",
|
|
607
|
-
"default": null,
|
|
608
|
-
"values": null,
|
|
609
|
-
"category": "slot"
|
|
610
|
-
},
|
|
611
|
-
"value": {
|
|
612
|
-
"type": "Footer value renderer ({ value, displayValue, mode })",
|
|
613
|
-
"description": "Slot content for \"value\". Accepts nodes, arrays, or render functions.",
|
|
614
|
-
"default": null,
|
|
615
|
-
"values": null,
|
|
616
|
-
"category": "data"
|
|
617
|
-
},
|
|
618
|
-
"timeOption": {
|
|
619
|
-
"type": "Renderer for a time option in the integrated footer",
|
|
620
|
-
"description": "Slot content for \"timeOption\". Accepts nodes, arrays, or render functions.",
|
|
621
|
-
"default": null,
|
|
622
|
-
"values": null,
|
|
623
|
-
"category": "slot"
|
|
624
|
-
},
|
|
625
|
-
"timePoint": {
|
|
626
|
-
"type": "Point/icon in the footer time option",
|
|
627
|
-
"description": "Slot content for \"timePoint\". Accepts nodes, arrays, or render functions.",
|
|
628
|
-
"default": null,
|
|
629
|
-
"values": null,
|
|
630
|
-
"category": "slot"
|
|
631
|
-
},
|
|
632
|
-
"timeShortcut": {
|
|
633
|
-
"type": "Integrated time shortcut renderer",
|
|
634
|
-
"description": "Slot content for \"timeShortcut\". Accepts nodes, arrays, or render functions.",
|
|
635
|
-
"default": null,
|
|
636
|
-
"values": null,
|
|
637
|
-
"category": "slot"
|
|
638
|
-
},
|
|
639
|
-
"label": {
|
|
640
|
-
"type": "Floating label",
|
|
641
|
-
"description": "Slot for label content.",
|
|
642
|
-
"default": null,
|
|
643
|
-
"values": null,
|
|
644
|
-
"category": "slot"
|
|
645
|
-
},
|
|
646
|
-
"topLabel": {
|
|
647
|
-
"type": "Top label",
|
|
648
|
-
"description": "Slot for top label content.",
|
|
649
|
-
"default": null,
|
|
650
|
-
"values": null,
|
|
651
|
-
"category": "slot"
|
|
652
|
-
},
|
|
653
|
-
"icon": {
|
|
654
|
-
"type": "Left icon",
|
|
655
|
-
"description": "Slot for icon content.",
|
|
656
|
-
"default": null,
|
|
657
|
-
"values": [
|
|
658
|
-
"#name_tabler",
|
|
659
|
-
"name_material",
|
|
660
|
-
"class"
|
|
661
|
-
],
|
|
662
|
-
"category": "slot"
|
|
663
|
-
},
|
|
664
|
-
"iconRight": {
|
|
665
|
-
"type": "Right icon",
|
|
666
|
-
"description": "Slot for right-aligned icon content.",
|
|
667
|
-
"default": null,
|
|
668
|
-
"values": [
|
|
669
|
-
"#name_tabler",
|
|
670
|
-
"name_material",
|
|
671
|
-
"class"
|
|
672
|
-
],
|
|
673
|
-
"category": "slot"
|
|
674
|
-
},
|
|
675
|
-
"default": {
|
|
676
|
-
"type": "Fallback value content",
|
|
677
|
-
"description": "Primary content for the component.",
|
|
678
|
-
"default": null,
|
|
679
|
-
"values": null,
|
|
680
|
-
"category": "slot"
|
|
681
|
-
}
|
|
52
|
+
"day": {"type": "Day content ({ date, selected, inRange, disabled, outside })", "description": "Slot content for \"day\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
53
|
+
"point": {"type": "Point/icon in the day", "description": "Slot content for \"point\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
54
|
+
"dayPoint": {"type": "Alias of point", "description": "Slot content for \"dayPoint\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
55
|
+
"value": {"type": "Footer value renderer ({ value, displayValue, mode })", "description": "Slot content for \"value\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "data"},
|
|
56
|
+
"timeOption": {"type": "Renderer for a time option in the integrated footer", "description": "Slot content for \"timeOption\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
57
|
+
"timePoint": {"type": "Point/icon in the footer time option", "description": "Slot content for \"timePoint\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
58
|
+
"timeShortcut": {"type": "Integrated time shortcut renderer", "description": "Slot content for \"timeShortcut\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
59
|
+
"label": {"type": "Floating label", "description": "Slot for label content.", "default": null, "values": null, "category": "slot"},
|
|
60
|
+
"topLabel": {"type": "Top label", "description": "Slot for top label content.", "default": null, "values": null, "category": "slot"},
|
|
61
|
+
"icon": {"type": "Left icon", "description": "Slot for icon content.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "slot"},
|
|
62
|
+
"iconRight": {"type": "Right icon", "description": "Slot for right-aligned icon content.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "slot"},
|
|
63
|
+
"default": {"type": "Fallback value content", "description": "Primary content for the component.", "default": null, "values": null, "category": "slot"}
|
|
682
64
|
},
|
|
683
65
|
"events": {
|
|
684
66
|
"onChange": "(value, event)",
|
|
@@ -688,6 +70,7 @@ Exact JSswift UI metadata contract. Use only the props, slots, events, and metho
|
|
|
688
70
|
"onNavigate": "({ month, year })"
|
|
689
71
|
},
|
|
690
72
|
"returns": "HTMLDivElement (field wrapper) con ._input, ._open(), ._close(), ._getValue(), ._setValue(value)",
|
|
691
|
-
"description": "Reactive date picker with fixed overlay, single/range/multiple/multi-range modes, model, min/max, presets, xs-xl sizes, and optional time support in a unified interface."
|
|
73
|
+
"description": "Reactive date picker with fixed overlay, single/range/multiple/multi-range modes, model, min/max, presets, xs-xl sizes, and optional time support in a unified interface.",
|
|
74
|
+
"commonProps": {"path": "ui/common-props.md", "keys": ["color", "outline", "clickable", "padding", "margin", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "borderRadius", "shadow", "mobile", "tablet", "pc", "class", "style"]}
|
|
692
75
|
}
|
|
693
76
|
```
|