@manik02/vue3-timepicker 0.1.3 → 0.2.1

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 (11) hide show
  1. package/README.md +117 -11
  2. package/dist/TimePicker/TimePicker.vue.d.ts +73 -7
  3. package/dist/TimePicker/TimeSelection.vue.d.ts +4 -0
  4. package/dist/TimePicker/types.d.ts +36 -3
  5. package/dist/helpers.d.ts +4 -0
  6. package/dist/index.d.ts +1 -1
  7. package/dist/stories/TimePicker.stories.d.ts +677 -0
  8. package/dist/vue-timepicker.css +1 -1
  9. package/dist/vue-timepicker.js +679 -423
  10. package/dist/vue-timepicker.umd.cjs +1 -1
  11. package/package.json +8 -1
package/dist/stories/TimePicker.stories.d.ts ADDED
@@ -0,0 +1,677 @@
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ readonly modelValue: {
6
+ readonly type: import('vue').PropType<string | [string, string] | null>;
7
+ readonly default: undefined;
8
+ readonly validator: (v: any) => boolean;
9
+ };
10
+ readonly range: {
11
+ readonly type: BooleanConstructor;
12
+ readonly default: false;
13
+ };
14
+ readonly disabled: {
15
+ readonly type: BooleanConstructor;
16
+ readonly default: false;
17
+ };
18
+ readonly hourStep: {
19
+ readonly type: NumberConstructor;
20
+ readonly default: 1;
21
+ };
22
+ readonly minuteStep: {
23
+ readonly type: NumberConstructor;
24
+ readonly default: 1;
25
+ };
26
+ readonly secondStep: {
27
+ readonly type: NumberConstructor;
28
+ readonly default: 1;
29
+ };
30
+ readonly minTime: {
31
+ readonly type: import('vue').PropType<string | undefined>;
32
+ readonly default: undefined;
33
+ readonly validator: (v?: string) => boolean;
34
+ };
35
+ readonly maxTime: {
36
+ readonly type: import('vue').PropType<string | undefined>;
37
+ readonly default: undefined;
38
+ readonly validator: (v?: string) => boolean;
39
+ };
40
+ readonly disabledTimes: {
41
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
42
+ readonly default: undefined;
43
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
44
+ };
45
+ readonly isTimeDisabled: {
46
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
47
+ readonly default: undefined;
48
+ };
49
+ readonly format: {
50
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
51
+ readonly default: "HH:mm";
52
+ readonly validator: (fmt: string) => boolean;
53
+ };
54
+ readonly size: {
55
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
56
+ readonly default: "md";
57
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
58
+ };
59
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
60
+ "update:modelValue": (v: string | [string, string] | null) => any;
61
+ "update:validationState": (v: import('../index').ValidationState) => any;
62
+ validate: (payload: {
63
+ target: "first" | "second";
64
+ state: import('../index').ValidationState;
65
+ reason?: import('../index').ValidationReason;
66
+ value: string | null;
67
+ }) => any;
68
+ open: () => any;
69
+ close: () => any;
70
+ error: (payload: {
71
+ code: import('../index').ValidationReason;
72
+ message: string;
73
+ }) => any;
74
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
75
+ readonly modelValue: {
76
+ readonly type: import('vue').PropType<string | [string, string] | null>;
77
+ readonly default: undefined;
78
+ readonly validator: (v: any) => boolean;
79
+ };
80
+ readonly range: {
81
+ readonly type: BooleanConstructor;
82
+ readonly default: false;
83
+ };
84
+ readonly disabled: {
85
+ readonly type: BooleanConstructor;
86
+ readonly default: false;
87
+ };
88
+ readonly hourStep: {
89
+ readonly type: NumberConstructor;
90
+ readonly default: 1;
91
+ };
92
+ readonly minuteStep: {
93
+ readonly type: NumberConstructor;
94
+ readonly default: 1;
95
+ };
96
+ readonly secondStep: {
97
+ readonly type: NumberConstructor;
98
+ readonly default: 1;
99
+ };
100
+ readonly minTime: {
101
+ readonly type: import('vue').PropType<string | undefined>;
102
+ readonly default: undefined;
103
+ readonly validator: (v?: string) => boolean;
104
+ };
105
+ readonly maxTime: {
106
+ readonly type: import('vue').PropType<string | undefined>;
107
+ readonly default: undefined;
108
+ readonly validator: (v?: string) => boolean;
109
+ };
110
+ readonly disabledTimes: {
111
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
112
+ readonly default: undefined;
113
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
114
+ };
115
+ readonly isTimeDisabled: {
116
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
117
+ readonly default: undefined;
118
+ };
119
+ readonly format: {
120
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
121
+ readonly default: "HH:mm";
122
+ readonly validator: (fmt: string) => boolean;
123
+ };
124
+ readonly size: {
125
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
126
+ readonly default: "md";
127
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
128
+ };
129
+ }>> & Readonly<{
130
+ "onUpdate:modelValue"?: ((v: string | [string, string] | null) => any) | undefined;
131
+ "onUpdate:validationState"?: ((v: import('../index').ValidationState) => any) | undefined;
132
+ onValidate?: ((payload: {
133
+ target: "first" | "second";
134
+ state: import('../index').ValidationState;
135
+ reason?: import('../index').ValidationReason;
136
+ value: string | null;
137
+ }) => any) | undefined;
138
+ onOpen?: (() => any) | undefined;
139
+ onClose?: (() => any) | undefined;
140
+ onError?: ((payload: {
141
+ code: import('../index').ValidationReason;
142
+ message: string;
143
+ }) => any) | undefined;
144
+ }>, {
145
+ readonly modelValue: string | [string, string] | null;
146
+ readonly range: boolean;
147
+ readonly disabled: boolean;
148
+ readonly hourStep: number;
149
+ readonly minuteStep: number;
150
+ readonly secondStep: number;
151
+ readonly minTime: string | undefined;
152
+ readonly maxTime: string | undefined;
153
+ readonly disabledTimes: readonly import('../index').DisabledTimeInput[] | undefined;
154
+ readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
155
+ readonly format: import('../index').TimeFormat;
156
+ readonly size: "xs" | "sm" | "md" | "lg" | "xl";
157
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
158
+ secondInputRef: HTMLInputElement;
159
+ }, any>;
160
+ tags: string[];
161
+ args: {
162
+ format: "HH:mm:ss";
163
+ range: false;
164
+ size: "md";
165
+ disabled: false;
166
+ hourStep: number;
167
+ minuteStep: number;
168
+ secondStep: number;
169
+ minTime: undefined;
170
+ maxTime: undefined;
171
+ disabledTimes: undefined;
172
+ };
173
+ argTypes: {
174
+ modelValue: {
175
+ table: {
176
+ disable: true;
177
+ };
178
+ };
179
+ isTimeDisabled: {
180
+ table: {
181
+ disable: true;
182
+ };
183
+ };
184
+ onValidate: {
185
+ action: string;
186
+ };
187
+ onError: {
188
+ action: string;
189
+ };
190
+ "onUpdate:validationState": {
191
+ action: string;
192
+ };
193
+ };
194
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
195
+ readonly modelValue: {
196
+ readonly type: import('vue').PropType<string | [string, string] | null>;
197
+ readonly default: undefined;
198
+ readonly validator: (v: any) => boolean;
199
+ };
200
+ readonly range: {
201
+ readonly type: BooleanConstructor;
202
+ readonly default: false;
203
+ };
204
+ readonly disabled: {
205
+ readonly type: BooleanConstructor;
206
+ readonly default: false;
207
+ };
208
+ readonly hourStep: {
209
+ readonly type: NumberConstructor;
210
+ readonly default: 1;
211
+ };
212
+ readonly minuteStep: {
213
+ readonly type: NumberConstructor;
214
+ readonly default: 1;
215
+ };
216
+ readonly secondStep: {
217
+ readonly type: NumberConstructor;
218
+ readonly default: 1;
219
+ };
220
+ readonly minTime: {
221
+ readonly type: import('vue').PropType<string | undefined>;
222
+ readonly default: undefined;
223
+ readonly validator: (v?: string) => boolean;
224
+ };
225
+ readonly maxTime: {
226
+ readonly type: import('vue').PropType<string | undefined>;
227
+ readonly default: undefined;
228
+ readonly validator: (v?: string) => boolean;
229
+ };
230
+ readonly disabledTimes: {
231
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
232
+ readonly default: undefined;
233
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
234
+ };
235
+ readonly isTimeDisabled: {
236
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
237
+ readonly default: undefined;
238
+ };
239
+ readonly format: {
240
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
241
+ readonly default: "HH:mm";
242
+ readonly validator: (fmt: string) => boolean;
243
+ };
244
+ readonly size: {
245
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
246
+ readonly default: "md";
247
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
248
+ };
249
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
250
+ "update:modelValue": (v: string | [string, string] | null) => any;
251
+ "update:validationState": (v: import('../index').ValidationState) => any;
252
+ validate: (payload: {
253
+ target: "first" | "second";
254
+ state: import('../index').ValidationState;
255
+ reason?: import('../index').ValidationReason;
256
+ value: string | null;
257
+ }) => any;
258
+ open: () => any;
259
+ close: () => any;
260
+ error: (payload: {
261
+ code: import('../index').ValidationReason;
262
+ message: string;
263
+ }) => any;
264
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
265
+ readonly modelValue: {
266
+ readonly type: import('vue').PropType<string | [string, string] | null>;
267
+ readonly default: undefined;
268
+ readonly validator: (v: any) => boolean;
269
+ };
270
+ readonly range: {
271
+ readonly type: BooleanConstructor;
272
+ readonly default: false;
273
+ };
274
+ readonly disabled: {
275
+ readonly type: BooleanConstructor;
276
+ readonly default: false;
277
+ };
278
+ readonly hourStep: {
279
+ readonly type: NumberConstructor;
280
+ readonly default: 1;
281
+ };
282
+ readonly minuteStep: {
283
+ readonly type: NumberConstructor;
284
+ readonly default: 1;
285
+ };
286
+ readonly secondStep: {
287
+ readonly type: NumberConstructor;
288
+ readonly default: 1;
289
+ };
290
+ readonly minTime: {
291
+ readonly type: import('vue').PropType<string | undefined>;
292
+ readonly default: undefined;
293
+ readonly validator: (v?: string) => boolean;
294
+ };
295
+ readonly maxTime: {
296
+ readonly type: import('vue').PropType<string | undefined>;
297
+ readonly default: undefined;
298
+ readonly validator: (v?: string) => boolean;
299
+ };
300
+ readonly disabledTimes: {
301
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
302
+ readonly default: undefined;
303
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
304
+ };
305
+ readonly isTimeDisabled: {
306
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
307
+ readonly default: undefined;
308
+ };
309
+ readonly format: {
310
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
311
+ readonly default: "HH:mm";
312
+ readonly validator: (fmt: string) => boolean;
313
+ };
314
+ readonly size: {
315
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
316
+ readonly default: "md";
317
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
318
+ };
319
+ }>> & Readonly<{
320
+ "onUpdate:modelValue"?: ((v: string | [string, string] | null) => any) | undefined;
321
+ "onUpdate:validationState"?: ((v: import('../index').ValidationState) => any) | undefined;
322
+ onValidate?: ((payload: {
323
+ target: "first" | "second";
324
+ state: import('../index').ValidationState;
325
+ reason?: import('../index').ValidationReason;
326
+ value: string | null;
327
+ }) => any) | undefined;
328
+ onOpen?: (() => any) | undefined;
329
+ onClose?: (() => any) | undefined;
330
+ onError?: ((payload: {
331
+ code: import('../index').ValidationReason;
332
+ message: string;
333
+ }) => any) | undefined;
334
+ }>, {
335
+ readonly modelValue: string | [string, string] | null;
336
+ readonly range: boolean;
337
+ readonly disabled: boolean;
338
+ readonly hourStep: number;
339
+ readonly minuteStep: number;
340
+ readonly secondStep: number;
341
+ readonly minTime: string | undefined;
342
+ readonly maxTime: string | undefined;
343
+ readonly disabledTimes: readonly import('../index').DisabledTimeInput[] | undefined;
344
+ readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
345
+ readonly format: import('../index').TimeFormat;
346
+ readonly size: "xs" | "sm" | "md" | "lg" | "xl";
347
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
348
+ secondInputRef: HTMLInputElement;
349
+ }, any>>) => {
350
+ components: {
351
+ TimePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
352
+ readonly modelValue: {
353
+ readonly type: import('vue').PropType<string | [string, string] | null>;
354
+ readonly default: undefined;
355
+ readonly validator: (v: any) => boolean;
356
+ };
357
+ readonly range: {
358
+ readonly type: BooleanConstructor;
359
+ readonly default: false;
360
+ };
361
+ readonly disabled: {
362
+ readonly type: BooleanConstructor;
363
+ readonly default: false;
364
+ };
365
+ readonly hourStep: {
366
+ readonly type: NumberConstructor;
367
+ readonly default: 1;
368
+ };
369
+ readonly minuteStep: {
370
+ readonly type: NumberConstructor;
371
+ readonly default: 1;
372
+ };
373
+ readonly secondStep: {
374
+ readonly type: NumberConstructor;
375
+ readonly default: 1;
376
+ };
377
+ readonly minTime: {
378
+ readonly type: import('vue').PropType<string | undefined>;
379
+ readonly default: undefined;
380
+ readonly validator: (v?: string) => boolean;
381
+ };
382
+ readonly maxTime: {
383
+ readonly type: import('vue').PropType<string | undefined>;
384
+ readonly default: undefined;
385
+ readonly validator: (v?: string) => boolean;
386
+ };
387
+ readonly disabledTimes: {
388
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
389
+ readonly default: undefined;
390
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
391
+ };
392
+ readonly isTimeDisabled: {
393
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
394
+ readonly default: undefined;
395
+ };
396
+ readonly format: {
397
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
398
+ readonly default: "HH:mm";
399
+ readonly validator: (fmt: string) => boolean;
400
+ };
401
+ readonly size: {
402
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
403
+ readonly default: "md";
404
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
405
+ };
406
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
407
+ "update:modelValue": (v: string | [string, string] | null) => any;
408
+ "update:validationState": (v: import('../index').ValidationState) => any;
409
+ validate: (payload: {
410
+ target: "first" | "second";
411
+ state: import('../index').ValidationState;
412
+ reason?: import('../index').ValidationReason;
413
+ value: string | null;
414
+ }) => any;
415
+ open: () => any;
416
+ close: () => any;
417
+ error: (payload: {
418
+ code: import('../index').ValidationReason;
419
+ message: string;
420
+ }) => any;
421
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
422
+ readonly modelValue: {
423
+ readonly type: import('vue').PropType<string | [string, string] | null>;
424
+ readonly default: undefined;
425
+ readonly validator: (v: any) => boolean;
426
+ };
427
+ readonly range: {
428
+ readonly type: BooleanConstructor;
429
+ readonly default: false;
430
+ };
431
+ readonly disabled: {
432
+ readonly type: BooleanConstructor;
433
+ readonly default: false;
434
+ };
435
+ readonly hourStep: {
436
+ readonly type: NumberConstructor;
437
+ readonly default: 1;
438
+ };
439
+ readonly minuteStep: {
440
+ readonly type: NumberConstructor;
441
+ readonly default: 1;
442
+ };
443
+ readonly secondStep: {
444
+ readonly type: NumberConstructor;
445
+ readonly default: 1;
446
+ };
447
+ readonly minTime: {
448
+ readonly type: import('vue').PropType<string | undefined>;
449
+ readonly default: undefined;
450
+ readonly validator: (v?: string) => boolean;
451
+ };
452
+ readonly maxTime: {
453
+ readonly type: import('vue').PropType<string | undefined>;
454
+ readonly default: undefined;
455
+ readonly validator: (v?: string) => boolean;
456
+ };
457
+ readonly disabledTimes: {
458
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
459
+ readonly default: undefined;
460
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
461
+ };
462
+ readonly isTimeDisabled: {
463
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
464
+ readonly default: undefined;
465
+ };
466
+ readonly format: {
467
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
468
+ readonly default: "HH:mm";
469
+ readonly validator: (fmt: string) => boolean;
470
+ };
471
+ readonly size: {
472
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
473
+ readonly default: "md";
474
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
475
+ };
476
+ }>> & Readonly<{
477
+ "onUpdate:modelValue"?: ((v: string | [string, string] | null) => any) | undefined;
478
+ "onUpdate:validationState"?: ((v: import('../index').ValidationState) => any) | undefined;
479
+ onValidate?: ((payload: {
480
+ target: "first" | "second";
481
+ state: import('../index').ValidationState;
482
+ reason?: import('../index').ValidationReason;
483
+ value: string | null;
484
+ }) => any) | undefined;
485
+ onOpen?: (() => any) | undefined;
486
+ onClose?: (() => any) | undefined;
487
+ onError?: ((payload: {
488
+ code: import('../index').ValidationReason;
489
+ message: string;
490
+ }) => any) | undefined;
491
+ }>, {
492
+ readonly modelValue: string | [string, string] | null;
493
+ readonly range: boolean;
494
+ readonly disabled: boolean;
495
+ readonly hourStep: number;
496
+ readonly minuteStep: number;
497
+ readonly secondStep: number;
498
+ readonly minTime: string | undefined;
499
+ readonly maxTime: string | undefined;
500
+ readonly disabledTimes: readonly import('../index').DisabledTimeInput[] | undefined;
501
+ readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
502
+ readonly format: import('../index').TimeFormat;
503
+ readonly size: "xs" | "sm" | "md" | "lg" | "xl";
504
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
505
+ secondInputRef: HTMLInputElement;
506
+ }, any>;
507
+ };
508
+ setup(this: void): {
509
+ args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
510
+ readonly modelValue: {
511
+ readonly type: import('vue').PropType<string | [string, string] | null>;
512
+ readonly default: undefined;
513
+ readonly validator: (v: any) => boolean;
514
+ };
515
+ readonly range: {
516
+ readonly type: BooleanConstructor;
517
+ readonly default: false;
518
+ };
519
+ readonly disabled: {
520
+ readonly type: BooleanConstructor;
521
+ readonly default: false;
522
+ };
523
+ readonly hourStep: {
524
+ readonly type: NumberConstructor;
525
+ readonly default: 1;
526
+ };
527
+ readonly minuteStep: {
528
+ readonly type: NumberConstructor;
529
+ readonly default: 1;
530
+ };
531
+ readonly secondStep: {
532
+ readonly type: NumberConstructor;
533
+ readonly default: 1;
534
+ };
535
+ readonly minTime: {
536
+ readonly type: import('vue').PropType<string | undefined>;
537
+ readonly default: undefined;
538
+ readonly validator: (v?: string) => boolean;
539
+ };
540
+ readonly maxTime: {
541
+ readonly type: import('vue').PropType<string | undefined>;
542
+ readonly default: undefined;
543
+ readonly validator: (v?: string) => boolean;
544
+ };
545
+ readonly disabledTimes: {
546
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
547
+ readonly default: undefined;
548
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
549
+ };
550
+ readonly isTimeDisabled: {
551
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
552
+ readonly default: undefined;
553
+ };
554
+ readonly format: {
555
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
556
+ readonly default: "HH:mm";
557
+ readonly validator: (fmt: string) => boolean;
558
+ };
559
+ readonly size: {
560
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
561
+ readonly default: "md";
562
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
563
+ };
564
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
565
+ "update:modelValue": (v: string | [string, string] | null) => any;
566
+ "update:validationState": (v: import('../index').ValidationState) => any;
567
+ validate: (payload: {
568
+ target: "first" | "second";
569
+ state: import('../index').ValidationState;
570
+ reason?: import('../index').ValidationReason;
571
+ value: string | null;
572
+ }) => any;
573
+ open: () => any;
574
+ close: () => any;
575
+ error: (payload: {
576
+ code: import('../index').ValidationReason;
577
+ message: string;
578
+ }) => any;
579
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
580
+ readonly modelValue: {
581
+ readonly type: import('vue').PropType<string | [string, string] | null>;
582
+ readonly default: undefined;
583
+ readonly validator: (v: any) => boolean;
584
+ };
585
+ readonly range: {
586
+ readonly type: BooleanConstructor;
587
+ readonly default: false;
588
+ };
589
+ readonly disabled: {
590
+ readonly type: BooleanConstructor;
591
+ readonly default: false;
592
+ };
593
+ readonly hourStep: {
594
+ readonly type: NumberConstructor;
595
+ readonly default: 1;
596
+ };
597
+ readonly minuteStep: {
598
+ readonly type: NumberConstructor;
599
+ readonly default: 1;
600
+ };
601
+ readonly secondStep: {
602
+ readonly type: NumberConstructor;
603
+ readonly default: 1;
604
+ };
605
+ readonly minTime: {
606
+ readonly type: import('vue').PropType<string | undefined>;
607
+ readonly default: undefined;
608
+ readonly validator: (v?: string) => boolean;
609
+ };
610
+ readonly maxTime: {
611
+ readonly type: import('vue').PropType<string | undefined>;
612
+ readonly default: undefined;
613
+ readonly validator: (v?: string) => boolean;
614
+ };
615
+ readonly disabledTimes: {
616
+ readonly type: import('vue').PropType<ReadonlyArray<import('../index').DisabledTimeInput> | undefined>;
617
+ readonly default: undefined;
618
+ readonly validator: (v?: ReadonlyArray<import('../index').DisabledTimeInput>) => boolean;
619
+ };
620
+ readonly isTimeDisabled: {
621
+ readonly type: import('vue').PropType<(time: import('../index').InternalFormat) => boolean>;
622
+ readonly default: undefined;
623
+ };
624
+ readonly format: {
625
+ readonly type: import('vue').PropType<import('../index').TimeFormat>;
626
+ readonly default: "HH:mm";
627
+ readonly validator: (fmt: string) => boolean;
628
+ };
629
+ readonly size: {
630
+ readonly type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
631
+ readonly default: "md";
632
+ readonly validator: (v: string) => v is "xs" | "sm" | "md" | "lg" | "xl";
633
+ };
634
+ }>> & Readonly<{
635
+ "onUpdate:modelValue"?: ((v: string | [string, string] | null) => any) | undefined;
636
+ "onUpdate:validationState"?: ((v: import('../index').ValidationState) => any) | undefined;
637
+ onValidate?: ((payload: {
638
+ target: "first" | "second";
639
+ state: import('../index').ValidationState;
640
+ reason?: import('../index').ValidationReason;
641
+ value: string | null;
642
+ }) => any) | undefined;
643
+ onOpen?: (() => any) | undefined;
644
+ onClose?: (() => any) | undefined;
645
+ onError?: ((payload: {
646
+ code: import('../index').ValidationReason;
647
+ message: string;
648
+ }) => any) | undefined;
649
+ }>, {
650
+ readonly modelValue: string | [string, string] | null;
651
+ readonly range: boolean;
652
+ readonly disabled: boolean;
653
+ readonly hourStep: number;
654
+ readonly minuteStep: number;
655
+ readonly secondStep: number;
656
+ readonly minTime: string | undefined;
657
+ readonly maxTime: string | undefined;
658
+ readonly disabledTimes: readonly import('../index').DisabledTimeInput[] | undefined;
659
+ readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
660
+ readonly format: import('../index').TimeFormat;
661
+ readonly size: "xs" | "sm" | "md" | "lg" | "xl";
662
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
663
+ secondInputRef: HTMLInputElement;
664
+ }, any>>;
665
+ single: import('vue').Ref<string, string>;
666
+ range: import('vue').Ref<[string, string], [string, string]>;
667
+ valueLabel: import('vue').ComputedRef<string>;
668
+ validationState: import('vue').Ref<"valid" | "invalid" | "out-of-range", "valid" | "invalid" | "out-of-range">;
669
+ };
670
+ template: string;
671
+ };
672
+ };
673
+ export default meta;
674
+ type Story = StoryObj<typeof meta>;
675
+ export declare const Playground: Story;
676
+ export declare const FeatureGallery: Story;
677
+ export declare const ThemedWithCssVariables: Story;