@progress/kendo-vue-dateinputs 3.0.2 → 3.0.3-dev.202201280639
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/cdn/js/kendo-vue-dateinputs.js +1 -1
- package/dist/es/calendar/components/CalendarHeaderTitle.js +3 -1
- package/dist/es/calendar/components/Header.js +6 -2
- package/dist/es/dateinput/DateInput.js +6 -2
- package/dist/es/datetimepicker/DateTimePicker.js +3 -1
- package/dist/es/datetimepicker/DateTimeSelector.js +22 -10
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/TimePart.js +4 -2
- package/dist/es/timepicker/TimePicker.js +3 -1
- package/dist/es/timepicker/TimeSelector.js +10 -6
- package/dist/npm/calendar/components/CalendarHeaderTitle.js +3 -1
- package/dist/npm/calendar/components/Header.js +6 -2
- package/dist/npm/dateinput/DateInput.js +6 -2
- package/dist/npm/datetimepicker/DateTimePicker.js +3 -1
- package/dist/npm/datetimepicker/DateTimeSelector.js +22 -10
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timepicker/TimePart.js +4 -2
- package/dist/npm/timepicker/TimePicker.js +3 -1
- package/dist/npm/timepicker/TimeSelector.js +10 -6
- package/package.json +7 -7
|
@@ -44,13 +44,15 @@ var CalendarHeaderTitle = {
|
|
|
44
44
|
var defaultSlot = getDefaultSlots(this);
|
|
45
45
|
return (// @ts-ignore function children
|
|
46
46
|
h(KButton, {
|
|
47
|
-
|
|
47
|
+
type: "button",
|
|
48
48
|
attrs: this.v3 ? undefined : {
|
|
49
|
+
type: "button",
|
|
49
50
|
value: this.$props.value,
|
|
50
51
|
id: this.$props.id,
|
|
51
52
|
fillMode: 'flat',
|
|
52
53
|
tabIndex: 0
|
|
53
54
|
},
|
|
55
|
+
value: this.$props.value,
|
|
54
56
|
id: this.$props.id,
|
|
55
57
|
fillMode: 'flat',
|
|
56
58
|
onClick: this.handleClick,
|
|
@@ -213,8 +213,9 @@ var Header = {
|
|
|
213
213
|
"class": 'k-calendar-nav k-hstack'
|
|
214
214
|
}, [// @ts-ignore
|
|
215
215
|
h(KButton, {
|
|
216
|
-
|
|
216
|
+
type: "button",
|
|
217
217
|
attrs: this.v3 ? undefined : {
|
|
218
|
+
type: "button",
|
|
218
219
|
icon: 'arrow-60-left',
|
|
219
220
|
size: this.$props.size,
|
|
220
221
|
fillMode: 'flat',
|
|
@@ -222,6 +223,7 @@ var Header = {
|
|
|
222
223
|
"aria-label": prevViewTitle,
|
|
223
224
|
title: prevViewTitle
|
|
224
225
|
},
|
|
226
|
+
icon: 'arrow-60-left',
|
|
225
227
|
size: this.$props.size,
|
|
226
228
|
fillMode: 'flat',
|
|
227
229
|
"class": "k-prev-view",
|
|
@@ -246,8 +248,9 @@ var Header = {
|
|
|
246
248
|
onClick: this.handleTodayClick
|
|
247
249
|
}, [todayMessage]), // @ts-ignore
|
|
248
250
|
h(KButton, {
|
|
249
|
-
|
|
251
|
+
type: "button",
|
|
250
252
|
attrs: this.v3 ? undefined : {
|
|
253
|
+
type: "button",
|
|
251
254
|
icon: 'arrow-60-right',
|
|
252
255
|
size: this.$props.size,
|
|
253
256
|
fillMode: 'flat',
|
|
@@ -255,6 +258,7 @@ var Header = {
|
|
|
255
258
|
"aria-label": nextViewTittle,
|
|
256
259
|
title: nextViewTittle
|
|
257
260
|
},
|
|
261
|
+
icon: 'arrow-60-right',
|
|
258
262
|
size: this.$props.size,
|
|
259
263
|
fillMode: 'flat',
|
|
260
264
|
"class": "k-next-view",
|
|
@@ -631,8 +631,9 @@ var DateInput = {
|
|
|
631
631
|
}
|
|
632
632
|
}, [// @ts-ignore
|
|
633
633
|
h(KButton, {
|
|
634
|
-
|
|
634
|
+
type: "button",
|
|
635
635
|
attrs: this.v3 ? undefined : {
|
|
636
|
+
type: "button",
|
|
636
637
|
tabIndex: -1,
|
|
637
638
|
icon: 'arrow-n',
|
|
638
639
|
size: this.$props.size,
|
|
@@ -640,6 +641,7 @@ var DateInput = {
|
|
|
640
641
|
"aria-label": localizationService.toLanguageString(increaseValue, messages[increaseValue]),
|
|
641
642
|
title: localizationService.toLanguageString(increaseValue, messages[increaseValue])
|
|
642
643
|
},
|
|
644
|
+
tabIndex: -1,
|
|
643
645
|
icon: 'arrow-n',
|
|
644
646
|
size: this.$props.size,
|
|
645
647
|
fillMode: this.$props.fillMode,
|
|
@@ -652,8 +654,9 @@ var DateInput = {
|
|
|
652
654
|
}
|
|
653
655
|
}), // @ts-ignore
|
|
654
656
|
h(KButton, {
|
|
655
|
-
|
|
657
|
+
type: "button",
|
|
656
658
|
attrs: this.v3 ? undefined : {
|
|
659
|
+
type: "button",
|
|
657
660
|
tabIndex: -1,
|
|
658
661
|
icon: 'arrow-s',
|
|
659
662
|
size: this.$props.size,
|
|
@@ -661,6 +664,7 @@ var DateInput = {
|
|
|
661
664
|
"aria-label": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),
|
|
662
665
|
title: localizationService.toLanguageString(decreaseValue, messages[decreaseValue])
|
|
663
666
|
},
|
|
667
|
+
tabIndex: -1,
|
|
664
668
|
"class": "k-spinner-decrease",
|
|
665
669
|
icon: 'arrow-s',
|
|
666
670
|
size: this.$props.size,
|
|
@@ -483,14 +483,16 @@ var DateTimePicker = {
|
|
|
483
483
|
onFocusout: this.handleBlur
|
|
484
484
|
}, [dateInputRendering, // @ts-ignore
|
|
485
485
|
h(Button, {
|
|
486
|
-
|
|
486
|
+
type: "button",
|
|
487
487
|
attrs: this.v3 ? undefined : {
|
|
488
|
+
type: "button",
|
|
488
489
|
tabIndex: -1,
|
|
489
490
|
icon: 'calendar',
|
|
490
491
|
title: provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector]),
|
|
491
492
|
"aria-controls": this._popupId,
|
|
492
493
|
"aria-label": provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector])
|
|
493
494
|
},
|
|
495
|
+
tabIndex: -1,
|
|
494
496
|
icon: 'calendar',
|
|
495
497
|
onMousedown: this.handleIconMouseDown,
|
|
496
498
|
on: this.v3 ? undefined : {
|
|
@@ -196,11 +196,13 @@ var DateTimeSelector = {
|
|
|
196
196
|
}, this.v3 ? function () {
|
|
197
197
|
return [// @ts-ignore function children
|
|
198
198
|
h(Button, {
|
|
199
|
-
|
|
199
|
+
type: "button",
|
|
200
200
|
attrs: _this2.v3 ? undefined : {
|
|
201
|
+
type: "button",
|
|
201
202
|
selected: _this2.currentTab === 'date',
|
|
202
203
|
togglable: true
|
|
203
204
|
},
|
|
205
|
+
selected: _this2.currentTab === 'date',
|
|
204
206
|
togglable: true,
|
|
205
207
|
onClick: _this2.handleDateClick,
|
|
206
208
|
on: _this2.v3 ? undefined : {
|
|
@@ -210,11 +212,13 @@ var DateTimeSelector = {
|
|
|
210
212
|
return [dateMessage];
|
|
211
213
|
} : [dateMessage]), // @ts-ignore function children
|
|
212
214
|
h(Button, {
|
|
213
|
-
|
|
215
|
+
type: "button",
|
|
214
216
|
attrs: _this2.v3 ? undefined : {
|
|
217
|
+
type: "button",
|
|
215
218
|
selected: _this2.currentTab === 'time',
|
|
216
219
|
togglable: true
|
|
217
220
|
},
|
|
221
|
+
selected: _this2.currentTab === 'time',
|
|
218
222
|
togglable: true,
|
|
219
223
|
onClick: _this2.handleTimeClick,
|
|
220
224
|
on: _this2.v3 ? undefined : {
|
|
@@ -224,11 +228,13 @@ var DateTimeSelector = {
|
|
|
224
228
|
return [timeMessage];
|
|
225
229
|
} : [timeMessage])];
|
|
226
230
|
} : [h(Button, {
|
|
227
|
-
|
|
231
|
+
type: "button",
|
|
228
232
|
attrs: _this2.v3 ? undefined : {
|
|
233
|
+
type: "button",
|
|
229
234
|
selected: _this2.currentTab === 'date',
|
|
230
235
|
togglable: true
|
|
231
236
|
},
|
|
237
|
+
selected: _this2.currentTab === 'date',
|
|
232
238
|
togglable: true,
|
|
233
239
|
onClick: _this2.handleDateClick,
|
|
234
240
|
on: _this2.v3 ? undefined : {
|
|
@@ -237,11 +243,13 @@ var DateTimeSelector = {
|
|
|
237
243
|
}, _this2.v3 ? function () {
|
|
238
244
|
return [dateMessage];
|
|
239
245
|
} : [dateMessage]), h(Button, {
|
|
240
|
-
|
|
246
|
+
type: "button",
|
|
241
247
|
attrs: _this2.v3 ? undefined : {
|
|
248
|
+
type: "button",
|
|
242
249
|
selected: _this2.currentTab === 'time',
|
|
243
250
|
togglable: true
|
|
244
251
|
},
|
|
252
|
+
selected: _this2.currentTab === 'time',
|
|
245
253
|
togglable: true,
|
|
246
254
|
onClick: _this2.handleTimeClick,
|
|
247
255
|
on: _this2.v3 ? undefined : {
|
|
@@ -290,6 +298,12 @@ var DateTimeSelector = {
|
|
|
290
298
|
"class": "k-datetime-footer k-actions k-actions-stretched"
|
|
291
299
|
}, [cancelButton && // @ts-ignore function children
|
|
292
300
|
h(Button, {
|
|
301
|
+
type: "button",
|
|
302
|
+
attrs: this.v3 ? undefined : {
|
|
303
|
+
type: "button",
|
|
304
|
+
title: cancelMessage,
|
|
305
|
+
"aria-label": cancelMessage
|
|
306
|
+
},
|
|
293
307
|
ref: 'cancelButton',
|
|
294
308
|
"class": "k-time-cancel",
|
|
295
309
|
onClick: this.handleReject,
|
|
@@ -297,23 +311,21 @@ var DateTimeSelector = {
|
|
|
297
311
|
"click": this.handleReject
|
|
298
312
|
},
|
|
299
313
|
title: cancelMessage,
|
|
300
|
-
attrs: this.v3 ? undefined : {
|
|
301
|
-
title: cancelMessage,
|
|
302
|
-
"aria-label": cancelMessage
|
|
303
|
-
},
|
|
304
314
|
"aria-label": cancelMessage
|
|
305
315
|
}, this.v3 ? function () {
|
|
306
316
|
return [cancelMessage];
|
|
307
317
|
} : [cancelMessage]), // @ts-ignore function children
|
|
308
318
|
h(Button, {
|
|
309
|
-
|
|
310
|
-
disabled: !this.hasDateValue,
|
|
319
|
+
type: "button",
|
|
311
320
|
attrs: this.v3 ? undefined : {
|
|
321
|
+
type: "button",
|
|
312
322
|
disabled: !this.hasDateValue,
|
|
313
323
|
themeColor: 'primary',
|
|
314
324
|
title: setMessage,
|
|
315
325
|
"aria-label": setMessage
|
|
316
326
|
},
|
|
327
|
+
ref: 'acceptButton',
|
|
328
|
+
disabled: !this.hasDateValue,
|
|
317
329
|
themeColor: 'primary',
|
|
318
330
|
"class": 'k-time-accept',
|
|
319
331
|
onClick: this.handleAccept,
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-dateinputs',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1643351577,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -161,14 +161,16 @@ var TimePart = {
|
|
|
161
161
|
"class": "k-title"
|
|
162
162
|
}, [this.intl.formatDate(this.computedValue, this.dateFormatParts.reduce(this.timeFormatReducer, ''))]), this.showNowButton() && // @ts-ignore function children
|
|
163
163
|
h(Button, {
|
|
164
|
-
|
|
165
|
-
fillMode: 'flat',
|
|
164
|
+
type: "button",
|
|
166
165
|
attrs: this.v3 ? undefined : {
|
|
166
|
+
type: "button",
|
|
167
167
|
fillMode: 'flat',
|
|
168
168
|
title: selectNowMessage,
|
|
169
169
|
"aria-label": selectNowMessage,
|
|
170
170
|
tabIndex: disabled ? -1 : 0
|
|
171
171
|
},
|
|
172
|
+
ref: 'nowButton',
|
|
173
|
+
fillMode: 'flat',
|
|
172
174
|
"class": "k-time-now",
|
|
173
175
|
title: selectNowMessage,
|
|
174
176
|
"aria-label": selectNowMessage,
|
|
@@ -480,14 +480,16 @@ var TimePicker = {
|
|
|
480
480
|
} : this._anchor
|
|
481
481
|
}, [dateInputRendering, // @ts-ignore
|
|
482
482
|
h(KButton, {
|
|
483
|
-
|
|
483
|
+
type: "button",
|
|
484
484
|
attrs: this.v3 ? undefined : {
|
|
485
|
+
type: "button",
|
|
485
486
|
tabIndex: -1,
|
|
486
487
|
icon: 'clock',
|
|
487
488
|
title: toggleTimeMessage,
|
|
488
489
|
"aria-controls": this._popupId,
|
|
489
490
|
"aria-label": toggleClockMessage
|
|
490
491
|
},
|
|
492
|
+
tabIndex: -1,
|
|
491
493
|
icon: 'clock',
|
|
492
494
|
onMousedown: this.handleIconMouseDown,
|
|
493
495
|
on: this.v3 ? undefined : {
|
|
@@ -196,6 +196,12 @@ var TimeSelector = {
|
|
|
196
196
|
"class": "k-time-footer k-actions k-actions-stretched"
|
|
197
197
|
}, [cancelButton && // @ts-ignore function children
|
|
198
198
|
h(Button, {
|
|
199
|
+
type: "button",
|
|
200
|
+
attrs: this.v3 ? undefined : {
|
|
201
|
+
type: "button",
|
|
202
|
+
title: cancelMessage,
|
|
203
|
+
"aria-label": cancelMessage
|
|
204
|
+
},
|
|
199
205
|
ref: 'cancelButton',
|
|
200
206
|
"class": "k-time-cancel",
|
|
201
207
|
onClick: this.handleReject,
|
|
@@ -203,22 +209,20 @@ var TimeSelector = {
|
|
|
203
209
|
"click": this.handleReject
|
|
204
210
|
},
|
|
205
211
|
title: cancelMessage,
|
|
206
|
-
attrs: this.v3 ? undefined : {
|
|
207
|
-
title: cancelMessage,
|
|
208
|
-
"aria-label": cancelMessage
|
|
209
|
-
},
|
|
210
212
|
"aria-label": cancelMessage
|
|
211
213
|
}, this.v3 ? function () {
|
|
212
214
|
return [cancelMessage];
|
|
213
215
|
} : [cancelMessage]), // @ts-ignore function children
|
|
214
216
|
h(Button, {
|
|
215
|
-
|
|
216
|
-
themeColor: 'primary',
|
|
217
|
+
type: "button",
|
|
217
218
|
attrs: this.v3 ? undefined : {
|
|
219
|
+
type: "button",
|
|
218
220
|
themeColor: 'primary',
|
|
219
221
|
title: setMessage,
|
|
220
222
|
"aria-label": setMessage
|
|
221
223
|
},
|
|
224
|
+
ref: 'acceptButton',
|
|
225
|
+
themeColor: 'primary',
|
|
222
226
|
"class": "k-time-accept",
|
|
223
227
|
onClick: this.handleAccept,
|
|
224
228
|
on: this.v3 ? undefined : {
|
|
@@ -54,13 +54,15 @@ var CalendarHeaderTitle = {
|
|
|
54
54
|
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
55
55
|
return (// @ts-ignore function children
|
|
56
56
|
h(kendo_vue_buttons_1.Button, {
|
|
57
|
-
|
|
57
|
+
type: "button",
|
|
58
58
|
attrs: this.v3 ? undefined : {
|
|
59
|
+
type: "button",
|
|
59
60
|
value: this.$props.value,
|
|
60
61
|
id: this.$props.id,
|
|
61
62
|
fillMode: 'flat',
|
|
62
63
|
tabIndex: 0
|
|
63
64
|
},
|
|
65
|
+
value: this.$props.value,
|
|
64
66
|
id: this.$props.id,
|
|
65
67
|
fillMode: 'flat',
|
|
66
68
|
onClick: this.handleClick,
|
|
@@ -230,8 +230,9 @@ var Header = {
|
|
|
230
230
|
"class": 'k-calendar-nav k-hstack'
|
|
231
231
|
}, [// @ts-ignore
|
|
232
232
|
h(kendo_vue_buttons_1.Button, {
|
|
233
|
-
|
|
233
|
+
type: "button",
|
|
234
234
|
attrs: this.v3 ? undefined : {
|
|
235
|
+
type: "button",
|
|
235
236
|
icon: 'arrow-60-left',
|
|
236
237
|
size: this.$props.size,
|
|
237
238
|
fillMode: 'flat',
|
|
@@ -239,6 +240,7 @@ var Header = {
|
|
|
239
240
|
"aria-label": prevViewTitle,
|
|
240
241
|
title: prevViewTitle
|
|
241
242
|
},
|
|
243
|
+
icon: 'arrow-60-left',
|
|
242
244
|
size: this.$props.size,
|
|
243
245
|
fillMode: 'flat',
|
|
244
246
|
"class": "k-prev-view",
|
|
@@ -263,8 +265,9 @@ var Header = {
|
|
|
263
265
|
onClick: this.handleTodayClick
|
|
264
266
|
}, [todayMessage]), // @ts-ignore
|
|
265
267
|
h(kendo_vue_buttons_1.Button, {
|
|
266
|
-
|
|
268
|
+
type: "button",
|
|
267
269
|
attrs: this.v3 ? undefined : {
|
|
270
|
+
type: "button",
|
|
268
271
|
icon: 'arrow-60-right',
|
|
269
272
|
size: this.$props.size,
|
|
270
273
|
fillMode: 'flat',
|
|
@@ -272,6 +275,7 @@ var Header = {
|
|
|
272
275
|
"aria-label": nextViewTittle,
|
|
273
276
|
title: nextViewTittle
|
|
274
277
|
},
|
|
278
|
+
icon: 'arrow-60-right',
|
|
275
279
|
size: this.$props.size,
|
|
276
280
|
fillMode: 'flat',
|
|
277
281
|
"class": "k-next-view",
|
|
@@ -651,8 +651,9 @@ var DateInput = {
|
|
|
651
651
|
}
|
|
652
652
|
}, [// @ts-ignore
|
|
653
653
|
h(kendo_vue_buttons_1.Button, {
|
|
654
|
-
|
|
654
|
+
type: "button",
|
|
655
655
|
attrs: this.v3 ? undefined : {
|
|
656
|
+
type: "button",
|
|
656
657
|
tabIndex: -1,
|
|
657
658
|
icon: 'arrow-n',
|
|
658
659
|
size: this.$props.size,
|
|
@@ -660,6 +661,7 @@ var DateInput = {
|
|
|
660
661
|
"aria-label": localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue]),
|
|
661
662
|
title: localizationService.toLanguageString(messages_1.increaseValue, messages_1.messages[messages_1.increaseValue])
|
|
662
663
|
},
|
|
664
|
+
tabIndex: -1,
|
|
663
665
|
icon: 'arrow-n',
|
|
664
666
|
size: this.$props.size,
|
|
665
667
|
fillMode: this.$props.fillMode,
|
|
@@ -672,8 +674,9 @@ var DateInput = {
|
|
|
672
674
|
}
|
|
673
675
|
}), // @ts-ignore
|
|
674
676
|
h(kendo_vue_buttons_1.Button, {
|
|
675
|
-
|
|
677
|
+
type: "button",
|
|
676
678
|
attrs: this.v3 ? undefined : {
|
|
679
|
+
type: "button",
|
|
677
680
|
tabIndex: -1,
|
|
678
681
|
icon: 'arrow-s',
|
|
679
682
|
size: this.$props.size,
|
|
@@ -681,6 +684,7 @@ var DateInput = {
|
|
|
681
684
|
"aria-label": localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue]),
|
|
682
685
|
title: localizationService.toLanguageString(messages_1.decreaseValue, messages_1.messages[messages_1.decreaseValue])
|
|
683
686
|
},
|
|
687
|
+
tabIndex: -1,
|
|
684
688
|
"class": "k-spinner-decrease",
|
|
685
689
|
icon: 'arrow-s',
|
|
686
690
|
size: this.$props.size,
|
|
@@ -505,14 +505,16 @@ var DateTimePicker = {
|
|
|
505
505
|
onFocusout: this.handleBlur
|
|
506
506
|
}, [dateInputRendering, // @ts-ignore
|
|
507
507
|
h(kendo_vue_buttons_1.Button, {
|
|
508
|
-
|
|
508
|
+
type: "button",
|
|
509
509
|
attrs: this.v3 ? undefined : {
|
|
510
|
+
type: "button",
|
|
510
511
|
tabIndex: -1,
|
|
511
512
|
icon: 'calendar',
|
|
512
513
|
title: kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector]),
|
|
513
514
|
"aria-controls": this._popupId,
|
|
514
515
|
"aria-label": kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.toggleDateTimeSelector, messages_1.messages[messages_1.toggleDateTimeSelector])
|
|
515
516
|
},
|
|
517
|
+
tabIndex: -1,
|
|
516
518
|
icon: 'calendar',
|
|
517
519
|
onMousedown: this.handleIconMouseDown,
|
|
518
520
|
on: this.v3 ? undefined : {
|
|
@@ -214,11 +214,13 @@ var DateTimeSelector = {
|
|
|
214
214
|
}, this.v3 ? function () {
|
|
215
215
|
return [// @ts-ignore function children
|
|
216
216
|
h(kendo_vue_buttons_1.Button, {
|
|
217
|
-
|
|
217
|
+
type: "button",
|
|
218
218
|
attrs: _this2.v3 ? undefined : {
|
|
219
|
+
type: "button",
|
|
219
220
|
selected: _this2.currentTab === 'date',
|
|
220
221
|
togglable: true
|
|
221
222
|
},
|
|
223
|
+
selected: _this2.currentTab === 'date',
|
|
222
224
|
togglable: true,
|
|
223
225
|
onClick: _this2.handleDateClick,
|
|
224
226
|
on: _this2.v3 ? undefined : {
|
|
@@ -228,11 +230,13 @@ var DateTimeSelector = {
|
|
|
228
230
|
return [dateMessage];
|
|
229
231
|
} : [dateMessage]), // @ts-ignore function children
|
|
230
232
|
h(kendo_vue_buttons_1.Button, {
|
|
231
|
-
|
|
233
|
+
type: "button",
|
|
232
234
|
attrs: _this2.v3 ? undefined : {
|
|
235
|
+
type: "button",
|
|
233
236
|
selected: _this2.currentTab === 'time',
|
|
234
237
|
togglable: true
|
|
235
238
|
},
|
|
239
|
+
selected: _this2.currentTab === 'time',
|
|
236
240
|
togglable: true,
|
|
237
241
|
onClick: _this2.handleTimeClick,
|
|
238
242
|
on: _this2.v3 ? undefined : {
|
|
@@ -242,11 +246,13 @@ var DateTimeSelector = {
|
|
|
242
246
|
return [timeMessage];
|
|
243
247
|
} : [timeMessage])];
|
|
244
248
|
} : [h(kendo_vue_buttons_1.Button, {
|
|
245
|
-
|
|
249
|
+
type: "button",
|
|
246
250
|
attrs: _this2.v3 ? undefined : {
|
|
251
|
+
type: "button",
|
|
247
252
|
selected: _this2.currentTab === 'date',
|
|
248
253
|
togglable: true
|
|
249
254
|
},
|
|
255
|
+
selected: _this2.currentTab === 'date',
|
|
250
256
|
togglable: true,
|
|
251
257
|
onClick: _this2.handleDateClick,
|
|
252
258
|
on: _this2.v3 ? undefined : {
|
|
@@ -255,11 +261,13 @@ var DateTimeSelector = {
|
|
|
255
261
|
}, _this2.v3 ? function () {
|
|
256
262
|
return [dateMessage];
|
|
257
263
|
} : [dateMessage]), h(kendo_vue_buttons_1.Button, {
|
|
258
|
-
|
|
264
|
+
type: "button",
|
|
259
265
|
attrs: _this2.v3 ? undefined : {
|
|
266
|
+
type: "button",
|
|
260
267
|
selected: _this2.currentTab === 'time',
|
|
261
268
|
togglable: true
|
|
262
269
|
},
|
|
270
|
+
selected: _this2.currentTab === 'time',
|
|
263
271
|
togglable: true,
|
|
264
272
|
onClick: _this2.handleTimeClick,
|
|
265
273
|
on: _this2.v3 ? undefined : {
|
|
@@ -308,6 +316,12 @@ var DateTimeSelector = {
|
|
|
308
316
|
"class": "k-datetime-footer k-actions k-actions-stretched"
|
|
309
317
|
}, [cancelButton && // @ts-ignore function children
|
|
310
318
|
h(kendo_vue_buttons_1.Button, {
|
|
319
|
+
type: "button",
|
|
320
|
+
attrs: this.v3 ? undefined : {
|
|
321
|
+
type: "button",
|
|
322
|
+
title: cancelMessage,
|
|
323
|
+
"aria-label": cancelMessage
|
|
324
|
+
},
|
|
311
325
|
ref: 'cancelButton',
|
|
312
326
|
"class": "k-time-cancel",
|
|
313
327
|
onClick: this.handleReject,
|
|
@@ -315,23 +329,21 @@ var DateTimeSelector = {
|
|
|
315
329
|
"click": this.handleReject
|
|
316
330
|
},
|
|
317
331
|
title: cancelMessage,
|
|
318
|
-
attrs: this.v3 ? undefined : {
|
|
319
|
-
title: cancelMessage,
|
|
320
|
-
"aria-label": cancelMessage
|
|
321
|
-
},
|
|
322
332
|
"aria-label": cancelMessage
|
|
323
333
|
}, this.v3 ? function () {
|
|
324
334
|
return [cancelMessage];
|
|
325
335
|
} : [cancelMessage]), // @ts-ignore function children
|
|
326
336
|
h(kendo_vue_buttons_1.Button, {
|
|
327
|
-
|
|
328
|
-
disabled: !this.hasDateValue,
|
|
337
|
+
type: "button",
|
|
329
338
|
attrs: this.v3 ? undefined : {
|
|
339
|
+
type: "button",
|
|
330
340
|
disabled: !this.hasDateValue,
|
|
331
341
|
themeColor: 'primary',
|
|
332
342
|
title: setMessage,
|
|
333
343
|
"aria-label": setMessage
|
|
334
344
|
},
|
|
345
|
+
ref: 'acceptButton',
|
|
346
|
+
disabled: !this.hasDateValue,
|
|
335
347
|
themeColor: 'primary',
|
|
336
348
|
"class": 'k-time-accept',
|
|
337
349
|
onClick: this.handleAccept,
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-dateinputs',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1643351577,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -178,14 +178,16 @@ var TimePart = {
|
|
|
178
178
|
"class": "k-title"
|
|
179
179
|
}, [this.intl.formatDate(this.computedValue, this.dateFormatParts.reduce(this.timeFormatReducer, ''))]), this.showNowButton() && // @ts-ignore function children
|
|
180
180
|
h(kendo_vue_buttons_1.Button, {
|
|
181
|
-
|
|
182
|
-
fillMode: 'flat',
|
|
181
|
+
type: "button",
|
|
183
182
|
attrs: this.v3 ? undefined : {
|
|
183
|
+
type: "button",
|
|
184
184
|
fillMode: 'flat',
|
|
185
185
|
title: selectNowMessage,
|
|
186
186
|
"aria-label": selectNowMessage,
|
|
187
187
|
tabIndex: disabled ? -1 : 0
|
|
188
188
|
},
|
|
189
|
+
ref: 'nowButton',
|
|
190
|
+
fillMode: 'flat',
|
|
189
191
|
"class": "k-time-now",
|
|
190
192
|
title: selectNowMessage,
|
|
191
193
|
"aria-label": selectNowMessage,
|
|
@@ -500,14 +500,16 @@ var TimePicker = {
|
|
|
500
500
|
} : this._anchor
|
|
501
501
|
}, [dateInputRendering, // @ts-ignore
|
|
502
502
|
h(kendo_vue_buttons_1.Button, {
|
|
503
|
-
|
|
503
|
+
type: "button",
|
|
504
504
|
attrs: this.v3 ? undefined : {
|
|
505
|
+
type: "button",
|
|
505
506
|
tabIndex: -1,
|
|
506
507
|
icon: 'clock',
|
|
507
508
|
title: toggleTimeMessage,
|
|
508
509
|
"aria-controls": this._popupId,
|
|
509
510
|
"aria-label": toggleClockMessage
|
|
510
511
|
},
|
|
512
|
+
tabIndex: -1,
|
|
511
513
|
icon: 'clock',
|
|
512
514
|
onMousedown: this.handleIconMouseDown,
|
|
513
515
|
on: this.v3 ? undefined : {
|
|
@@ -212,6 +212,12 @@ var TimeSelector = {
|
|
|
212
212
|
"class": "k-time-footer k-actions k-actions-stretched"
|
|
213
213
|
}, [cancelButton && // @ts-ignore function children
|
|
214
214
|
h(kendo_vue_buttons_1.Button, {
|
|
215
|
+
type: "button",
|
|
216
|
+
attrs: this.v3 ? undefined : {
|
|
217
|
+
type: "button",
|
|
218
|
+
title: cancelMessage,
|
|
219
|
+
"aria-label": cancelMessage
|
|
220
|
+
},
|
|
215
221
|
ref: 'cancelButton',
|
|
216
222
|
"class": "k-time-cancel",
|
|
217
223
|
onClick: this.handleReject,
|
|
@@ -219,22 +225,20 @@ var TimeSelector = {
|
|
|
219
225
|
"click": this.handleReject
|
|
220
226
|
},
|
|
221
227
|
title: cancelMessage,
|
|
222
|
-
attrs: this.v3 ? undefined : {
|
|
223
|
-
title: cancelMessage,
|
|
224
|
-
"aria-label": cancelMessage
|
|
225
|
-
},
|
|
226
228
|
"aria-label": cancelMessage
|
|
227
229
|
}, this.v3 ? function () {
|
|
228
230
|
return [cancelMessage];
|
|
229
231
|
} : [cancelMessage]), // @ts-ignore function children
|
|
230
232
|
h(kendo_vue_buttons_1.Button, {
|
|
231
|
-
|
|
232
|
-
themeColor: 'primary',
|
|
233
|
+
type: "button",
|
|
233
234
|
attrs: this.v3 ? undefined : {
|
|
235
|
+
type: "button",
|
|
234
236
|
themeColor: 'primary',
|
|
235
237
|
title: setMessage,
|
|
236
238
|
"aria-label": setMessage
|
|
237
239
|
},
|
|
240
|
+
ref: 'acceptButton',
|
|
241
|
+
themeColor: 'primary',
|
|
238
242
|
"class": "k-time-accept",
|
|
239
243
|
onClick: this.handleAccept,
|
|
240
244
|
on: this.v3 ? undefined : {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-dateinputs",
|
|
3
3
|
"description": "Kendo UI for Vue Date Inputs package",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.3-dev.202201280639",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -46,16 +46,16 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@progress/kendo-date-math": "1.5.1",
|
|
49
|
-
"@progress/kendo-vue-buttons": "3.0.
|
|
50
|
-
"@progress/kendo-vue-common": "3.0.
|
|
51
|
-
"@progress/kendo-vue-labels": "3.0.
|
|
52
|
-
"@progress/kendo-vue-popup": "3.0.
|
|
49
|
+
"@progress/kendo-vue-buttons": "3.0.3-dev.202201280639",
|
|
50
|
+
"@progress/kendo-vue-common": "3.0.3-dev.202201280639",
|
|
51
|
+
"@progress/kendo-vue-labels": "3.0.3-dev.202201280639",
|
|
52
|
+
"@progress/kendo-vue-popup": "3.0.3-dev.202201280639"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@progress/kendo-data-query": "^1.5.4",
|
|
56
56
|
"@progress/kendo-licensing": "^1.1.0",
|
|
57
|
-
"@progress/kendo-vue-dropdowns": "3.0.
|
|
58
|
-
"@progress/kendo-vue-intl": "3.0.
|
|
57
|
+
"@progress/kendo-vue-dropdowns": "3.0.3-dev.202201280639",
|
|
58
|
+
"@progress/kendo-vue-intl": "3.0.3-dev.202201280639"
|
|
59
59
|
},
|
|
60
60
|
"author": "Progress",
|
|
61
61
|
"license": "SEE LICENSE IN LICENSE.md",
|