@manik02/vue3-timepicker 0.4.1 → 0.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -19
- package/dist/TimePicker/TimePicker.vue.d.ts +65 -0
- package/dist/TimePicker/types.d.ts +29 -0
- package/dist/stories/TimePicker.stories.d.ts +354 -0
- package/dist/vue-timepicker.css +1 -1
- package/dist/vue-timepicker.js +720 -639
- package/dist/vue-timepicker.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -15,6 +15,10 @@ declare const meta: {
|
|
|
15
15
|
readonly type: BooleanConstructor;
|
|
16
16
|
readonly default: false;
|
|
17
17
|
};
|
|
18
|
+
readonly hideDropdown: {
|
|
19
|
+
readonly type: BooleanConstructor;
|
|
20
|
+
readonly default: false;
|
|
21
|
+
};
|
|
18
22
|
readonly hourStep: {
|
|
19
23
|
readonly type: NumberConstructor;
|
|
20
24
|
readonly default: 1;
|
|
@@ -55,6 +59,31 @@ declare const meta: {
|
|
|
55
59
|
readonly type: StringConstructor;
|
|
56
60
|
readonly default: "Select time";
|
|
57
61
|
};
|
|
62
|
+
readonly id: {
|
|
63
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
64
|
+
readonly default: undefined;
|
|
65
|
+
readonly validator: (v?: string) => boolean;
|
|
66
|
+
};
|
|
67
|
+
readonly name: {
|
|
68
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
69
|
+
readonly default: undefined;
|
|
70
|
+
readonly validator: (v?: string) => boolean;
|
|
71
|
+
};
|
|
72
|
+
readonly tabindex: {
|
|
73
|
+
readonly type: NumberConstructor;
|
|
74
|
+
readonly default: 0;
|
|
75
|
+
readonly validator: (v: number) => boolean;
|
|
76
|
+
};
|
|
77
|
+
readonly autocomplete: {
|
|
78
|
+
readonly type: StringConstructor;
|
|
79
|
+
readonly default: "off";
|
|
80
|
+
readonly validator: (v: string) => boolean;
|
|
81
|
+
};
|
|
82
|
+
readonly inputClass: {
|
|
83
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
84
|
+
readonly default: undefined;
|
|
85
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
86
|
+
};
|
|
58
87
|
readonly inputWidth: {
|
|
59
88
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
60
89
|
readonly default: undefined;
|
|
@@ -109,6 +138,10 @@ declare const meta: {
|
|
|
109
138
|
readonly type: BooleanConstructor;
|
|
110
139
|
readonly default: false;
|
|
111
140
|
};
|
|
141
|
+
readonly hideDropdown: {
|
|
142
|
+
readonly type: BooleanConstructor;
|
|
143
|
+
readonly default: false;
|
|
144
|
+
};
|
|
112
145
|
readonly hourStep: {
|
|
113
146
|
readonly type: NumberConstructor;
|
|
114
147
|
readonly default: 1;
|
|
@@ -149,6 +182,31 @@ declare const meta: {
|
|
|
149
182
|
readonly type: StringConstructor;
|
|
150
183
|
readonly default: "Select time";
|
|
151
184
|
};
|
|
185
|
+
readonly id: {
|
|
186
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
187
|
+
readonly default: undefined;
|
|
188
|
+
readonly validator: (v?: string) => boolean;
|
|
189
|
+
};
|
|
190
|
+
readonly name: {
|
|
191
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
192
|
+
readonly default: undefined;
|
|
193
|
+
readonly validator: (v?: string) => boolean;
|
|
194
|
+
};
|
|
195
|
+
readonly tabindex: {
|
|
196
|
+
readonly type: NumberConstructor;
|
|
197
|
+
readonly default: 0;
|
|
198
|
+
readonly validator: (v: number) => boolean;
|
|
199
|
+
};
|
|
200
|
+
readonly autocomplete: {
|
|
201
|
+
readonly type: StringConstructor;
|
|
202
|
+
readonly default: "off";
|
|
203
|
+
readonly validator: (v: string) => boolean;
|
|
204
|
+
};
|
|
205
|
+
readonly inputClass: {
|
|
206
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
207
|
+
readonly default: undefined;
|
|
208
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
209
|
+
};
|
|
152
210
|
readonly inputWidth: {
|
|
153
211
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
154
212
|
readonly default: undefined;
|
|
@@ -190,9 +248,11 @@ declare const meta: {
|
|
|
190
248
|
message: string;
|
|
191
249
|
}) => any) | undefined;
|
|
192
250
|
}>, {
|
|
251
|
+
readonly tabindex: number;
|
|
193
252
|
readonly modelValue: string | [string, string] | null;
|
|
194
253
|
readonly range: boolean;
|
|
195
254
|
readonly disabled: boolean;
|
|
255
|
+
readonly hideDropdown: boolean;
|
|
196
256
|
readonly hourStep: number;
|
|
197
257
|
readonly minuteStep: number;
|
|
198
258
|
readonly secondStep: number;
|
|
@@ -202,18 +262,29 @@ declare const meta: {
|
|
|
202
262
|
readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
|
|
203
263
|
readonly format: import('../index').TimeFormat;
|
|
204
264
|
readonly placeholder: string;
|
|
265
|
+
readonly id: string | undefined;
|
|
266
|
+
readonly name: string | undefined;
|
|
267
|
+
readonly autocomplete: string;
|
|
268
|
+
readonly inputClass: string | string[] | Record<string, boolean> | undefined;
|
|
205
269
|
readonly inputWidth: string | number | undefined;
|
|
206
270
|
readonly componentWidth: string | number | undefined;
|
|
207
271
|
readonly minInputWidth: string | number | undefined;
|
|
208
272
|
readonly maxInputWidth: string | number | undefined;
|
|
209
273
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
210
274
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
275
|
+
firstInputRef: HTMLInputElement;
|
|
211
276
|
secondInputRef: HTMLInputElement;
|
|
212
277
|
}, HTMLDivElement>;
|
|
213
278
|
tags: string[];
|
|
214
279
|
args: {
|
|
215
280
|
format: "HH:mm:ss";
|
|
216
281
|
range: false;
|
|
282
|
+
hideDropdown: false;
|
|
283
|
+
id: undefined;
|
|
284
|
+
name: undefined;
|
|
285
|
+
tabindex: number;
|
|
286
|
+
autocomplete: string;
|
|
287
|
+
inputClass: undefined;
|
|
217
288
|
inputWidth: undefined;
|
|
218
289
|
minInputWidth: undefined;
|
|
219
290
|
maxInputWidth: undefined;
|
|
@@ -228,6 +299,82 @@ declare const meta: {
|
|
|
228
299
|
disabledTimes: undefined;
|
|
229
300
|
};
|
|
230
301
|
argTypes: {
|
|
302
|
+
id: {
|
|
303
|
+
control: {
|
|
304
|
+
type: "text";
|
|
305
|
+
};
|
|
306
|
+
description: string;
|
|
307
|
+
};
|
|
308
|
+
name: {
|
|
309
|
+
control: {
|
|
310
|
+
type: "text";
|
|
311
|
+
};
|
|
312
|
+
description: string;
|
|
313
|
+
};
|
|
314
|
+
tabindex: {
|
|
315
|
+
control: {
|
|
316
|
+
type: "number";
|
|
317
|
+
};
|
|
318
|
+
};
|
|
319
|
+
autocomplete: {
|
|
320
|
+
control: {
|
|
321
|
+
type: "text";
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
hideDropdown: {
|
|
325
|
+
control: {
|
|
326
|
+
type: "boolean";
|
|
327
|
+
};
|
|
328
|
+
description: string;
|
|
329
|
+
};
|
|
330
|
+
inputClass: {
|
|
331
|
+
control: {
|
|
332
|
+
type: "text";
|
|
333
|
+
};
|
|
334
|
+
description: string;
|
|
335
|
+
};
|
|
336
|
+
inputWidth: {
|
|
337
|
+
control: {
|
|
338
|
+
type: "text";
|
|
339
|
+
};
|
|
340
|
+
description: string;
|
|
341
|
+
};
|
|
342
|
+
minInputWidth: {
|
|
343
|
+
control: {
|
|
344
|
+
type: "text";
|
|
345
|
+
};
|
|
346
|
+
description: string;
|
|
347
|
+
};
|
|
348
|
+
maxInputWidth: {
|
|
349
|
+
control: {
|
|
350
|
+
type: "text";
|
|
351
|
+
};
|
|
352
|
+
description: string;
|
|
353
|
+
};
|
|
354
|
+
componentWidth: {
|
|
355
|
+
control: {
|
|
356
|
+
type: "text";
|
|
357
|
+
};
|
|
358
|
+
description: string;
|
|
359
|
+
};
|
|
360
|
+
minTime: {
|
|
361
|
+
control: {
|
|
362
|
+
type: "text";
|
|
363
|
+
};
|
|
364
|
+
description: string;
|
|
365
|
+
};
|
|
366
|
+
maxTime: {
|
|
367
|
+
control: {
|
|
368
|
+
type: "text";
|
|
369
|
+
};
|
|
370
|
+
description: string;
|
|
371
|
+
};
|
|
372
|
+
disabledTimes: {
|
|
373
|
+
control: {
|
|
374
|
+
type: "text";
|
|
375
|
+
};
|
|
376
|
+
description: string;
|
|
377
|
+
};
|
|
231
378
|
modelValue: {
|
|
232
379
|
table: {
|
|
233
380
|
disable: true;
|
|
@@ -262,6 +409,10 @@ declare const meta: {
|
|
|
262
409
|
readonly type: BooleanConstructor;
|
|
263
410
|
readonly default: false;
|
|
264
411
|
};
|
|
412
|
+
readonly hideDropdown: {
|
|
413
|
+
readonly type: BooleanConstructor;
|
|
414
|
+
readonly default: false;
|
|
415
|
+
};
|
|
265
416
|
readonly hourStep: {
|
|
266
417
|
readonly type: NumberConstructor;
|
|
267
418
|
readonly default: 1;
|
|
@@ -302,6 +453,31 @@ declare const meta: {
|
|
|
302
453
|
readonly type: StringConstructor;
|
|
303
454
|
readonly default: "Select time";
|
|
304
455
|
};
|
|
456
|
+
readonly id: {
|
|
457
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
458
|
+
readonly default: undefined;
|
|
459
|
+
readonly validator: (v?: string) => boolean;
|
|
460
|
+
};
|
|
461
|
+
readonly name: {
|
|
462
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
463
|
+
readonly default: undefined;
|
|
464
|
+
readonly validator: (v?: string) => boolean;
|
|
465
|
+
};
|
|
466
|
+
readonly tabindex: {
|
|
467
|
+
readonly type: NumberConstructor;
|
|
468
|
+
readonly default: 0;
|
|
469
|
+
readonly validator: (v: number) => boolean;
|
|
470
|
+
};
|
|
471
|
+
readonly autocomplete: {
|
|
472
|
+
readonly type: StringConstructor;
|
|
473
|
+
readonly default: "off";
|
|
474
|
+
readonly validator: (v: string) => boolean;
|
|
475
|
+
};
|
|
476
|
+
readonly inputClass: {
|
|
477
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
478
|
+
readonly default: undefined;
|
|
479
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
480
|
+
};
|
|
305
481
|
readonly inputWidth: {
|
|
306
482
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
307
483
|
readonly default: undefined;
|
|
@@ -356,6 +532,10 @@ declare const meta: {
|
|
|
356
532
|
readonly type: BooleanConstructor;
|
|
357
533
|
readonly default: false;
|
|
358
534
|
};
|
|
535
|
+
readonly hideDropdown: {
|
|
536
|
+
readonly type: BooleanConstructor;
|
|
537
|
+
readonly default: false;
|
|
538
|
+
};
|
|
359
539
|
readonly hourStep: {
|
|
360
540
|
readonly type: NumberConstructor;
|
|
361
541
|
readonly default: 1;
|
|
@@ -396,6 +576,31 @@ declare const meta: {
|
|
|
396
576
|
readonly type: StringConstructor;
|
|
397
577
|
readonly default: "Select time";
|
|
398
578
|
};
|
|
579
|
+
readonly id: {
|
|
580
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
581
|
+
readonly default: undefined;
|
|
582
|
+
readonly validator: (v?: string) => boolean;
|
|
583
|
+
};
|
|
584
|
+
readonly name: {
|
|
585
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
586
|
+
readonly default: undefined;
|
|
587
|
+
readonly validator: (v?: string) => boolean;
|
|
588
|
+
};
|
|
589
|
+
readonly tabindex: {
|
|
590
|
+
readonly type: NumberConstructor;
|
|
591
|
+
readonly default: 0;
|
|
592
|
+
readonly validator: (v: number) => boolean;
|
|
593
|
+
};
|
|
594
|
+
readonly autocomplete: {
|
|
595
|
+
readonly type: StringConstructor;
|
|
596
|
+
readonly default: "off";
|
|
597
|
+
readonly validator: (v: string) => boolean;
|
|
598
|
+
};
|
|
599
|
+
readonly inputClass: {
|
|
600
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
601
|
+
readonly default: undefined;
|
|
602
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
603
|
+
};
|
|
399
604
|
readonly inputWidth: {
|
|
400
605
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
401
606
|
readonly default: undefined;
|
|
@@ -437,9 +642,11 @@ declare const meta: {
|
|
|
437
642
|
message: string;
|
|
438
643
|
}) => any) | undefined;
|
|
439
644
|
}>, {
|
|
645
|
+
readonly tabindex: number;
|
|
440
646
|
readonly modelValue: string | [string, string] | null;
|
|
441
647
|
readonly range: boolean;
|
|
442
648
|
readonly disabled: boolean;
|
|
649
|
+
readonly hideDropdown: boolean;
|
|
443
650
|
readonly hourStep: number;
|
|
444
651
|
readonly minuteStep: number;
|
|
445
652
|
readonly secondStep: number;
|
|
@@ -449,12 +656,17 @@ declare const meta: {
|
|
|
449
656
|
readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
|
|
450
657
|
readonly format: import('../index').TimeFormat;
|
|
451
658
|
readonly placeholder: string;
|
|
659
|
+
readonly id: string | undefined;
|
|
660
|
+
readonly name: string | undefined;
|
|
661
|
+
readonly autocomplete: string;
|
|
662
|
+
readonly inputClass: string | string[] | Record<string, boolean> | undefined;
|
|
452
663
|
readonly inputWidth: string | number | undefined;
|
|
453
664
|
readonly componentWidth: string | number | undefined;
|
|
454
665
|
readonly minInputWidth: string | number | undefined;
|
|
455
666
|
readonly maxInputWidth: string | number | undefined;
|
|
456
667
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
457
668
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
669
|
+
firstInputRef: HTMLInputElement;
|
|
458
670
|
secondInputRef: HTMLInputElement;
|
|
459
671
|
}, HTMLDivElement>>) => {
|
|
460
672
|
components: {
|
|
@@ -472,6 +684,10 @@ declare const meta: {
|
|
|
472
684
|
readonly type: BooleanConstructor;
|
|
473
685
|
readonly default: false;
|
|
474
686
|
};
|
|
687
|
+
readonly hideDropdown: {
|
|
688
|
+
readonly type: BooleanConstructor;
|
|
689
|
+
readonly default: false;
|
|
690
|
+
};
|
|
475
691
|
readonly hourStep: {
|
|
476
692
|
readonly type: NumberConstructor;
|
|
477
693
|
readonly default: 1;
|
|
@@ -512,6 +728,31 @@ declare const meta: {
|
|
|
512
728
|
readonly type: StringConstructor;
|
|
513
729
|
readonly default: "Select time";
|
|
514
730
|
};
|
|
731
|
+
readonly id: {
|
|
732
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
733
|
+
readonly default: undefined;
|
|
734
|
+
readonly validator: (v?: string) => boolean;
|
|
735
|
+
};
|
|
736
|
+
readonly name: {
|
|
737
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
738
|
+
readonly default: undefined;
|
|
739
|
+
readonly validator: (v?: string) => boolean;
|
|
740
|
+
};
|
|
741
|
+
readonly tabindex: {
|
|
742
|
+
readonly type: NumberConstructor;
|
|
743
|
+
readonly default: 0;
|
|
744
|
+
readonly validator: (v: number) => boolean;
|
|
745
|
+
};
|
|
746
|
+
readonly autocomplete: {
|
|
747
|
+
readonly type: StringConstructor;
|
|
748
|
+
readonly default: "off";
|
|
749
|
+
readonly validator: (v: string) => boolean;
|
|
750
|
+
};
|
|
751
|
+
readonly inputClass: {
|
|
752
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
753
|
+
readonly default: undefined;
|
|
754
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
755
|
+
};
|
|
515
756
|
readonly inputWidth: {
|
|
516
757
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
517
758
|
readonly default: undefined;
|
|
@@ -566,6 +807,10 @@ declare const meta: {
|
|
|
566
807
|
readonly type: BooleanConstructor;
|
|
567
808
|
readonly default: false;
|
|
568
809
|
};
|
|
810
|
+
readonly hideDropdown: {
|
|
811
|
+
readonly type: BooleanConstructor;
|
|
812
|
+
readonly default: false;
|
|
813
|
+
};
|
|
569
814
|
readonly hourStep: {
|
|
570
815
|
readonly type: NumberConstructor;
|
|
571
816
|
readonly default: 1;
|
|
@@ -606,6 +851,31 @@ declare const meta: {
|
|
|
606
851
|
readonly type: StringConstructor;
|
|
607
852
|
readonly default: "Select time";
|
|
608
853
|
};
|
|
854
|
+
readonly id: {
|
|
855
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
856
|
+
readonly default: undefined;
|
|
857
|
+
readonly validator: (v?: string) => boolean;
|
|
858
|
+
};
|
|
859
|
+
readonly name: {
|
|
860
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
861
|
+
readonly default: undefined;
|
|
862
|
+
readonly validator: (v?: string) => boolean;
|
|
863
|
+
};
|
|
864
|
+
readonly tabindex: {
|
|
865
|
+
readonly type: NumberConstructor;
|
|
866
|
+
readonly default: 0;
|
|
867
|
+
readonly validator: (v: number) => boolean;
|
|
868
|
+
};
|
|
869
|
+
readonly autocomplete: {
|
|
870
|
+
readonly type: StringConstructor;
|
|
871
|
+
readonly default: "off";
|
|
872
|
+
readonly validator: (v: string) => boolean;
|
|
873
|
+
};
|
|
874
|
+
readonly inputClass: {
|
|
875
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
876
|
+
readonly default: undefined;
|
|
877
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
878
|
+
};
|
|
609
879
|
readonly inputWidth: {
|
|
610
880
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
611
881
|
readonly default: undefined;
|
|
@@ -647,9 +917,11 @@ declare const meta: {
|
|
|
647
917
|
message: string;
|
|
648
918
|
}) => any) | undefined;
|
|
649
919
|
}>, {
|
|
920
|
+
readonly tabindex: number;
|
|
650
921
|
readonly modelValue: string | [string, string] | null;
|
|
651
922
|
readonly range: boolean;
|
|
652
923
|
readonly disabled: boolean;
|
|
924
|
+
readonly hideDropdown: boolean;
|
|
653
925
|
readonly hourStep: number;
|
|
654
926
|
readonly minuteStep: number;
|
|
655
927
|
readonly secondStep: number;
|
|
@@ -659,12 +931,17 @@ declare const meta: {
|
|
|
659
931
|
readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
|
|
660
932
|
readonly format: import('../index').TimeFormat;
|
|
661
933
|
readonly placeholder: string;
|
|
934
|
+
readonly id: string | undefined;
|
|
935
|
+
readonly name: string | undefined;
|
|
936
|
+
readonly autocomplete: string;
|
|
937
|
+
readonly inputClass: string | string[] | Record<string, boolean> | undefined;
|
|
662
938
|
readonly inputWidth: string | number | undefined;
|
|
663
939
|
readonly componentWidth: string | number | undefined;
|
|
664
940
|
readonly minInputWidth: string | number | undefined;
|
|
665
941
|
readonly maxInputWidth: string | number | undefined;
|
|
666
942
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
667
943
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
944
|
+
firstInputRef: HTMLInputElement;
|
|
668
945
|
secondInputRef: HTMLInputElement;
|
|
669
946
|
}, HTMLDivElement>;
|
|
670
947
|
};
|
|
@@ -683,6 +960,10 @@ declare const meta: {
|
|
|
683
960
|
readonly type: BooleanConstructor;
|
|
684
961
|
readonly default: false;
|
|
685
962
|
};
|
|
963
|
+
readonly hideDropdown: {
|
|
964
|
+
readonly type: BooleanConstructor;
|
|
965
|
+
readonly default: false;
|
|
966
|
+
};
|
|
686
967
|
readonly hourStep: {
|
|
687
968
|
readonly type: NumberConstructor;
|
|
688
969
|
readonly default: 1;
|
|
@@ -723,6 +1004,31 @@ declare const meta: {
|
|
|
723
1004
|
readonly type: StringConstructor;
|
|
724
1005
|
readonly default: "Select time";
|
|
725
1006
|
};
|
|
1007
|
+
readonly id: {
|
|
1008
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
1009
|
+
readonly default: undefined;
|
|
1010
|
+
readonly validator: (v?: string) => boolean;
|
|
1011
|
+
};
|
|
1012
|
+
readonly name: {
|
|
1013
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
1014
|
+
readonly default: undefined;
|
|
1015
|
+
readonly validator: (v?: string) => boolean;
|
|
1016
|
+
};
|
|
1017
|
+
readonly tabindex: {
|
|
1018
|
+
readonly type: NumberConstructor;
|
|
1019
|
+
readonly default: 0;
|
|
1020
|
+
readonly validator: (v: number) => boolean;
|
|
1021
|
+
};
|
|
1022
|
+
readonly autocomplete: {
|
|
1023
|
+
readonly type: StringConstructor;
|
|
1024
|
+
readonly default: "off";
|
|
1025
|
+
readonly validator: (v: string) => boolean;
|
|
1026
|
+
};
|
|
1027
|
+
readonly inputClass: {
|
|
1028
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
1029
|
+
readonly default: undefined;
|
|
1030
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
1031
|
+
};
|
|
726
1032
|
readonly inputWidth: {
|
|
727
1033
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
728
1034
|
readonly default: undefined;
|
|
@@ -777,6 +1083,10 @@ declare const meta: {
|
|
|
777
1083
|
readonly type: BooleanConstructor;
|
|
778
1084
|
readonly default: false;
|
|
779
1085
|
};
|
|
1086
|
+
readonly hideDropdown: {
|
|
1087
|
+
readonly type: BooleanConstructor;
|
|
1088
|
+
readonly default: false;
|
|
1089
|
+
};
|
|
780
1090
|
readonly hourStep: {
|
|
781
1091
|
readonly type: NumberConstructor;
|
|
782
1092
|
readonly default: 1;
|
|
@@ -817,6 +1127,31 @@ declare const meta: {
|
|
|
817
1127
|
readonly type: StringConstructor;
|
|
818
1128
|
readonly default: "Select time";
|
|
819
1129
|
};
|
|
1130
|
+
readonly id: {
|
|
1131
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
1132
|
+
readonly default: undefined;
|
|
1133
|
+
readonly validator: (v?: string) => boolean;
|
|
1134
|
+
};
|
|
1135
|
+
readonly name: {
|
|
1136
|
+
readonly type: import('vue').PropType<string | undefined>;
|
|
1137
|
+
readonly default: undefined;
|
|
1138
|
+
readonly validator: (v?: string) => boolean;
|
|
1139
|
+
};
|
|
1140
|
+
readonly tabindex: {
|
|
1141
|
+
readonly type: NumberConstructor;
|
|
1142
|
+
readonly default: 0;
|
|
1143
|
+
readonly validator: (v: number) => boolean;
|
|
1144
|
+
};
|
|
1145
|
+
readonly autocomplete: {
|
|
1146
|
+
readonly type: StringConstructor;
|
|
1147
|
+
readonly default: "off";
|
|
1148
|
+
readonly validator: (v: string) => boolean;
|
|
1149
|
+
};
|
|
1150
|
+
readonly inputClass: {
|
|
1151
|
+
readonly type: import('vue').PropType<string | string[] | Record<string, boolean> | undefined>;
|
|
1152
|
+
readonly default: undefined;
|
|
1153
|
+
readonly validator: (v?: string | string[] | Record<string, boolean>) => boolean;
|
|
1154
|
+
};
|
|
820
1155
|
readonly inputWidth: {
|
|
821
1156
|
readonly type: import('vue').PropType<string | number | undefined>;
|
|
822
1157
|
readonly default: undefined;
|
|
@@ -858,9 +1193,11 @@ declare const meta: {
|
|
|
858
1193
|
message: string;
|
|
859
1194
|
}) => any) | undefined;
|
|
860
1195
|
}>, {
|
|
1196
|
+
readonly tabindex: number;
|
|
861
1197
|
readonly modelValue: string | [string, string] | null;
|
|
862
1198
|
readonly range: boolean;
|
|
863
1199
|
readonly disabled: boolean;
|
|
1200
|
+
readonly hideDropdown: boolean;
|
|
864
1201
|
readonly hourStep: number;
|
|
865
1202
|
readonly minuteStep: number;
|
|
866
1203
|
readonly secondStep: number;
|
|
@@ -870,14 +1207,31 @@ declare const meta: {
|
|
|
870
1207
|
readonly isTimeDisabled: (time: import('../index').InternalFormat) => boolean;
|
|
871
1208
|
readonly format: import('../index').TimeFormat;
|
|
872
1209
|
readonly placeholder: string;
|
|
1210
|
+
readonly id: string | undefined;
|
|
1211
|
+
readonly name: string | undefined;
|
|
1212
|
+
readonly autocomplete: string;
|
|
1213
|
+
readonly inputClass: string | string[] | Record<string, boolean> | undefined;
|
|
873
1214
|
readonly inputWidth: string | number | undefined;
|
|
874
1215
|
readonly componentWidth: string | number | undefined;
|
|
875
1216
|
readonly minInputWidth: string | number | undefined;
|
|
876
1217
|
readonly maxInputWidth: string | number | undefined;
|
|
877
1218
|
readonly size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
878
1219
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
1220
|
+
firstInputRef: HTMLInputElement;
|
|
879
1221
|
secondInputRef: HTMLInputElement;
|
|
880
1222
|
}, HTMLDivElement>>;
|
|
1223
|
+
boundArgs: import('vue').ComputedRef<{
|
|
1224
|
+
id: string | undefined;
|
|
1225
|
+
name: string | undefined;
|
|
1226
|
+
inputClass: string | undefined;
|
|
1227
|
+
inputWidth: string | undefined;
|
|
1228
|
+
minInputWidth: string | undefined;
|
|
1229
|
+
maxInputWidth: string | undefined;
|
|
1230
|
+
componentWidth: string | undefined;
|
|
1231
|
+
minTime: string | undefined;
|
|
1232
|
+
maxTime: string | undefined;
|
|
1233
|
+
disabledTimes: (string | [string, string])[] | undefined;
|
|
1234
|
+
}>;
|
|
881
1235
|
single: import('vue').Ref<string, string>;
|
|
882
1236
|
range: import('vue').Ref<[string, string], [string, string]>;
|
|
883
1237
|
valueLabel: import('vue').ComputedRef<string>;
|
package/dist/vue-timepicker.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.timepicker-shell,.timepicker-shell *,.timepicker-shell *:before,.timepicker-shell *:after{box-sizing:border-box}.timepicker-shell{position:relative;display:inline-block;width:var(--vtp-component-width, auto);font-family:var(--vtp-font-family, inherit);font-size:var(--vtp-font-size, inherit);color:var(--vtp-color, inherit)}.timepicker-shell[data-size=xs]{--vtp-font-size: .75rem;--vtp-padding: .2rem .3rem;--vtp-option-padding: .15rem .3rem;--vtp-dropdown-radius: .35rem;--vtp-option-height: 1.7rem}.timepicker-shell[data-size=sm]{--vtp-font-size: .875rem;--vtp-padding: .25rem .375rem;--vtp-option-padding: .2rem .375rem;--vtp-dropdown-radius: .4rem;--vtp-option-height: 1.85rem}.timepicker-shell[data-size=md]{--vtp-font-size: 1rem;--vtp-padding: .375rem .5rem;--vtp-option-padding: .3rem .5rem;--vtp-dropdown-radius: .5rem;--vtp-option-height: 2rem}.timepicker-shell[data-size=lg]{--vtp-font-size: 1.125rem;--vtp-padding: .5rem .65rem;--vtp-option-padding: .4rem .65rem;--vtp-dropdown-radius: .6rem;--vtp-option-height: 2.15rem}.timepicker-shell[data-size=xl]{--vtp-font-size: 1.25rem;--vtp-padding: .6rem .8rem;--vtp-option-padding: .5rem .8rem;--vtp-dropdown-radius: .7rem;--vtp-option-height: 2.3rem}.timepicker-shell__input{display:inline-flex;align-items:center;gap:.25rem;padding:var(--vtp-padding, .375rem .5rem);border-radius:var(--vtp-border-radius, 6px);background:var(--vtp-bg, #fff);border:1px solid var(--vtp-border, #ccc);color:var(--vtp-color, inherit);transition:border-color .15s,box-shadow .15s}.timepicker-shell__input:focus-within{border-color:var(--vtp-focus-border, #66afe9);box-shadow:var(--vtp-focus-ring, 0 0 0 2px rgba(102, 175, 233, .3))}.timepicker-shell__input--error{border-color:var(--vtp-error-border, #e74c3c);box-shadow:var(--vtp-error-ring, 0 0 0 2px rgba(231, 76, 60, .15))}.timepicker-shell__input--disabled{opacity:.6;cursor:not-allowed}.timepicker-shell__input--disabled .timepicker-field{cursor:not-allowed}.timepicker-shell__input .timepicker-separator{color:var(--vtp-separator-color, currentColor);opacity:.5;flex:0 0 auto;-webkit-user-select:none;user-select:none;line-height:1}.timepicker-field{flex:0 0 auto;width:auto;min-width:0;border:0;background:transparent;font:inherit;color:inherit;padding:0;margin:0;text-align:center}.timepicker-field:focus{outline:none}.timepicker-field::placeholder{color:var(--vtp-color, inherit);opacity:.4}.timepicker-dropdown{display:inline-block}.timepicker-dropdown__panel{position:relative;min-width:44px;max-height:var(--vtp-dropdown-max-height, 220px);overflow-y:auto;overflow-x:hidden;padding:0;border:1px solid var(--vtp-dropdown-border, var(--vtp-border, #ccc));border-radius:var(--vtp-dropdown-radius, .5rem);background:var(--vtp-dropdown-bg, var(--vtp-bg, #fff));box-shadow:var(--vtp-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, .08));outline:none;scroll-behavior:auto;scroll-snap-type:y proximity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-gutter:auto}.timepicker-dropdown--short .timepicker-dropdown__panel{min-width:32px}.timepicker-dropdown__panel::-webkit-scrollbar{display:none}.timepicker-option{display:flex;align-items:center;justify-content:center;min-height:var(--vtp-option-height, 2rem);padding:var(--vtp-option-padding, .3rem .5rem);border-radius:var(--vtp-option-radius, 4px);cursor:pointer;line-height:1;text-align:center;scroll-snap-align:center;transition:background .14s ease,color .14s ease,transform .14s ease,opacity .14s ease}.timepicker-dropdown--short .timepicker-option{min-height:calc(var(--vtp-option-height, 2rem) * .9);padding:.2rem .3rem}.timepicker-option--focused,.timepicker-option:hover{background:var(--vtp-option-hover-bg, rgba(0, 0, 0, .06))}.timepicker-option--active{background:var(--vtp-option-active-bg, #e8f0fe);color:var(--vtp-option-active-color, inherit);font-weight:var(--vtp-option-active-weight, 600);transform:scale(1.02)}.timepicker-option--disabled{opacity:.35;pointer-events:none}.vtp-cols{display:inline-flex;flex-wrap:nowrap;gap:0}
|
|
1
|
+
.timepicker-shell,.timepicker-shell *,.timepicker-shell *:before,.timepicker-shell *:after{box-sizing:border-box}.timepicker-shell{position:relative;display:inline-block;width:var(--vtp-component-width, auto);font-family:var(--vtp-font-family, inherit);font-size:var(--vtp-font-size, inherit);color:var(--vtp-color, inherit)}.timepicker-shell[data-size=xs]{--vtp-font-size: .75rem;--vtp-padding: .2rem .3rem;--vtp-option-padding: .15rem .3rem;--vtp-dropdown-radius: .35rem;--vtp-option-height: 1.7rem}.timepicker-shell[data-size=sm]{--vtp-font-size: .875rem;--vtp-padding: .25rem .375rem;--vtp-option-padding: .2rem .375rem;--vtp-dropdown-radius: .4rem;--vtp-option-height: 1.85rem}.timepicker-shell[data-size=md]{--vtp-font-size: 1rem;--vtp-padding: .375rem .5rem;--vtp-option-padding: .3rem .5rem;--vtp-dropdown-radius: .5rem;--vtp-option-height: 2rem}.timepicker-shell[data-size=lg]{--vtp-font-size: 1.125rem;--vtp-padding: .5rem .65rem;--vtp-option-padding: .4rem .65rem;--vtp-dropdown-radius: .6rem;--vtp-option-height: 2.15rem}.timepicker-shell[data-size=xl]{--vtp-font-size: 1.25rem;--vtp-padding: .6rem .8rem;--vtp-option-padding: .5rem .8rem;--vtp-dropdown-radius: .7rem;--vtp-option-height: 2.3rem}.timepicker-shell__input{display:inline-flex;align-items:center;gap:.25rem;padding:var(--vtp-padding, .375rem .5rem);border-radius:var(--vtp-border-radius, 6px);background:var(--vtp-bg, #fff);border:1px solid var(--vtp-border, #ccc);color:var(--vtp-color, inherit);transition:border-color .15s,box-shadow .15s}.timepicker-shell__input:focus-within{border-color:var(--vtp-focus-border, #66afe9);box-shadow:var(--vtp-focus-ring, 0 0 0 2px rgba(102, 175, 233, .3))}.timepicker-shell__input--error{border-color:var(--vtp-error-border, #e74c3c);box-shadow:var(--vtp-error-ring, 0 0 0 2px rgba(231, 76, 60, .15))}.timepicker-shell__input--disabled{opacity:.6;cursor:not-allowed}.timepicker-shell__input--disabled .timepicker-field{cursor:not-allowed}.timepicker-shell__input .timepicker-separator{color:var(--vtp-separator-color, currentColor);opacity:.5;flex:0 0 auto;-webkit-user-select:none;user-select:none;line-height:1}.timepicker-field{flex:0 0 auto;width:auto;min-width:0;border:0;background:transparent;font:inherit;color:inherit;padding:0;margin:0;text-align:center}.timepicker-field:focus{outline:none}.timepicker-field::placeholder{color:var(--vtp-color, inherit);opacity:.4}.timepicker-popovers{position:absolute;top:calc(100% + .25rem);left:0;z-index:1000}.timepicker-dropdown{display:inline-block}.timepicker-dropdown__panel{position:relative;min-width:44px;max-height:var(--vtp-dropdown-max-height, 220px);overflow-y:auto;overflow-x:hidden;padding:0;border:1px solid var(--vtp-dropdown-border, var(--vtp-border, #ccc));border-radius:var(--vtp-dropdown-radius, .5rem);background:var(--vtp-dropdown-bg, var(--vtp-bg, #fff));box-shadow:var(--vtp-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, .08));outline:none;scroll-behavior:auto;scroll-snap-type:y proximity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-gutter:auto}.timepicker-dropdown--short .timepicker-dropdown__panel{min-width:32px}.timepicker-dropdown__panel::-webkit-scrollbar{display:none}.timepicker-option{display:flex;align-items:center;justify-content:center;min-height:var(--vtp-option-height, 2rem);padding:var(--vtp-option-padding, .3rem .5rem);border-radius:var(--vtp-option-radius, 4px);cursor:pointer;line-height:1;text-align:center;scroll-snap-align:center;transition:background .14s ease,color .14s ease,transform .14s ease,opacity .14s ease}.timepicker-dropdown--short .timepicker-option{min-height:calc(var(--vtp-option-height, 2rem) * .9);padding:.2rem .3rem}.timepicker-option--focused,.timepicker-option:hover{background:var(--vtp-option-hover-bg, rgba(0, 0, 0, .06))}.timepicker-option--active{background:var(--vtp-option-active-bg, #e8f0fe);color:var(--vtp-option-active-color, inherit);font-weight:var(--vtp-option-active-weight, 600);transform:scale(1.02)}.timepicker-option--disabled{opacity:.35;pointer-events:none}.vtp-cols{display:inline-flex;flex-wrap:nowrap;gap:0}
|