@progress/kendo-vue-dateinputs 6.4.1 → 6.4.2-develop.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/calendar/components/Calendar.mjs +9 -9
- package/calendar/components/Header.mjs +9 -9
- package/calendar/components/View.mjs +4 -4
- package/calendar/components/ViewList.mjs +1 -1
- package/calendar/services/CenturyViewService.mjs +2 -2
- package/calendar/services/DecadeViewService.mjs +2 -2
- package/calendar/services/MonthViewService.mjs +2 -2
- package/calendar/services/YearViewService.mjs +2 -2
- package/dateinput/DateInput.mjs +24 -24
- package/datepicker/DatePicker.mjs +21 -21
- package/daterangepicker/DateRangePicker.mjs +7 -7
- package/datetimepicker/DateTimePicker.mjs +13 -13
- package/datetimepicker/DateTimeSelector.mjs +17 -17
- package/dist/cdn/js/kendo-vue-dateinputs.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/timepicker/TimeList.mjs +7 -7
- package/timepicker/TimePart.mjs +14 -14
- package/timepicker/TimePicker.mjs +17 -17
- package/timepicker/TimeSelector.mjs +11 -11
- package/utils.mjs +1 -1
|
@@ -5,20 +5,20 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as N,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as N, createVNode as p, inject as S } from "vue";
|
|
9
|
+
import { templateRendering as f, getListeners as m, classNames as I, Keys as T, validatePackage as E, guid as w } from "@progress/kendo-vue-common";
|
|
10
10
|
import { getDate as g, cloneDate as a, isEqualDate as o } from "@progress/kendo-date-math";
|
|
11
11
|
import { provideIntlService as L } from "@progress/kendo-vue-intl";
|
|
12
12
|
import { packageMetadata as O } from "../../package-metadata.mjs";
|
|
13
13
|
import { ViewList as B } from "./ViewList.mjs";
|
|
14
|
-
import {
|
|
14
|
+
import { MIN_DATE as j, MAX_DATE as W } from "../../defaults.mjs";
|
|
15
15
|
import { CalendarViewEnum as r } from "../models/CalendarViewEnum.mjs";
|
|
16
|
-
import {
|
|
16
|
+
import { viewInRange as _, dateInRange as v, getToday as K } from "../../utils.mjs";
|
|
17
17
|
import { BusViewService as P } from "../services/BusViewService.mjs";
|
|
18
18
|
import { DOMService as q } from "../services/DOMService.mjs";
|
|
19
19
|
import { NavigationService as U } from "../services/NavigationService.mjs";
|
|
20
20
|
import { Header as z } from "./Header.mjs";
|
|
21
|
-
import {
|
|
21
|
+
import { extractDateFromValue as h, extractMultipleFromValue as $, extractRangeFromValue as V, extractFocusedDate as k, calculateValue as H, extractActiveRange as X } from "../utils/main.mjs";
|
|
22
22
|
const ue = /* @__PURE__ */ N({
|
|
23
23
|
name: "KendoCalendar",
|
|
24
24
|
inject: {
|
|
@@ -67,13 +67,13 @@ const ue = /* @__PURE__ */ N({
|
|
|
67
67
|
max: {
|
|
68
68
|
type: Date,
|
|
69
69
|
default: function() {
|
|
70
|
-
return
|
|
70
|
+
return W;
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
73
|
min: {
|
|
74
74
|
type: Date,
|
|
75
75
|
default: function() {
|
|
76
|
-
return
|
|
76
|
+
return j;
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
mode: String,
|
|
@@ -116,7 +116,7 @@ const ue = /* @__PURE__ */ N({
|
|
|
116
116
|
};
|
|
117
117
|
},
|
|
118
118
|
created: function() {
|
|
119
|
-
|
|
119
|
+
E(O);
|
|
120
120
|
const e = H(this.currentMin, this.currentMax, this.$props.defaultValue, this.$props.value || this.$props.modelValue), t = h(this.currentMin, this.currentMax, e), i = $(this.currentMin, this.currentMax, e), s = V(e), n = k(t, i, s);
|
|
121
121
|
this._hasMounted = !1, this.$data.currentFocusedDate = v(this.$props.focusedDate || n || K(), this.currentMin, this.currentMax), this.$data.currentValue = e, this.$data.currentActiveView = _(r[this.$props.defaultActiveView], r[this.$props.bottomView], r[this.$props.topView]), this.$data.currentActiveRangeEnd = X(s, t), this._dates = [], this._calculateFocusFromValue = !1, this._lastView = this.$props.activeView || this.$data.currentActiveView, this._lastViewsCount = this.$props.views, this._dom = new q(), this._bus = new P(this.handleViewChange), this._navigation = new U(this._bus), this._oldValue = e;
|
|
122
122
|
},
|
|
@@ -323,7 +323,7 @@ const ue = /* @__PURE__ */ N({
|
|
|
323
323
|
D instanceof Date ? this._focusedDate = g(D) : l && (this._focusedDate = l);
|
|
324
324
|
const b = this.rangeWithFocused(this._selectedRange, i);
|
|
325
325
|
this._intl = L(this), this._bus.configure(r[this.$props.bottomView], r[this.$props.topView]), this._service = this._bus.service(d, this._intl);
|
|
326
|
-
const C =
|
|
326
|
+
const C = I("k-calendar", "k-calendar-md", {
|
|
327
327
|
"k-calendar-range": e > 1,
|
|
328
328
|
"k-disabled": this.$props.disabled,
|
|
329
329
|
"k-week-number": this.$props.weekNumber
|
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as N,
|
|
8
|
+
import { defineComponent as N, createVNode as i, h as c, inject as R, isVNode as V } from "vue";
|
|
9
9
|
import { provideLocalizationService as z } from "@progress/kendo-vue-intl";
|
|
10
10
|
import { getDate as p } from "@progress/kendo-date-math";
|
|
11
11
|
import { Button as n } from "@progress/kendo-vue-buttons";
|
|
12
12
|
import { CalendarHeaderTitle as S } from "./CalendarHeaderTitle.mjs";
|
|
13
13
|
import { today as h, messages as r, prevView as d, nextView as u } from "../../messages/main.mjs";
|
|
14
14
|
import { Action as a } from "../models/NavigationAction.mjs";
|
|
15
|
-
import {
|
|
15
|
+
import { dateInRange as m, getToday as v, isInRange as L, MAX_DATE as j } from "../../utils.mjs";
|
|
16
16
|
import { MIN_DATE as M } from "../../defaults.mjs";
|
|
17
|
-
import {
|
|
17
|
+
import { classNames as f, getTemplate as g, Keys as _, isRtl as P } from "@progress/kendo-vue-common";
|
|
18
18
|
import { chevronRightIcon as $, chevronLeftIcon as k } from "@progress/kendo-svg-icons";
|
|
19
19
|
function y(t) {
|
|
20
20
|
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !V(t);
|
|
@@ -49,7 +49,7 @@ const J = /* @__PURE__ */ N({
|
|
|
49
49
|
max: {
|
|
50
50
|
type: Date,
|
|
51
51
|
default: function() {
|
|
52
|
-
return
|
|
52
|
+
return j;
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
min: {
|
|
@@ -79,14 +79,14 @@ const J = /* @__PURE__ */ N({
|
|
|
79
79
|
};
|
|
80
80
|
},
|
|
81
81
|
mounted() {
|
|
82
|
-
this.currentRtl =
|
|
82
|
+
this.currentRtl = P(this.$el);
|
|
83
83
|
},
|
|
84
84
|
computed: {
|
|
85
85
|
navigate() {
|
|
86
86
|
return this.$props.bus.canMoveUp(this.$props.activeView);
|
|
87
87
|
},
|
|
88
88
|
todayIsInRange() {
|
|
89
|
-
return
|
|
89
|
+
return L(v(), p(this.$props.min), p(this.$props.max));
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
methods: {
|
|
@@ -109,7 +109,7 @@ const J = /* @__PURE__ */ N({
|
|
|
109
109
|
return this.clampDate(this.$props.service.move(this.$props.focusedDate, t));
|
|
110
110
|
},
|
|
111
111
|
clampDate(t) {
|
|
112
|
-
return
|
|
112
|
+
return m(t, this.$props.min, this.$props.max);
|
|
113
113
|
},
|
|
114
114
|
handleNextClick(t) {
|
|
115
115
|
const e = {
|
|
@@ -133,7 +133,7 @@ const J = /* @__PURE__ */ N({
|
|
|
133
133
|
this.$props.bus.moveToBottom(this.$props.activeView);
|
|
134
134
|
const e = {
|
|
135
135
|
event: t,
|
|
136
|
-
value: v(
|
|
136
|
+
value: m(v(), this.$props.min, this.$props.max),
|
|
137
137
|
target: this
|
|
138
138
|
};
|
|
139
139
|
this.$emit("todayclick", e);
|
|
@@ -142,7 +142,7 @@ const J = /* @__PURE__ */ N({
|
|
|
142
142
|
const {
|
|
143
143
|
keyCode: e
|
|
144
144
|
} = t;
|
|
145
|
-
e ===
|
|
145
|
+
e === _.enter && this.handleTodayClick(t);
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
setup() {
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as w,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as w, createVNode as r, inject as D, h as u, createTextVNode as S, isVNode as R } from "vue";
|
|
9
|
+
import { cloneDate as l, weekInYear as y } from "@progress/kendo-date-math";
|
|
10
10
|
import { provideIntlService as b } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { getTemplate as c } from "@progress/kendo-vue-common";
|
|
12
12
|
import { CalendarCell as $ } from "./CalendarCell.mjs";
|
|
@@ -15,7 +15,7 @@ import { CalendarViewEnum as p } from "../models/CalendarViewEnum.mjs";
|
|
|
15
15
|
import { getToday as h, setTime as V } from "../../utils.mjs";
|
|
16
16
|
import { WeekNamesService as W } from "../services/WeekNamesService.mjs";
|
|
17
17
|
function M(t) {
|
|
18
|
-
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !
|
|
18
|
+
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !R(t);
|
|
19
19
|
}
|
|
20
20
|
const A = /* @__PURE__ */ w({
|
|
21
21
|
name: "KendoView",
|
|
@@ -147,7 +147,7 @@ const A = /* @__PURE__ */ w({
|
|
|
147
147
|
const t = (a) => r("td", {
|
|
148
148
|
key: a,
|
|
149
149
|
class: "k-calendar-td k-empty"
|
|
150
|
-
}, [
|
|
150
|
+
}, [S(" ")]), i = h(), n = this.$props.isActive ? this.$props.focusedDate : null, m = V(this.$props.viewDate, i), k = this.$props.service.data({
|
|
151
151
|
cellUID: this.$props.cellUID,
|
|
152
152
|
min: this.$props.min,
|
|
153
153
|
max: this.$props.max,
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as p,
|
|
8
|
+
import { defineComponent as p, createVNode as i, inject as m } from "vue";
|
|
9
9
|
import { cloneDate as l } from "@progress/kendo-date-math";
|
|
10
10
|
import { provideIntlService as w } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { View as k } from "./View.mjs";
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
8
|
+
import { addCenturies as g, firstDecadeOfCentury as h, lastDecadeOfCentury as T, addDecades as c, firstYearOfDecade as o, durationInCenturies as f, cloneDate as p } from "@progress/kendo-date-math";
|
|
9
9
|
import { Action as l } from "../models/NavigationAction.mjs";
|
|
10
10
|
import { EMPTY_SELECTIONRANGE as M } from "../models/SelectionRange.mjs";
|
|
11
|
-
import { range as m, getToday as N,
|
|
11
|
+
import { range as m, getToday as N, isInSelectionRange as O, isInRange as w } from "../../utils.mjs";
|
|
12
12
|
const _ = [[]], Y = 4, $ = 3, b = {
|
|
13
13
|
[l.Left]: (i) => c(i, -1),
|
|
14
14
|
[l.Up]: (i) => c(i, -4),
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
8
|
+
import { addDecades as g, firstYearOfDecade as c, lastYearOfDecade as w, addYears as u, durationInDecades as f, cloneDate as p } from "@progress/kendo-date-math";
|
|
9
9
|
import { Action as l } from "../models/NavigationAction.mjs";
|
|
10
10
|
import { EMPTY_SELECTIONRANGE as M } from "../models/SelectionRange.mjs";
|
|
11
|
-
import { range as Y, getToday as N,
|
|
11
|
+
import { range as Y, getToday as N, isInSelectionRange as O, isInRange as F } from "../../utils.mjs";
|
|
12
12
|
const _ = [[]], m = 4, $ = 3, b = {
|
|
13
13
|
[l.Left]: (i) => u(i, -1),
|
|
14
14
|
[l.Up]: (i) => u(i, -4),
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import "@progress/kendo-vue-intl";
|
|
9
|
-
import {
|
|
9
|
+
import { addMonths as h, firstDayOfMonth as y, lastDayOfMonth as D, dayOfWeek as F, addDays as g, getDate as u, durationInMonths as d, addWeeks as I } from "@progress/kendo-date-math";
|
|
10
10
|
import { Action as o } from "../models/NavigationAction.mjs";
|
|
11
11
|
import { EMPTY_SELECTIONRANGE as O } from "../models/SelectionRange.mjs";
|
|
12
|
-
import { range as w, getToday as W,
|
|
12
|
+
import { range as w, getToday as W, isInSelectionRange as Y, isInRange as T } from "../../utils.mjs";
|
|
13
13
|
const U = [[]], S = 7, _ = 6, $ = 6, C = 0, G = {
|
|
14
14
|
[o.Left]: (r) => g(r, -1),
|
|
15
15
|
[o.Up]: (r) => I(r, -1),
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import "@progress/kendo-vue-intl";
|
|
9
|
-
import {
|
|
9
|
+
import { addYears as g, firstMonthOfYear as I, lastMonthOfYear as R, addMonths as u, createDate as E, durationInYears as c } from "@progress/kendo-date-math";
|
|
10
10
|
import { Action as o } from "../models/NavigationAction.mjs";
|
|
11
|
-
import { range as M, getToday as _,
|
|
11
|
+
import { range as M, getToday as _, isInSelectionRange as O, isInRange as F } from "../../utils.mjs";
|
|
12
12
|
import { EMPTY_SELECTIONRANGE as $ } from "../models/SelectionRange.mjs";
|
|
13
13
|
import { cloneDate as p } from "@progress/kendo-vue-common";
|
|
14
14
|
const C = [[]], T = 4, G = 3, P = {
|
package/dateinput/DateInput.mjs
CHANGED
|
@@ -5,18 +5,18 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as T,
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import { defineComponent as T, createVNode as r, mergeProps as _, ref as O, inject as S, isVNode as P } from "vue";
|
|
9
|
+
import { isEqual as B, cloneDate as u } from "@progress/kendo-date-math";
|
|
10
|
+
import { provideLocalizationService as E, provideIntlService as A } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { KendoDate as z } from "./models/kendo-date.mjs";
|
|
12
|
-
import {
|
|
12
|
+
import { getDefaultSlots as L, setRef as j, noop as R, getRef as N, canUseDOM as c, kendoThemeMaps as D, validatePackage as K, guid as q } from "@progress/kendo-vue-common";
|
|
13
13
|
import { Button as b } from "@progress/kendo-vue-buttons";
|
|
14
14
|
import { packageMetadata as H } from "../package-metadata.mjs";
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
15
|
+
import { isInRange as U, approximateStringMatching as X, defaultFormatPlaceholder as Y, defaultFormat as G } from "./utils.mjs";
|
|
16
|
+
import { MIN_DATE as W, MAX_DATE as J } from "../utils.mjs";
|
|
17
17
|
import { increaseValue as h, messages as m, decreaseValue as p } from "../messages/main.mjs";
|
|
18
18
|
import { isInTimeRange as Q } from "../timepicker/utils.mjs";
|
|
19
|
-
import {
|
|
19
|
+
import { MIN_TIME as Z, MAX_TIME as ee } from "../defaults.mjs";
|
|
20
20
|
import { FloatingLabel as te } from "@progress/kendo-vue-labels";
|
|
21
21
|
import { caretAltUpIcon as ie, caretAltDownIcon as ae } from "@progress/kendo-svg-icons";
|
|
22
22
|
function ne(e) {
|
|
@@ -49,13 +49,13 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
49
49
|
format: {
|
|
50
50
|
type: [String, Object],
|
|
51
51
|
default: function() {
|
|
52
|
-
return
|
|
52
|
+
return G;
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
formatPlaceholder: {
|
|
56
56
|
type: [String, Object],
|
|
57
57
|
default: function() {
|
|
58
|
-
return
|
|
58
|
+
return Y;
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
rounded: {
|
|
@@ -86,25 +86,25 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
86
86
|
max: {
|
|
87
87
|
type: Date,
|
|
88
88
|
default: function() {
|
|
89
|
-
return u(
|
|
89
|
+
return u(J);
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
min: {
|
|
93
93
|
type: Date,
|
|
94
94
|
default: function() {
|
|
95
|
-
return u(
|
|
95
|
+
return u(W);
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
maxTime: {
|
|
99
99
|
type: Date,
|
|
100
100
|
default: function() {
|
|
101
|
-
return u(
|
|
101
|
+
return u(ee);
|
|
102
102
|
}
|
|
103
103
|
},
|
|
104
104
|
minTime: {
|
|
105
105
|
type: Date,
|
|
106
106
|
default: function() {
|
|
107
|
-
return u(
|
|
107
|
+
return u(Z);
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
110
|
disabled: {
|
|
@@ -164,14 +164,14 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
164
164
|
};
|
|
165
165
|
},
|
|
166
166
|
created() {
|
|
167
|
-
|
|
167
|
+
K(H);
|
|
168
168
|
const {
|
|
169
169
|
formatPlaceholder: e,
|
|
170
170
|
format: t,
|
|
171
171
|
value: i,
|
|
172
172
|
defaultValue: a
|
|
173
173
|
} = this.$props;
|
|
174
|
-
this.kendoDate = new z(this.intl, e, t), this.kendoDate.setValue(null), this._emptyText = this.kendoDate.getTextAndFormat().text, this.kendoDate.setValue(i || a || null), this._element = null, this._inputId =
|
|
174
|
+
this.kendoDate = new z(this.intl, e, t), this.kendoDate.setValue(null), this._emptyText = this.kendoDate.getTextAndFormat().text, this.kendoDate.setValue(i || a || null), this._element = null, this._inputId = q();
|
|
175
175
|
},
|
|
176
176
|
computed: {
|
|
177
177
|
computedValue() {
|
|
@@ -221,7 +221,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
221
221
|
this.$data.isFocused = !1, this.$emit("blur", e);
|
|
222
222
|
},
|
|
223
223
|
intl() {
|
|
224
|
-
return
|
|
224
|
+
return A(this);
|
|
225
225
|
},
|
|
226
226
|
setValidity() {
|
|
227
227
|
const e = this.element();
|
|
@@ -242,7 +242,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
242
242
|
format: a
|
|
243
243
|
} = this.kendoDate.getTextAndFormat();
|
|
244
244
|
this.$data.currentFormat = a;
|
|
245
|
-
const n = this.computedValue, s =
|
|
245
|
+
const n = this.computedValue, s = X(i, this.$data.currentFormat, t.value, this.selection().start), o = s.length === 1 && s[0][1] === "_";
|
|
246
246
|
if (!o)
|
|
247
247
|
for (let l = 0; l < s.length; l++)
|
|
248
248
|
this.kendoDate.parsePart(s[l][0], s[l][1]);
|
|
@@ -360,7 +360,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
360
360
|
this.kendoDate.modifyPart(a, s), this.setSelection(this.selectionBySymbol(a)), this.triggerChange(t, i);
|
|
361
361
|
},
|
|
362
362
|
validity() {
|
|
363
|
-
const e =
|
|
363
|
+
const e = U(this.computedValue, this.$props.min, this.$props.max) && Q(this.computedValue, this.$props.minTime, this.$props.maxTime), t = this.$props.validationMessage !== void 0, i = (!this.$props.required || this.computedValue !== null) && e, a = this.$props.valid !== void 0 ? this.$props.valid : i;
|
|
364
364
|
return {
|
|
365
365
|
customError: t,
|
|
366
366
|
rangeOverflow: this.computedValue && this.$props.max.getTime() < this.computedValue.getTime() || !1,
|
|
@@ -371,13 +371,13 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
371
371
|
}
|
|
372
372
|
},
|
|
373
373
|
mounted() {
|
|
374
|
-
this._element =
|
|
374
|
+
this._element = N(this, "input"), this.setValidity(), this.$data.hasMounted = !0;
|
|
375
375
|
},
|
|
376
376
|
updated() {
|
|
377
377
|
this.$data.lastSelectedSymbol && this.setSelection(this.selectionBySymbol(this.$data.lastSelectedSymbol)), this.setValidity();
|
|
378
378
|
},
|
|
379
379
|
setup() {
|
|
380
|
-
const e =
|
|
380
|
+
const e = O(null), t = S("kendoIntlService", {}), i = S("kendoLocalizationService", {});
|
|
381
381
|
return {
|
|
382
382
|
inputRef: e,
|
|
383
383
|
kendoIntlService: t,
|
|
@@ -385,7 +385,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
385
385
|
};
|
|
386
386
|
},
|
|
387
387
|
render() {
|
|
388
|
-
const e =
|
|
388
|
+
const e = L(this), t = E(this), {
|
|
389
389
|
formatPlaceholder: i,
|
|
390
390
|
format: a,
|
|
391
391
|
value: n,
|
|
@@ -409,7 +409,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
409
409
|
const $ = this.$props.placeholder !== void 0 && this.$data.isEmpty && !this.$data.isFocused ? null : g, y = v || this._inputId, w = !this.$props.validityStyles || this.validity().valid, d = r("span", {
|
|
410
410
|
class: this.wrapperClassNames,
|
|
411
411
|
dir: this.$props.dir
|
|
412
|
-
}, [r("input",
|
|
412
|
+
}, [r("input", _({
|
|
413
413
|
role: C,
|
|
414
414
|
tabindex: this.$props.tabIndex,
|
|
415
415
|
disabled: this.$props.disabled,
|
|
@@ -425,7 +425,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
425
425
|
onClick: this.elementClick,
|
|
426
426
|
onInput: this.elementChange,
|
|
427
427
|
onKeydown: this.elementKeyDown,
|
|
428
|
-
onChange:
|
|
428
|
+
onChange: R,
|
|
429
429
|
onFocusin: this.handleFocus,
|
|
430
430
|
onFocusout: this.handleBlur,
|
|
431
431
|
value: $,
|
|
@@ -435,7 +435,7 @@ const se = "Please enter a valid value!", be = /* @__PURE__ */ T({
|
|
|
435
435
|
"aria-haspopup": F,
|
|
436
436
|
"aria-controls": I,
|
|
437
437
|
"aria-disabled": this.$props.disabled,
|
|
438
|
-
ref:
|
|
438
|
+
ref: j(this, "input")
|
|
439
439
|
}, M), null), e, this.$props.spinners && r("span", {
|
|
440
440
|
class: "k-input-spinner k-spin-button",
|
|
441
441
|
onMousedown: this.spinnersMouseDown
|
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as oe,
|
|
8
|
+
import { defineComponent as oe, createVNode as n, h as s, ref as _, inject as le, isVNode as ue } from "vue";
|
|
9
9
|
import { calendarIcon as k } from "@progress/kendo-svg-icons";
|
|
10
10
|
import { Popup as se } from "@progress/kendo-vue-popup";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
11
|
+
import { getDate as de, cloneDate as d } from "@progress/kendo-date-math";
|
|
12
|
+
import { getDefaultSlots as re, classNames as V, templateRendering as r, getListeners as h, getTemplate as p, Icon as he, setRef as w, kendoThemeMaps as C, Keys as i, canUseDOM as pe, getRef as v, validatePackage as ce, guid as T } from "@progress/kendo-vue-common";
|
|
13
13
|
import { packageMetadata as fe } from "../package-metadata.mjs";
|
|
14
14
|
import { DateInput as me } from "../dateinput/DateInput.mjs";
|
|
15
15
|
import { Calendar as ge } from "../calendar/components/Calendar.mjs";
|
|
16
|
-
import {
|
|
16
|
+
import { setTime as $e, isInDateRange as Se, MIN_DATE as we, MAX_DATE as ve } from "../utils.mjs";
|
|
17
17
|
import { toggleCalendar as c, messages as F } from "../messages/main.mjs";
|
|
18
18
|
import { provideLocalizationService as B } from "@progress/kendo-vue-intl";
|
|
19
19
|
import { ToggleButton as De } from "./ToggleButton.mjs";
|
|
@@ -114,13 +114,13 @@ const je = /* @__PURE__ */ oe({
|
|
|
114
114
|
max: {
|
|
115
115
|
type: Date,
|
|
116
116
|
default: function() {
|
|
117
|
-
return d(
|
|
117
|
+
return d(ve);
|
|
118
118
|
}
|
|
119
119
|
},
|
|
120
120
|
min: {
|
|
121
121
|
type: Date,
|
|
122
122
|
default: function() {
|
|
123
|
-
return d(
|
|
123
|
+
return d(we);
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
name: String,
|
|
@@ -172,13 +172,13 @@ const je = /* @__PURE__ */ oe({
|
|
|
172
172
|
};
|
|
173
173
|
},
|
|
174
174
|
created() {
|
|
175
|
-
|
|
175
|
+
ce(fe), this._popupId = T(), this._anchor = T(), this._dateInput = null, this._calendar = null, this.$data.currentValue = this.$props.defaultValue, this.$data.currentShow = this.$props.defaultShow;
|
|
176
176
|
},
|
|
177
177
|
mounted() {
|
|
178
|
-
this._dateInput =
|
|
178
|
+
this._dateInput = v(this, "dateInput"), (this.$refs.calendar || this.calendarRef) && (this._calendar = v(this, "calendar")), this.computedShow && this.$forceUpdate();
|
|
179
179
|
},
|
|
180
180
|
updated() {
|
|
181
|
-
(this.$refs.calendar || this.calendarRef) && (this._calendar =
|
|
181
|
+
(this.$refs.calendar || this.calendarRef) && (this._calendar = v(this, "calendar")), this.computedShow ? this._calendar && this._calendar.$el && !this._oldShow && this._calendar.focus({
|
|
182
182
|
preventScroll: !0
|
|
183
183
|
}) : this._dateInput && this._dateInput.$el && this.$data.shouldFocusDateInput && this._dateInput.focus({
|
|
184
184
|
preventScroll: !0
|
|
@@ -219,11 +219,11 @@ const je = /* @__PURE__ */ oe({
|
|
|
219
219
|
},
|
|
220
220
|
createBlurTimeout() {
|
|
221
221
|
this._blurTimeout = setTimeout(() => {
|
|
222
|
-
this._dateInput &&
|
|
222
|
+
this._dateInput && pe && document.activeElement !== this._dateInput._element && this.setShow(!1);
|
|
223
223
|
}, 200);
|
|
224
224
|
},
|
|
225
225
|
validity() {
|
|
226
|
-
const e = this.computedValue, t =
|
|
226
|
+
const e = this.computedValue, t = Se(e, this.$props.min, this.$props.max), a = this.$props.validationMessage !== void 0, o = (!this.$props.required || e !== null) && t, f = this.$props.valid !== void 0 ? this.$props.valid : o;
|
|
227
227
|
return {
|
|
228
228
|
customError: a,
|
|
229
229
|
rangeOverflow: e && this.$props.max.getTime() < e.getTime() || !1,
|
|
@@ -244,7 +244,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
244
244
|
}));
|
|
245
245
|
},
|
|
246
246
|
mergeTime(e) {
|
|
247
|
-
return this.computedValue && e ?
|
|
247
|
+
return this.computedValue && e ? $e(e, this.computedValue) : e;
|
|
248
248
|
},
|
|
249
249
|
handleInputValueChange(e) {
|
|
250
250
|
this.handleValueChange(e.value, e);
|
|
@@ -301,7 +301,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
301
301
|
};
|
|
302
302
|
},
|
|
303
303
|
render() {
|
|
304
|
-
|
|
304
|
+
re(this);
|
|
305
305
|
const {
|
|
306
306
|
disabled: e,
|
|
307
307
|
tabIndex: t,
|
|
@@ -327,7 +327,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
327
327
|
popupClass: q,
|
|
328
328
|
animate: E,
|
|
329
329
|
appendTo: U
|
|
330
|
-
} = this.$props.popupSettings, $ = this.computedShow, S = this.computedValue, H = S && de(S), y = !this.$props.validityStyles || this.validity().valid, X =
|
|
330
|
+
} = this.$props.popupSettings, $ = this.computedShow, S = this.computedValue, H = S && de(S), y = !this.$props.validityStyles || this.validity().valid, X = V("k-calendar-container k-group k-reset", q), G = this.$props.toggleButton ? r.call(this, this.$props.toggleButton, h.call(this)) : void 0, J = n(De, {
|
|
331
331
|
type: "button",
|
|
332
332
|
tabIndex: -1,
|
|
333
333
|
icon: "calendar",
|
|
@@ -342,7 +342,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
342
342
|
h: s,
|
|
343
343
|
template: G,
|
|
344
344
|
defaultRendering: J,
|
|
345
|
-
defaultSlots: n(
|
|
345
|
+
defaultSlots: n(he, {
|
|
346
346
|
name: "calendar",
|
|
347
347
|
icon: k
|
|
348
348
|
}, null),
|
|
@@ -350,7 +350,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
350
350
|
click: this.handleIconClick
|
|
351
351
|
}
|
|
352
352
|
}), W = this.$props.dateInput ? r.call(this, this.$props.dateInput, h.call(this)) : void 0, Y = n(me, {
|
|
353
|
-
ref:
|
|
353
|
+
ref: w(this, "dateInput"),
|
|
354
354
|
placeholder: this.$props.placeholder,
|
|
355
355
|
disabled: e,
|
|
356
356
|
format: f,
|
|
@@ -381,7 +381,7 @@ const je = /* @__PURE__ */ oe({
|
|
|
381
381
|
template: W,
|
|
382
382
|
defaultRendering: Y
|
|
383
383
|
}), ee = this.$props.calendar ? r.call(this, this.$props.calendar, h.call(this)) : void 0, te = n(ge, {
|
|
384
|
-
ref:
|
|
384
|
+
ref: w(this, "calendar"),
|
|
385
385
|
onKeydown: this.handleKeyDown,
|
|
386
386
|
onFocus: this.calendarFocus,
|
|
387
387
|
onBlur: this.calendarBlur,
|
|
@@ -419,12 +419,12 @@ const je = /* @__PURE__ */ oe({
|
|
|
419
419
|
defaultRendering: ne,
|
|
420
420
|
defaultSlots: l
|
|
421
421
|
}), u = n("span", {
|
|
422
|
-
ref:
|
|
422
|
+
ref: w(this, "kendoAnchor"),
|
|
423
423
|
role: "group",
|
|
424
|
-
class:
|
|
425
|
-
[`k-input-${
|
|
424
|
+
class: V("k-input", "k-datepicker", {
|
|
425
|
+
[`k-input-${C.sizeMap[m] || m}`]: m,
|
|
426
426
|
[`k-input-${I}`]: I,
|
|
427
|
-
[`k-rounded-${
|
|
427
|
+
[`k-rounded-${C.roundedMap[g] || g}`]: g,
|
|
428
428
|
"k-invalid": !y,
|
|
429
429
|
"k-required": this.required,
|
|
430
430
|
"k-disabled": this.$props.disabled,
|
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as X,
|
|
8
|
+
import { defineComponent as X, h as a, createVNode as f, ref as Y, inject as q } from "vue";
|
|
9
9
|
import { Popup as J } from "@progress/kendo-vue-popup";
|
|
10
10
|
import { cloneDate as S } from "@progress/kendo-date-math";
|
|
11
|
-
import {
|
|
11
|
+
import { Keys as g, canUseDOM as Q, templateRendering as l, getListeners as d, getTemplate as h, Icon as W, kendoThemeMaps as b, guid as o, validatePackage as Z } from "@progress/kendo-vue-common";
|
|
12
12
|
import { provideLocalizationService as I } from "@progress/kendo-vue-intl";
|
|
13
13
|
import { packageMetadata as tt } from "../package-metadata.mjs";
|
|
14
14
|
import { DateInput as v } from "../dateinput/DateInput.mjs";
|
|
15
15
|
import { Calendar as et } from "../calendar/components/Calendar.mjs";
|
|
16
16
|
import { EMPTY_SELECTIONRANGE as u } from "../calendar/models/SelectionRange.mjs";
|
|
17
|
-
import {
|
|
17
|
+
import { MIN_DATE as nt, MAX_DATE as at } from "../defaults.mjs";
|
|
18
18
|
import { start as $, messages as r, end as w, separator as C, swapStartEnd as p } from "../messages/main.mjs";
|
|
19
19
|
import { arrowsSwapIcon as st } from "@progress/kendo-svg-icons";
|
|
20
20
|
const It = /* @__PURE__ */ X({
|
|
@@ -79,13 +79,13 @@ const It = /* @__PURE__ */ X({
|
|
|
79
79
|
max: {
|
|
80
80
|
type: Date,
|
|
81
81
|
default: function() {
|
|
82
|
-
return
|
|
82
|
+
return at;
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
min: {
|
|
86
86
|
type: Date,
|
|
87
87
|
default: function() {
|
|
88
|
-
return
|
|
88
|
+
return nt;
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
91
|
rounded: {
|
|
@@ -133,7 +133,7 @@ const It = /* @__PURE__ */ X({
|
|
|
133
133
|
inputAttributes: Object
|
|
134
134
|
},
|
|
135
135
|
created() {
|
|
136
|
-
this._element = null, this._wrapper = null, this._calendar = null, this._startDateInput = null, this._endDateInput = null, this._popupId = o(), this._anchor = o(), this._startInputId = o(), this._endInputId = o(), this._calendarId = o(),
|
|
136
|
+
this._element = null, this._wrapper = null, this._calendar = null, this._startDateInput = null, this._endDateInput = null, this._popupId = o(), this._anchor = o(), this._startInputId = o(), this._endInputId = o(), this._calendarId = o(), Z(tt), this.currentShow = this.$props.show || this.$props.defaultShow, this.currentValue = this.$props.value || this.$props.defaultValue, this.initialAnimation = this.currentShow;
|
|
137
137
|
},
|
|
138
138
|
mounted() {
|
|
139
139
|
this._calendar = this.calendarRef, this._startDateInput = this.startDateInputRef, this._endDateInput = this.endDateInputRef, this.computedShow && (this.$forceUpdate(), this.$nextTick(function() {
|
|
@@ -396,7 +396,7 @@ const It = /* @__PURE__ */ X({
|
|
|
396
396
|
createBlurTimeout() {
|
|
397
397
|
this._blurTimeout = setTimeout(() => {
|
|
398
398
|
const t = this.getStartInput(), e = this.getEndInput();
|
|
399
|
-
t && e &&
|
|
399
|
+
t && e && Q && t && document.activeElement !== e && this.setShow(!1);
|
|
400
400
|
}, 200);
|
|
401
401
|
},
|
|
402
402
|
getStartInput() {
|