@weni/unnnic-system 3.11.1-alpha.1 → 3.11.1-alpha.4

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.
Files changed (47) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/components/DatePicker/DatePicker.vue.d.ts +69 -249
  3. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  4. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  5. package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +47 -911
  6. package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts.map +1 -1
  7. package/dist/components/Select/SelectItem.vue.d.ts +1 -1
  8. package/dist/components/SelectSmart/SelectSmart.vue.d.ts +1 -1
  9. package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts +1 -1
  10. package/dist/components/Sidebar/SidebarItem.vue.d.ts +2 -2
  11. package/dist/components/ui/drawer/Drawer.vue.d.ts.map +1 -1
  12. package/dist/components/ui/drawer/DrawerClose.vue.d.ts.map +1 -1
  13. package/dist/components/ui/drawer/DrawerContent.vue.d.ts.map +1 -1
  14. package/dist/components/ui/drawer/DrawerDescription.vue.d.ts.map +1 -1
  15. package/dist/components/ui/drawer/DrawerFooter.vue.d.ts.map +1 -1
  16. package/dist/components/ui/drawer/DrawerHeader.vue.d.ts.map +1 -1
  17. package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts.map +1 -1
  18. package/dist/components/ui/drawer/DrawerTitle.vue.d.ts.map +1 -1
  19. package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts.map +1 -1
  20. package/dist/{es-1e5cce64.mjs → es-fc643bdb.mjs} +1 -1
  21. package/dist/{index-8d75623f.mjs → index-4601aaf4.mjs} +9050 -9107
  22. package/dist/{pt-br-defd03da.mjs → pt-br-0b82e6d2.mjs} +1 -1
  23. package/dist/style.css +1 -1
  24. package/dist/unnnic.mjs +1 -1
  25. package/dist/unnnic.umd.js +42 -42
  26. package/package.json +1 -1
  27. package/src/components/DatePicker/DatePicker.vue +628 -516
  28. package/src/components/DatePicker/__tests__/DatePicker.spec.js +227 -0
  29. package/src/components/Drawer/Drawer.vue +6 -2
  30. package/src/components/Drawer/__tests__/Drawer.spec.js +11 -15
  31. package/src/components/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +9 -9
  32. package/src/components/InputDatePicker/InputDatePicker.vue +149 -183
  33. package/src/components/InputDatePicker/__test__/InputDatePicker.spec.js +159 -0
  34. package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -1
  35. package/src/components/ui/drawer/Drawer.vue +4 -0
  36. package/src/components/ui/drawer/DrawerClose.vue +4 -0
  37. package/src/components/ui/drawer/DrawerContent.vue +5 -1
  38. package/src/components/ui/drawer/DrawerDescription.vue +4 -0
  39. package/src/components/ui/drawer/DrawerFooter.vue +5 -1
  40. package/src/components/ui/drawer/DrawerHeader.vue +5 -1
  41. package/src/components/ui/drawer/DrawerOverlay.vue +5 -1
  42. package/src/components/ui/drawer/DrawerTitle.vue +5 -1
  43. package/src/components/ui/drawer/DrawerTrigger.vue +4 -0
  44. package/src/stories/DatePicker.stories.js +71 -0
  45. package/src/stories/InputDatePicker.stories.js +22 -0
  46. package/dist/components/index.d.ts +0 -25946
  47. package/dist/components/index.d.ts.map +0 -1
@@ -1,923 +1,59 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- modelValue: {
3
- type: ObjectConstructor;
4
- required: true;
5
- };
6
- iconPosition: {
7
- type: StringConstructor;
8
- default: string;
9
- validator(position: unknown): boolean;
10
- };
11
- minDate: {
12
- type: StringConstructor;
13
- default: string;
14
- };
15
- maxDate: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- fillW: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- type: {
24
- type: StringConstructor;
25
- default: string;
26
- };
27
- size: {
28
- type: StringConstructor;
29
- default: string;
30
- };
31
- clearText: {
32
- type: StringConstructor;
33
- default: string;
34
- };
35
- actionText: {
36
- type: StringConstructor;
37
- default: string;
38
- };
39
- months: {
40
- type: ArrayConstructor;
41
- default: () => never[];
42
- };
43
- days: {
44
- type: ArrayConstructor;
45
- default: () => never[];
46
- };
47
- options: {
48
- type: ArrayConstructor;
49
- default: () => never[];
50
- };
51
- next: {
52
- type: BooleanConstructor;
53
- default: boolean;
54
- };
55
- format: {
56
- type: StringConstructor;
57
- default: string;
58
- };
59
- inputFormat: {
60
- type: StringConstructor;
61
- default: string;
62
- };
63
- position: {
64
- type: StringConstructor;
65
- default: string;
66
- };
67
- disableClear: {
68
- type: BooleanConstructor;
69
- default: boolean;
70
- };
71
- }>, {}, {
72
- showCalendarFilter: boolean;
73
- overwrittenValue: string;
74
- }, {
75
- filterText(): string;
76
- initialStartDate(): string | null;
77
- initialEndDate(): string | null;
78
- }, {
79
- emitSelectDate(date: any): void;
80
- mouseout(event: any): void;
81
- changeDate(value: any): void;
82
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("selectDate" | "update:model-value")[], "selectDate" | "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
83
- modelValue: {
84
- type: ObjectConstructor;
85
- required: true;
86
- };
87
- iconPosition: {
88
- type: StringConstructor;
89
- default: string;
90
- validator(position: unknown): boolean;
91
- };
92
- minDate: {
93
- type: StringConstructor;
94
- default: string;
95
- };
96
- maxDate: {
97
- type: StringConstructor;
98
- default: string;
99
- };
100
- fillW: {
101
- type: BooleanConstructor;
102
- default: boolean;
103
- };
104
- type: {
105
- type: StringConstructor;
106
- default: string;
107
- };
108
- size: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- clearText: {
113
- type: StringConstructor;
114
- default: string;
115
- };
116
- actionText: {
117
- type: StringConstructor;
118
- default: string;
119
- };
120
- months: {
121
- type: ArrayConstructor;
122
- default: () => never[];
123
- };
124
- days: {
125
- type: ArrayConstructor;
126
- default: () => never[];
127
- };
128
- options: {
129
- type: ArrayConstructor;
130
- default: () => never[];
131
- };
132
- next: {
133
- type: BooleanConstructor;
134
- default: boolean;
135
- };
136
- format: {
137
- type: StringConstructor;
138
- default: string;
139
- };
140
- inputFormat: {
141
- type: StringConstructor;
142
- default: string;
143
- };
144
- position: {
145
- type: StringConstructor;
146
- default: string;
147
- };
148
- disableClear: {
149
- type: BooleanConstructor;
150
- default: boolean;
151
- };
152
- }>> & Readonly<{
153
- onSelectDate?: ((...args: any[]) => any) | undefined;
154
- "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
1
+ type DateRangeValue = {
2
+ start: string | null;
3
+ end: string | null;
4
+ };
5
+ interface InputDatePickerProps {
6
+ modelValue: DateRangeValue;
7
+ iconPosition?: 'left' | 'right';
8
+ minDate?: string;
9
+ maxDate?: string;
10
+ fillW?: boolean;
11
+ type?: 'day' | 'month' | 'year';
12
+ size?: string;
13
+ clearText?: string;
14
+ actionText?: string;
15
+ months?: string[];
16
+ days?: string[];
17
+ options?: Array<{
18
+ name: string;
19
+ id: string;
20
+ }>;
21
+ next?: boolean;
22
+ format?: string;
23
+ inputFormat?: string | null;
24
+ position?: 'left' | 'right';
25
+ disableClear?: boolean;
26
+ periodBaseDate?: string;
27
+ }
28
+ declare const _default: import('vue').DefineComponent<InputDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
29
+ selectDate: (value: DateRangeValue) => any;
30
+ "update:model-value": (value: DateRangeValue) => any;
31
+ }, string, import('vue').PublicProps, Readonly<InputDatePickerProps> & Readonly<{
32
+ onSelectDate?: ((value: DateRangeValue) => any) | undefined;
33
+ "onUpdate:model-value"?: ((value: DateRangeValue) => any) | undefined;
155
34
  }>, {
156
- type: string;
35
+ type: "day" | "month" | "year";
157
36
  size: string;
158
37
  minDate: string;
159
38
  maxDate: string;
160
- months: unknown[];
161
- days: unknown[];
162
- options: unknown[];
39
+ periodBaseDate: string;
40
+ months: string[];
41
+ days: string[];
42
+ options: Array<{
43
+ name: string;
44
+ id: string;
45
+ }>;
163
46
  disableClear: boolean;
164
47
  clearText: string;
165
- iconPosition: string;
48
+ iconPosition: "left" | "right";
166
49
  fillW: boolean;
167
50
  actionText: string;
168
51
  next: boolean;
169
52
  format: string;
170
- inputFormat: string;
171
- position: string;
172
- }, {}, {
173
- UnnnicInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
174
- placeholder: {
175
- type: StringConstructor;
176
- default: string;
177
- };
178
- type: {
179
- type: StringConstructor;
180
- default: string;
181
- validator(value: unknown): boolean;
182
- };
183
- modelValue: {
184
- type: StringConstructor;
185
- default: string;
186
- };
187
- nativeType: {
188
- type: StringConstructor;
189
- default: string;
190
- };
191
- message: {
192
- type: StringConstructor;
193
- default: string;
194
- };
195
- errors: {
196
- type: (StringConstructor | ArrayConstructor)[];
197
- default: string;
198
- };
199
- label: {
200
- type: StringConstructor;
201
- default: string;
202
- };
203
- iconLeft: {
204
- type: StringConstructor;
205
- default: string;
206
- };
207
- iconRight: {
208
- type: StringConstructor;
209
- default: string;
210
- };
211
- allowTogglePassword: {
212
- type: BooleanConstructor;
213
- default: boolean;
214
- };
215
- iconLeftClickable: {
216
- type: BooleanConstructor;
217
- default: boolean;
218
- };
219
- iconRightClickable: {
220
- type: BooleanConstructor;
221
- default: boolean;
222
- };
223
- hasCloudyColor: {
224
- type: BooleanConstructor;
225
- default: boolean;
226
- };
227
- size: {
228
- type: StringConstructor;
229
- default: string;
230
- };
231
- mask: {
232
- type: (StringConstructor | ArrayConstructor)[];
233
- default: string;
234
- };
235
- tooltip: {
236
- type: StringConstructor;
237
- default: string;
238
- };
239
- maxlength: {
240
- type: (NumberConstructor | null)[];
241
- default: null;
242
- };
243
- showMaxlengthCounter: {
244
- type: BooleanConstructor;
245
- default: boolean;
246
- };
247
- disabled: {
248
- type: BooleanConstructor;
249
- default: boolean;
250
- };
251
- }>, {}, {
252
- val: string;
253
- }, {
254
- computedError(): string | boolean;
255
- }, {
256
- fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
257
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
258
- placeholder: {
259
- type: StringConstructor;
260
- default: string;
261
- };
262
- type: {
263
- type: StringConstructor;
264
- default: string;
265
- validator(value: unknown): boolean;
266
- };
267
- modelValue: {
268
- type: StringConstructor;
269
- default: string;
270
- };
271
- nativeType: {
272
- type: StringConstructor;
273
- default: string;
274
- };
275
- message: {
276
- type: StringConstructor;
277
- default: string;
278
- };
279
- errors: {
280
- type: (StringConstructor | ArrayConstructor)[];
281
- default: string;
282
- };
283
- label: {
284
- type: StringConstructor;
285
- default: string;
286
- };
287
- iconLeft: {
288
- type: StringConstructor;
289
- default: string;
290
- };
291
- iconRight: {
292
- type: StringConstructor;
293
- default: string;
294
- };
295
- allowTogglePassword: {
296
- type: BooleanConstructor;
297
- default: boolean;
298
- };
299
- iconLeftClickable: {
300
- type: BooleanConstructor;
301
- default: boolean;
302
- };
303
- iconRightClickable: {
304
- type: BooleanConstructor;
305
- default: boolean;
306
- };
307
- hasCloudyColor: {
308
- type: BooleanConstructor;
309
- default: boolean;
310
- };
311
- size: {
312
- type: StringConstructor;
313
- default: string;
314
- };
315
- mask: {
316
- type: (StringConstructor | ArrayConstructor)[];
317
- default: string;
318
- };
319
- tooltip: {
320
- type: StringConstructor;
321
- default: string;
322
- };
323
- maxlength: {
324
- type: (NumberConstructor | null)[];
325
- default: null;
326
- };
327
- showMaxlengthCounter: {
328
- type: BooleanConstructor;
329
- default: boolean;
330
- };
331
- disabled: {
332
- type: BooleanConstructor;
333
- default: boolean;
334
- };
335
- }>> & Readonly<{
336
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
337
- }>, {
338
- disabled: boolean;
339
- type: string;
340
- placeholder: string;
341
- label: string;
342
- size: string;
343
- mask: string | unknown[];
344
- tooltip: string;
345
- message: string;
346
- modelValue: string;
347
- nativeType: string;
348
- maxlength: number | null;
349
- iconLeft: string;
350
- iconRight: string;
351
- iconLeftClickable: boolean;
352
- iconRightClickable: boolean;
353
- allowTogglePassword: boolean;
354
- errors: string | unknown[];
355
- hasCloudyColor: boolean;
356
- showMaxlengthCounter: boolean;
357
- }, {}, {
358
- TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
359
- placeholder: {
360
- type: StringConstructor;
361
- default: null;
362
- };
363
- type: {
364
- type: StringConstructor;
365
- default: string;
366
- validator(value: unknown): boolean;
367
- };
368
- modelValue: {
369
- type: StringConstructor;
370
- default: string;
371
- };
372
- nativeType: {
373
- type: StringConstructor;
374
- default: string;
375
- };
376
- iconLeft: {
377
- type: StringConstructor;
378
- default: null;
379
- };
380
- iconRight: {
381
- type: StringConstructor;
382
- default: null;
383
- };
384
- iconLeftClickable: {
385
- type: BooleanConstructor;
386
- default: null;
387
- };
388
- iconRightClickable: {
389
- type: BooleanConstructor;
390
- default: null;
391
- };
392
- allowTogglePassword: {
393
- type: BooleanConstructor;
394
- default: null;
395
- };
396
- size: {
397
- type: StringConstructor;
398
- default: string;
399
- };
400
- maxlength: {
401
- type: NumberConstructor;
402
- default: null;
403
- };
404
- disabled: {
405
- type: BooleanConstructor;
406
- default: boolean;
407
- };
408
- }>, {}, {
409
- isFocused: boolean;
410
- showPassword: boolean;
411
- }, {
412
- isDisabled(): {};
413
- iconRightSvg(): string;
414
- iconScheme(): "fg-base" | "fg-muted";
415
- attributes(): any;
416
- }, {
417
- focus(): void;
418
- onFocus(): void;
419
- onBlur(): void;
420
- onIconLeftClick(): void;
421
- onIconRightClick(): void;
422
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
423
- placeholder: {
424
- type: StringConstructor;
425
- default: null;
426
- };
427
- type: {
428
- type: StringConstructor;
429
- default: string;
430
- validator(value: unknown): boolean;
431
- };
432
- modelValue: {
433
- type: StringConstructor;
434
- default: string;
435
- };
436
- nativeType: {
437
- type: StringConstructor;
438
- default: string;
439
- };
440
- iconLeft: {
441
- type: StringConstructor;
442
- default: null;
443
- };
444
- iconRight: {
445
- type: StringConstructor;
446
- default: null;
447
- };
448
- iconLeftClickable: {
449
- type: BooleanConstructor;
450
- default: null;
451
- };
452
- iconRightClickable: {
453
- type: BooleanConstructor;
454
- default: null;
455
- };
456
- allowTogglePassword: {
457
- type: BooleanConstructor;
458
- default: null;
459
- };
460
- size: {
461
- type: StringConstructor;
462
- default: string;
463
- };
464
- maxlength: {
465
- type: NumberConstructor;
466
- default: null;
467
- };
468
- disabled: {
469
- type: BooleanConstructor;
470
- default: boolean;
471
- };
472
- }>> & Readonly<{
473
- "onIcon-left-click"?: ((...args: any[]) => any) | undefined;
474
- "onIcon-right-click"?: ((...args: any[]) => any) | undefined;
475
- }>, {
476
- disabled: boolean;
477
- type: string;
478
- placeholder: string;
479
- size: string;
480
- modelValue: string;
481
- nativeType: string;
482
- maxlength: number;
483
- iconLeft: string;
484
- iconRight: string;
485
- iconLeftClickable: boolean;
486
- iconRightClickable: boolean;
487
- allowTogglePassword: boolean;
488
- }, {}, {
489
- BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
490
- type: {
491
- type: StringConstructor;
492
- default: string;
493
- validator(value: unknown): boolean;
494
- };
495
- modelValue: {
496
- type: StringConstructor;
497
- default: string;
498
- };
499
- nativeType: {
500
- type: StringConstructor;
501
- default: string;
502
- };
503
- size: {
504
- type: StringConstructor;
505
- default: string;
506
- };
507
- mask: {
508
- type: (StringConstructor | ArrayConstructor)[];
509
- default: string;
510
- };
511
- hasIconLeft: BooleanConstructor;
512
- hasIconRight: BooleanConstructor;
513
- maxlength: {
514
- type: NumberConstructor;
515
- default: null;
516
- };
517
- }>, {}, {}, {
518
- attributes(): any;
519
- classes(): (string | {
520
- 'input--has-icon-left': boolean;
521
- 'input--has-icon-right': boolean;
522
- })[];
523
- }, {
524
- fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
525
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
526
- type: {
527
- type: StringConstructor;
528
- default: string;
529
- validator(value: unknown): boolean;
530
- };
531
- modelValue: {
532
- type: StringConstructor;
533
- default: string;
534
- };
535
- nativeType: {
536
- type: StringConstructor;
537
- default: string;
538
- };
539
- size: {
540
- type: StringConstructor;
541
- default: string;
542
- };
543
- mask: {
544
- type: (StringConstructor | ArrayConstructor)[];
545
- default: string;
546
- };
547
- hasIconLeft: BooleanConstructor;
548
- hasIconRight: BooleanConstructor;
549
- maxlength: {
550
- type: NumberConstructor;
551
- default: null;
552
- };
553
- }>> & Readonly<{
554
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
555
- }>, {
556
- type: string;
557
- size: string;
558
- mask: string | unknown[];
559
- hasIconLeft: boolean;
560
- hasIconRight: boolean;
561
- modelValue: string;
562
- nativeType: string;
563
- maxlength: number;
564
- }, {}, {}, {
565
- mask: any;
566
- }, string, import('vue').ComponentProvideOptions, true, {}, any>;
567
- UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
568
- click: (event: Event) => any;
569
- mousedown: (event: Event) => any;
570
- mouseup: (event: Event) => any;
571
- }, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
572
- onClick?: ((event: Event) => any) | undefined;
573
- onMousedown?: ((event: Event) => any) | undefined;
574
- onMouseup?: ((event: Event) => any) | undefined;
575
- }>, {
576
- size: import('../Icon.vue').IconSize;
577
- filled: boolean;
578
- icon: string | null;
579
- clickable: boolean;
580
- scheme: import('../Icon.vue').SchemeColor;
581
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
582
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
583
- UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
584
- size: {
585
- type: StringConstructor;
586
- default: string;
587
- validator: (size: unknown) => boolean;
588
- };
589
- label: {
590
- type: StringConstructor;
591
- default: string;
592
- };
593
- fixedLabel: {
594
- type: BooleanConstructor;
595
- default: boolean;
596
- };
597
- error: {
598
- type: (BooleanConstructor | StringConstructor)[];
599
- default: boolean;
600
- };
601
- message: {
602
- type: StringConstructor;
603
- default: string;
604
- };
605
- disabled: {
606
- type: BooleanConstructor;
607
- default: boolean;
608
- };
609
- tooltip: {
610
- type: StringConstructor;
611
- default: string;
612
- };
613
- }>, {}, {}, {}, {
614
- fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
615
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
616
- size: {
617
- type: StringConstructor;
618
- default: string;
619
- validator: (size: unknown) => boolean;
620
- };
621
- label: {
622
- type: StringConstructor;
623
- default: string;
624
- };
625
- fixedLabel: {
626
- type: BooleanConstructor;
627
- default: boolean;
628
- };
629
- error: {
630
- type: (BooleanConstructor | StringConstructor)[];
631
- default: boolean;
632
- };
633
- message: {
634
- type: StringConstructor;
635
- default: string;
636
- };
637
- disabled: {
638
- type: BooleanConstructor;
639
- default: boolean;
640
- };
641
- tooltip: {
642
- type: StringConstructor;
643
- default: string;
644
- };
645
- }>> & Readonly<{}>, {
646
- disabled: boolean;
647
- error: string | boolean;
648
- label: string;
649
- size: string;
650
- tooltip: string;
651
- fixedLabel: boolean;
652
- message: string;
653
- }, {}, {
654
- UnnnicLabel: import('vue').DefineComponent<import('../Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Label/Label.vue').LabelProps> & Readonly<{}>, {
655
- label: string;
656
- tooltip: string;
657
- useHtmlTooltip: boolean;
658
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
659
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
660
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
661
- UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
662
- initialStartDate: {
663
- type: StringConstructor;
664
- default: string;
665
- };
666
- initialEndDate: {
667
- type: StringConstructor;
668
- default: string;
669
- };
670
- minDate: {
671
- type: StringConstructor;
672
- default: string;
673
- };
674
- maxDate: {
675
- type: StringConstructor;
676
- default: string;
677
- };
678
- equivalentOption: {
679
- type: StringConstructor;
680
- default: string;
681
- };
682
- type: {
683
- type: StringConstructor;
684
- default: string;
685
- validator(type: unknown): boolean;
686
- };
687
- size: {
688
- type: StringConstructor;
689
- default: string;
690
- validator(size: unknown): boolean;
691
- };
692
- clearLabel: {
693
- type: StringConstructor;
694
- default: string;
695
- };
696
- actionLabel: {
697
- type: StringConstructor;
698
- default: string;
699
- };
700
- months: {
701
- type: ArrayConstructor;
702
- default: () => never[];
703
- validator(months: unknown): boolean;
704
- };
705
- days: {
706
- type: ArrayConstructor;
707
- default: () => never[];
708
- validator(days: unknown): boolean;
709
- };
710
- options: {
711
- type: ArrayConstructor;
712
- default: () => never[];
713
- };
714
- disableClear: {
715
- type: BooleanConstructor;
716
- default: boolean;
717
- };
718
- }>, {}, {
719
- referenceDate: string;
720
- startDate: string;
721
- endDate: string;
722
- optionSelected: string;
723
- defaultTranslations: {
724
- clean: {
725
- 'pt-br': string;
726
- en: string;
727
- es: string;
728
- };
729
- filter: {
730
- 'pt-br': string;
731
- en: string;
732
- es: string;
733
- };
734
- };
735
- }, {
736
- openMonths(): string[];
737
- value(): {
738
- startDate: string;
739
- endDate: string;
740
- };
741
- i18nLocale(): string;
742
- monthsLocale(): any;
743
- daysLocale(): any;
744
- periodsLocale(): any;
745
- clearText(): any;
746
- filterText(): any;
747
- }, {
748
- submit(): void;
749
- updateOptionSelected(): void;
750
- dateToString(date: any): string;
751
- dateToStringMonth(date: any): string;
752
- dateToStringYear(date: any): any;
753
- stringToTime(date: any): number;
754
- getDate(date: any): any;
755
- getMonth(date: any): any;
756
- getFullYear(date: any): number;
757
- addMonth(referenceDate: any, quantity: any): string;
758
- isDateBetween(internalDate: any): boolean;
759
- isDateBetweenMonth(internalDate: any): boolean;
760
- isDateBetweenYear(internalDate: any): boolean;
761
- getDatesOfTheMonth(referenceDate: any): {
762
- properties: string[];
763
- toString: () => string;
764
- }[];
765
- getMonthsOfTheYear(referenceDate: any): {
766
- properties: string[];
767
- date: string;
768
- toString: () => string;
769
- }[];
770
- getYears(referenceDate: any): {
771
- properties: string[];
772
- date: number;
773
- toString: () => string;
774
- }[];
775
- selectDate(date: any): void;
776
- clear(): void;
777
- getStartAndEndDateByPeriod(period: any): {
778
- startDate: string | undefined;
779
- endDate: string | undefined;
780
- };
781
- autoSelect(method: any): void;
782
- }, {
783
- props: {
784
- locale: {
785
- type: StringConstructor;
786
- };
787
- translations: {
788
- type: ObjectConstructor;
789
- };
790
- };
791
- methods: {
792
- i18n(...args: any[]): any;
793
- };
794
- }, import('vue').ComponentOptionsMixin, ("change" | "submit" | "update:equivalentOption")[], "change" | "submit" | "update:equivalentOption", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
795
- initialStartDate: {
796
- type: StringConstructor;
797
- default: string;
798
- };
799
- initialEndDate: {
800
- type: StringConstructor;
801
- default: string;
802
- };
803
- minDate: {
804
- type: StringConstructor;
805
- default: string;
806
- };
807
- maxDate: {
808
- type: StringConstructor;
809
- default: string;
810
- };
811
- equivalentOption: {
812
- type: StringConstructor;
813
- default: string;
814
- };
815
- type: {
816
- type: StringConstructor;
817
- default: string;
818
- validator(type: unknown): boolean;
819
- };
820
- size: {
821
- type: StringConstructor;
822
- default: string;
823
- validator(size: unknown): boolean;
824
- };
825
- clearLabel: {
826
- type: StringConstructor;
827
- default: string;
828
- };
829
- actionLabel: {
830
- type: StringConstructor;
831
- default: string;
832
- };
833
- months: {
834
- type: ArrayConstructor;
835
- default: () => never[];
836
- validator(months: unknown): boolean;
837
- };
838
- days: {
839
- type: ArrayConstructor;
840
- default: () => never[];
841
- validator(days: unknown): boolean;
842
- };
843
- options: {
844
- type: ArrayConstructor;
845
- default: () => never[];
846
- };
847
- disableClear: {
848
- type: BooleanConstructor;
849
- default: boolean;
850
- };
851
- }>> & Readonly<{
852
- onChange?: ((...args: any[]) => any) | undefined;
853
- onSubmit?: ((...args: any[]) => any) | undefined;
854
- "onUpdate:equivalentOption"?: ((...args: any[]) => any) | undefined;
855
- }>, {
856
- type: string;
857
- size: string;
858
- initialStartDate: string;
859
- initialEndDate: string;
860
- minDate: string;
861
- maxDate: string;
862
- equivalentOption: string;
863
- clearLabel: string;
864
- actionLabel: string;
865
- months: unknown[];
866
- days: unknown[];
867
- options: unknown[];
868
- disableClear: boolean;
869
- }, {}, {
870
- UnnnicButton: {
871
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
872
- disabled: boolean;
873
- type: import('../Button/types').ButtonType;
874
- size: import('../Button/types').ButtonSize;
875
- text: string;
876
- iconLeft: string;
877
- iconRight: string;
878
- float: boolean;
879
- iconCenter: string;
880
- iconsFilled: boolean;
881
- loading: boolean;
882
- }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
883
- P: {};
884
- B: {};
885
- D: {};
886
- C: {};
887
- M: {};
888
- Defaults: {};
889
- }, Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
890
- disabled: boolean;
891
- type: import('../Button/types').ButtonType;
892
- size: import('../Button/types').ButtonSize;
893
- text: string;
894
- iconLeft: string;
895
- iconRight: string;
896
- float: boolean;
897
- iconCenter: string;
898
- iconsFilled: boolean;
899
- loading: boolean;
900
- }>;
901
- __isFragment?: never;
902
- __isTeleport?: never;
903
- __isSuspense?: never;
904
- } & import('vue').ComponentOptionsBase<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
905
- disabled: boolean;
906
- type: import('../Button/types').ButtonType;
907
- size: import('../Button/types').ButtonSize;
908
- text: string;
909
- iconLeft: string;
910
- iconRight: string;
911
- float: boolean;
912
- iconCenter: string;
913
- iconsFilled: boolean;
914
- loading: boolean;
915
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
916
- $slots: {
917
- default?(_: {}): any;
918
- };
919
- });
920
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
921
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
53
+ inputFormat: string | null;
54
+ position: "left" | "right";
55
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
56
+ dropdown: HTMLDivElement;
57
+ }, HTMLDivElement>;
922
58
  export default _default;
923
59
  //# sourceMappingURL=InputDatePicker.vue.d.ts.map