@progress/kendo-vue-dateinputs 3.6.4 → 3.6.5-dev.202210181442

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 (65) hide show
  1. package/dist/cdn/js/kendo-vue-dateinputs.js +1 -1
  2. package/dist/es/calendar/components/Calendar.js +17 -48
  3. package/dist/es/calendar/components/CalendarCell.js +16 -25
  4. package/dist/es/calendar/components/CalendarHeaderTitle.js +2 -4
  5. package/dist/es/calendar/components/CalendarWeekCell.js +0 -3
  6. package/dist/es/calendar/components/Header.js +6 -17
  7. package/dist/es/calendar/components/View.js +8 -19
  8. package/dist/es/calendar/components/ViewList.js +11 -14
  9. package/dist/es/common/PickerWrap.js +0 -2
  10. package/dist/es/dateinput/DateInput.js +33 -78
  11. package/dist/es/datepicker/DatePicker.js +32 -42
  12. package/dist/es/datepicker/ToggleButton.js +0 -2
  13. package/dist/es/datepicker/models/DatePickerSettings.js +2 -1
  14. package/dist/es/daterangepicker/DateRangePicker.js +10 -43
  15. package/dist/es/datetimepicker/DateTimePicker.js +39 -53
  16. package/dist/es/datetimepicker/DateTimeSelector.js +25 -36
  17. package/dist/es/package-metadata.js +1 -1
  18. package/dist/es/timepicker/TimeList.js +16 -46
  19. package/dist/es/timepicker/TimePart.js +7 -23
  20. package/dist/es/timepicker/TimePicker.js +37 -53
  21. package/dist/es/timepicker/TimeSelector.js +16 -23
  22. package/dist/es/virtualization/Virtualization.js +4 -36
  23. package/dist/esm/calendar/components/Calendar.js +17 -48
  24. package/dist/esm/calendar/components/CalendarCell.js +16 -25
  25. package/dist/esm/calendar/components/CalendarHeaderTitle.js +2 -4
  26. package/dist/esm/calendar/components/CalendarWeekCell.js +0 -3
  27. package/dist/esm/calendar/components/Header.js +6 -17
  28. package/dist/esm/calendar/components/View.js +8 -19
  29. package/dist/esm/calendar/components/ViewList.js +11 -14
  30. package/dist/esm/common/PickerWrap.js +0 -2
  31. package/dist/esm/dateinput/DateInput.js +33 -78
  32. package/dist/esm/datepicker/DatePicker.js +32 -42
  33. package/dist/esm/datepicker/ToggleButton.js +0 -2
  34. package/dist/esm/datepicker/models/DatePickerSettings.js +2 -1
  35. package/dist/esm/daterangepicker/DateRangePicker.js +10 -43
  36. package/dist/esm/datetimepicker/DateTimePicker.js +39 -53
  37. package/dist/esm/datetimepicker/DateTimeSelector.js +25 -36
  38. package/dist/esm/package-metadata.js +1 -1
  39. package/dist/esm/timepicker/TimeList.js +16 -46
  40. package/dist/esm/timepicker/TimePart.js +7 -23
  41. package/dist/esm/timepicker/TimePicker.js +37 -53
  42. package/dist/esm/timepicker/TimeSelector.js +16 -23
  43. package/dist/esm/virtualization/Virtualization.js +4 -36
  44. package/dist/npm/calendar/components/Calendar.js +17 -62
  45. package/dist/npm/calendar/components/CalendarCell.js +18 -30
  46. package/dist/npm/calendar/components/CalendarHeaderTitle.js +4 -10
  47. package/dist/npm/calendar/components/CalendarWeekCell.js +2 -8
  48. package/dist/npm/calendar/components/Header.js +8 -30
  49. package/dist/npm/calendar/components/View.js +10 -31
  50. package/dist/npm/calendar/components/ViewList.js +13 -25
  51. package/dist/npm/common/PickerWrap.js +2 -7
  52. package/dist/npm/dateinput/DateInput.js +35 -94
  53. package/dist/npm/datepicker/DatePicker.js +34 -58
  54. package/dist/npm/datepicker/ToggleButton.js +0 -4
  55. package/dist/npm/datepicker/models/DatePickerSettings.js +2 -1
  56. package/dist/npm/daterangepicker/DateRangePicker.js +10 -56
  57. package/dist/npm/datetimepicker/DateTimePicker.js +41 -71
  58. package/dist/npm/datetimepicker/DateTimeSelector.js +27 -50
  59. package/dist/npm/package-metadata.js +1 -1
  60. package/dist/npm/timepicker/TimeList.js +16 -55
  61. package/dist/npm/timepicker/TimePart.js +9 -36
  62. package/dist/npm/timepicker/TimePicker.js +37 -67
  63. package/dist/npm/timepicker/TimeSelector.js +18 -35
  64. package/dist/npm/virtualization/Virtualization.js +4 -40
  65. package/package.json +7 -7
@@ -3,37 +3,25 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.HeaderVue2 = exports.Header = void 0; // @ts-ignore
7
-
6
+ exports.HeaderVue2 = exports.Header = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var inject = allVue.inject;
14
-
15
13
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
16
-
17
14
  var kendo_date_math_1 = require("@progress/kendo-date-math");
18
-
19
15
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
20
-
21
16
  var CalendarHeaderTitle_1 = require("./CalendarHeaderTitle");
22
-
23
17
  var main_1 = require("../../messages/main");
24
-
25
18
  var main_2 = require("../models/main");
26
-
27
19
  var utils_1 = require("../../utils");
28
-
29
20
  var defaults_1 = require("../../defaults");
30
-
31
21
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
32
22
  /**
33
23
  * @hidden
34
24
  */
35
-
36
-
37
25
  var HeaderVue2 = {
38
26
  name: 'KendoHeader',
39
27
  inheritAttrs: false,
@@ -101,22 +89,18 @@ var HeaderVue2 = {
101
89
  if (!this.$props.currentDate) {
102
90
  return '';
103
91
  }
104
-
105
92
  var take = this.$props.rangeLength - 1;
106
93
  var title = this.$props.service.title(this.$props.currentDate);
107
94
  var nextDate = this.$props.service.addToDate(this.$props.currentDate, take);
108
-
109
95
  if (take < 1 || !this.$props.service.isInRange(nextDate, this.$props.min, this.$props.max)) {
110
96
  return title;
111
97
  }
112
-
113
98
  return "".concat(title, " - ").concat(this.$props.service.title(nextDate));
114
99
  },
115
100
  handleTitleClick: function handleTitleClick(event) {
116
101
  if (!this.navigate) {
117
102
  return;
118
103
  }
119
-
120
104
  this.$props.bus.moveUp(this.$props.activeView, event);
121
105
  this.$emit('titleclick', event);
122
106
  },
@@ -124,7 +108,6 @@ var HeaderVue2 = {
124
108
  if (!this.$props.service) {
125
109
  return false;
126
110
  }
127
-
128
111
  var candidate = this.$props.service.move(this.$props.focusedDate, action);
129
112
  return this.$props.min <= candidate && candidate <= this.$props.max || this.$props.service.isInSameView(candidate, this.$props.min) || this.$props.service.isInSameView(candidate, this.$props.max);
130
113
  },
@@ -154,7 +137,6 @@ var HeaderVue2 = {
154
137
  if (!this.todayIsInRange) {
155
138
  return;
156
139
  }
157
-
158
140
  this.$props.bus.moveToBottom(this.$props.activeView);
159
141
  var args = {
160
142
  event: event,
@@ -165,7 +147,6 @@ var HeaderVue2 = {
165
147
  },
166
148
  todayKeyDown: function todayKeyDown(event) {
167
149
  var keyCode = event.keyCode;
168
-
169
150
  if (keyCode === kendo_vue_common_1.Keys.enter) {
170
151
  this.handleTodayClick(event);
171
152
  }
@@ -184,15 +165,10 @@ var HeaderVue2 = {
184
165
  render: function render(createElement) {
185
166
  var h = gh || createElement;
186
167
  this._localization = (0, kendo_vue_intl_1.provideLocalizationService)(this);
187
-
188
168
  var todayMessage = this._localization.toLanguageString(main_1.today, main_1.messages[main_1.today]);
189
-
190
169
  var title = this.getTitle();
191
-
192
170
  var prevViewTitle = this._localization.toLanguageString(main_1.prevView, main_1.messages[main_1.prevView]);
193
-
194
171
  var nextViewTittle = this._localization.toLanguageString(main_1.nextView, main_1.messages[main_1.nextView]);
195
-
196
172
  var isPrevDisabled = !this.canNavigate(main_2.Action.PrevView);
197
173
  var isNextDisabled = !this.canNavigate(main_2.Action.NextView);
198
174
  var titleClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-title', 'k-title', {
@@ -202,7 +178,8 @@ var HeaderVue2 = {
202
178
  'k-disabled': !this.todayIsInRange
203
179
  });
204
180
  var headerTitle;
205
- var headerTitleDefaultRendering = // @ts-ignore function children
181
+ var headerTitleDefaultRendering =
182
+ // @ts-ignore function children
206
183
  h(CalendarHeaderTitle_1.CalendarHeaderTitle, {
207
184
  value: title,
208
185
  attrs: this.v3 ? undefined : {
@@ -229,7 +206,8 @@ var HeaderVue2 = {
229
206
  "class": 'k-spacer'
230
207
  }), h("span", {
231
208
  "class": 'k-calendar-nav k-hstack'
232
- }, [// @ts-ignore
209
+ }, [
210
+ // @ts-ignore
233
211
  h(kendo_vue_buttons_1.Button, {
234
212
  type: "button",
235
213
  attrs: this.v3 ? undefined : {
@@ -264,7 +242,8 @@ var HeaderVue2 = {
264
242
  "click": this.handleTodayClick
265
243
  },
266
244
  onClick: this.handleTodayClick
267
- }, [todayMessage]), // @ts-ignore
245
+ }, [todayMessage]),
246
+ // @ts-ignore
268
247
  h(kendo_vue_buttons_1.Button, {
269
248
  type: "button",
270
249
  attrs: this.v3 ? undefined : {
@@ -294,6 +273,5 @@ exports.HeaderVue2 = HeaderVue2;
294
273
  /**
295
274
  * @hidden
296
275
  */
297
-
298
276
  var Header = HeaderVue2;
299
277
  exports.Header = Header;
@@ -3,35 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ViewVue2 = exports.View = void 0; // @ts-ignore
7
-
6
+ exports.ViewVue2 = exports.View = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var inject = allVue.inject;
14
-
15
13
  var kendo_date_math_1 = require("@progress/kendo-date-math");
16
-
17
14
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
18
-
19
15
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
20
-
21
16
  var CalendarCell_1 = require("./CalendarCell");
22
-
23
17
  var CalendarWeekCell_1 = require("./CalendarWeekCell");
24
-
25
18
  var main_1 = require("../models/main");
26
-
27
19
  var utils_1 = require("../../utils");
28
-
29
20
  var main_2 = require("../services/main");
30
21
  /**
31
22
  * @hidden
32
23
  */
33
-
34
-
35
24
  var ViewVue2 = {
36
25
  name: 'KendoView',
37
26
  inject: {
@@ -113,7 +102,6 @@ var ViewVue2 = {
113
102
  if (!this.weekNumber) {
114
103
  return null;
115
104
  }
116
-
117
105
  return (0, kendo_date_math_1.weekInYear)(date, this._intl.firstDay());
118
106
  },
119
107
  firstDate: function firstDate(row) {
@@ -124,14 +112,11 @@ var ViewVue2 = {
124
112
  if (!this.weekNumber) {
125
113
  return null;
126
114
  }
127
-
128
115
  var idx = 0;
129
116
  var ctx = rowCtx[idx];
130
-
131
117
  while (!ctx && idx < rowCtx.length) {
132
118
  ctx = rowCtx[++idx];
133
119
  }
134
-
135
120
  return ctx;
136
121
  },
137
122
  handleClick: function handleClick(value, event) {
@@ -177,17 +162,16 @@ var ViewVue2 = {
177
162
  render: function render(createElement) {
178
163
  var h = gh || createElement;
179
164
  this._intl = (0, kendo_vue_intl_1.provideIntlService)(this);
180
- this._weekService = new main_2.WeekNamesService(this._intl); // tslint:disable-next-line jsx-use-translation-function
181
-
165
+ this._weekService = new main_2.WeekNamesService(this._intl);
166
+ // tslint:disable-next-line jsx-use-translation-function
182
167
  var emptyCell = function emptyCell(idx) {
183
168
  return h("td", {
184
169
  key: idx
185
170
  });
186
- }; // const weekNames = this._weekService.getWeekNames(this.weekNumber);
171
+ };
172
+ // const weekNames = this._weekService.getWeekNames(this.weekNumber);
187
173
  // const colSpan = this.$props.service.rowLength(this.weekNumber);
188
174
  // const title = this.$props.service.title(this.$props.viewDate);
189
-
190
-
191
175
  var time = (0, utils_1.getToday)();
192
176
  var focusedDate = this.$props.isActive ? this.$props.focusedDate : null;
193
177
  var viewDate = (0, utils_1.setTime)(this.$props.viewDate, time);
@@ -201,17 +185,15 @@ var ViewVue2 = {
201
185
  selectionRange: this.$props.selectionRange,
202
186
  viewDate: viewDate
203
187
  });
204
-
205
188
  var buildWeekNumber = function buildWeekNumber(row, idx) {
206
189
  var firstDayOfWeek = this.firstDate(row);
207
-
208
190
  if (!firstDayOfWeek) {
209
191
  return emptyCell("week-cell-".concat(idx));
210
192
  }
211
-
212
193
  var weekCellValue = this.getWeekNumber(this.firstDate(row));
213
194
  var uniqueID = "kendo-vue-calendar-week-cell-".concat(weekCellValue);
214
- var cellDefaultRendering = // @ts-ignore function children
195
+ var cellDefaultRendering =
196
+ // @ts-ignore function children
215
197
  h(CalendarWeekCell_1.CalendarWeekCell, {
216
198
  "class": 'k-calendar-td k-alt',
217
199
  value: weekCellValue,
@@ -240,15 +222,14 @@ var ViewVue2 = {
240
222
  }
241
223
  });
242
224
  };
243
-
244
225
  var buildRow = function buildRow(row) {
245
226
  return row.map(function (cell, idx) {
246
227
  if (!cell) {
247
228
  return emptyCell(idx);
248
229
  }
249
-
250
230
  var uniqueID = "kendo-vue-calendar-cell-".concat(cell.value.getTime());
251
- var cellDefaultRendering = // @ts-ignore function children
231
+ var cellDefaultRendering =
232
+ // @ts-ignore function children
252
233
  h(CalendarCell_1.CalendarCell, {
253
234
  "aria-selected": cell.isSelected,
254
235
  attrs: this.v3 ? undefined : {
@@ -333,7 +314,6 @@ var ViewVue2 = {
333
314
  });
334
315
  }, this);
335
316
  };
336
-
337
317
  return h("tbody", {
338
318
  "class": 'k-calendar-tbody',
339
319
  role: 'rowgroup',
@@ -356,6 +336,5 @@ exports.ViewVue2 = ViewVue2;
356
336
  /**
357
337
  * @hidden
358
338
  */
359
-
360
339
  var View = ViewVue2;
361
340
  exports.View = View;
@@ -3,34 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ViewListVue2 = exports.ViewList = void 0; // @ts-ignore
7
-
6
+ exports.ViewListVue2 = exports.ViewList = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var inject = allVue.inject;
14
-
15
13
  var kendo_date_math_1 = require("@progress/kendo-date-math");
16
-
17
14
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
18
-
19
15
  var DEFAULT_FETCH_MONTHS_COUNT = 1;
20
-
21
16
  var View_1 = require("./View");
22
-
23
17
  var utils_1 = require("../../utils");
24
-
25
18
  var main_1 = require("../models/main");
26
-
27
19
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
28
-
29
20
  var VIEWS_COUNT = 5;
30
21
  /**
31
22
  * @hidden
32
23
  */
33
-
34
24
  var ViewListVue2 = {
35
25
  name: 'KendoViewList',
36
26
  inheritAttrs: false,
@@ -120,14 +110,16 @@ var ViewListVue2 = {
120
110
  created: function created() {
121
111
  this.lastView = this.$props.activeView;
122
112
  this.lastFocus = this.$props.focusedDate;
123
- this.shouldScroll = false; // this.$data.skip = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
113
+ this.shouldScroll = false;
114
+ // this.$data.skip = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
124
115
  // this.$data.index = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
125
116
  },
117
+
126
118
  updated: function updated() {
127
119
  this.shouldScroll = false;
128
120
  this.lastView = this.$props.activeView;
129
- this.$data.lastViewsCount = this.$props.views; // this.lastFocus = this.$props.focusedDate;
130
-
121
+ this.$data.lastViewsCount = this.$props.views;
122
+ // this.lastFocus = this.$props.focusedDate;
131
123
  this.indexToScroll = undefined;
132
124
  },
133
125
  methods: {
@@ -140,7 +132,8 @@ var ViewListVue2 = {
140
132
  handleKeyDown: function handleKeyDown(event) {
141
133
  this.$emit('listkeydown', event);
142
134
  },
143
- handleVirtualizationMount: function handleVirtualizationMount(_virtualization) {// this.virtualization = virtualization;
135
+ handleVirtualizationMount: function handleVirtualizationMount(_virtualization) {
136
+ // this.virtualization = virtualization;
144
137
  // if (this.virtualization && this.table) {
145
138
  // this.table.style.transform = `translateY(${this.viewOffset}px)`;
146
139
  // const viewDate = dateInRange(this.$props.focusedDate, this.$props.min, this.$props.max);
@@ -152,7 +145,6 @@ var ViewListVue2 = {
152
145
  if (!this.$props.dom) {
153
146
  return;
154
147
  }
155
-
156
148
  var scrollableHeight = this.$props.activeView === main_1.CalendarViewEnum.month ? this.$props.dom.scrollableContentHeight : this.$props.dom.scrollableYearContentHeight;
157
149
  this._bottomOffset = scrollableHeight - this.$props.dom.viewHeight(this.$props.activeView);
158
150
  this._viewOffset = -1 * this.$props.dom.headerHeight;
@@ -161,7 +153,8 @@ var ViewListVue2 = {
161
153
  getTake: function getTake(skip, total) {
162
154
  return Math.min(total - skip, this.$props.take);
163
155
  },
164
- handleScrollAction: function handleScrollAction() {// const skip = pageAction ? pageAction.skip : this.$data.skip;
156
+ handleScrollAction: function handleScrollAction() {
157
+ // const skip = pageAction ? pageAction.skip : this.$data.skip;
165
158
  // if (this.$data.index !== index || this.$data.skip !== skip) {
166
159
  // this.$data.index = skip;
167
160
  // }
@@ -186,7 +179,6 @@ var ViewListVue2 = {
186
179
  if (isTodayClick === void 0) {
187
180
  isTodayClick = false;
188
181
  }
189
-
190
182
  var args = {
191
183
  event: event.event,
192
184
  value: (0, kendo_date_math_1.cloneDate)(event.value),
@@ -212,7 +204,6 @@ var ViewListVue2 = {
212
204
  if (selectionRange.start === null || selectionRange.end === null) {
213
205
  return selectionRange;
214
206
  }
215
-
216
207
  var needRotate = selectionRange.end < selectionRange.start;
217
208
  return {
218
209
  start: needRotate ? selectionRange.end : selectionRange.start,
@@ -248,7 +239,6 @@ var ViewListVue2 = {
248
239
  'k-decade': this.$props.activeView === main_1.CalendarViewEnum.decade,
249
240
  'k-century': this.$props.activeView === main_1.CalendarViewEnum.century
250
241
  });
251
-
252
242
  var buildMonthView = function buildMonthView(weekNames) {
253
243
  var that = this;
254
244
  return h("thead", {
@@ -270,7 +260,6 @@ var ViewListVue2 = {
270
260
  }, [name]);
271
261
  }, this)])]);
272
262
  };
273
-
274
263
  var buildDates = function buildDates() {
275
264
  var cellUID = this.$props.cellUID;
276
265
  return this.$props.dates.map(function (vDate) {
@@ -292,7 +281,8 @@ var ViewListVue2 = {
292
281
  on: this.v3 ? undefined : {
293
282
  "keydown": this.handleKeyDown
294
283
  }
295
- }, [this.$props.activeView === main_1.CalendarViewEnum.month && buildMonthView.call(this, this.weekNames), // @ts-ignore function children
284
+ }, [this.$props.activeView === main_1.CalendarViewEnum.month && buildMonthView.call(this, this.weekNames),
285
+ // @ts-ignore function children
296
286
  h(View_1.View, {
297
287
  key: vDate.getTime(),
298
288
  activeView: this.$props.activeView,
@@ -338,7 +328,6 @@ var ViewListVue2 = {
338
328
  })]);
339
329
  }, this);
340
330
  };
341
-
342
331
  return h("div", {
343
332
  "class": rootClassNames,
344
333
  onFocusin: this.handleFocus,
@@ -354,6 +343,5 @@ exports.ViewListVue2 = ViewListVue2;
354
343
  /**
355
344
  * @hidden
356
345
  */
357
-
358
346
  var ViewList = ViewListVue2;
359
347
  exports.ViewList = ViewList;
@@ -3,20 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.PickerWrapVue2 = exports.PickerWrap = void 0; // @ts-ignore
7
-
6
+ exports.PickerWrapVue2 = exports.PickerWrap = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
-
14
12
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
15
13
  /**
16
14
  * @hidden
17
15
  */
18
-
19
-
20
16
  var PickerWrapVue2 = {
21
17
  props: {
22
18
  id: String
@@ -45,6 +41,5 @@ exports.PickerWrapVue2 = PickerWrapVue2;
45
41
  /**
46
42
  * @hidden
47
43
  */
48
-
49
44
  var PickerWrap = PickerWrapVue2;
50
45
  exports.PickerWrap = PickerWrap;