@progress/kendo-react-dateinputs 14.0.0-develop.1 → 14.0.0-develop.2
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 +6 -6
- package/calendar/components/MultiViewCalendar.mjs +6 -6
- package/dateinput/DateInput.mjs +3 -3
- package/datepicker/DatePicker.mjs +6 -6
- package/daterangepicker/DateRangePicker.mjs +8 -8
- package/datetimepicker/DateTimePicker.mjs +7 -7
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/index.js +1 -1
- package/index.mjs +22 -22
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +10 -10
- package/timepicker/TimePicker.mjs +8 -8
- package/timepicker/utils.mjs +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as f from "react";
|
|
9
9
|
import s from "prop-types";
|
|
10
|
-
import { withIdHOC as L,
|
|
10
|
+
import { withIdHOC as L, withPropsContext as B, withUnstyledHOC as T, createPropsContext as F, Keys as D, setScrollbarWidth as C, classNames as K, uCalendar as U } from "@progress/kendo-react-common";
|
|
11
11
|
import { cloneDate as g, isEqualDate as y, getDate as c } from "@progress/kendo-date-math";
|
|
12
12
|
import { provideIntlService as $, registerForIntl as R } from "@progress/kendo-react-intl";
|
|
13
13
|
import { ViewList as _ } from "./ViewList.mjs";
|
|
@@ -191,8 +191,8 @@ const S = (u) => u ? u.virtualization : null, E = (u = d.defaultProps.min, a = d
|
|
|
191
191
|
this.focusedDate = c(
|
|
192
192
|
V(b && w !== null ? w : this.state.focusedDate, this.min, this.max)
|
|
193
193
|
), this.intl = $(this), this.bus.configure(this.bottomView, this.topView), this.service = this.bus.service(O, this.intl);
|
|
194
|
-
const { smoothScroll: A = Number.parseFloat(f.version) < 18 } = this.props, P =
|
|
195
|
-
|
|
194
|
+
const { smoothScroll: A = Number.parseFloat(f.version) < 18 } = this.props, P = K(
|
|
195
|
+
U.wrapper({
|
|
196
196
|
c: p,
|
|
197
197
|
disabled: o,
|
|
198
198
|
weekNumber: v,
|
|
@@ -323,10 +323,10 @@ n.displayName = "Calendar", n.propTypes = {
|
|
|
323
323
|
showOtherMonthDays: !1
|
|
324
324
|
};
|
|
325
325
|
let d = n;
|
|
326
|
-
const J =
|
|
327
|
-
|
|
326
|
+
const J = F(), Q = L(
|
|
327
|
+
B(
|
|
328
328
|
J,
|
|
329
|
-
|
|
329
|
+
T(d)
|
|
330
330
|
)
|
|
331
331
|
);
|
|
332
332
|
Q.displayName = "KendoReactCalendar";
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as d from "react";
|
|
9
9
|
import s from "prop-types";
|
|
10
10
|
import { provideIntlService as G, provideLocalizationService as X, registerForIntl as q, registerForLocalization as J } from "@progress/kendo-react-intl";
|
|
11
|
-
import { withIdHOC as Q,
|
|
11
|
+
import { withIdHOC as Q, withPropsContext as Z, createPropsContext as ee, Keys as O, validatePackage as te, getLicenseMessage as se, classNames as ie, WatermarkOverlay as ae } from "@progress/kendo-react-common";
|
|
12
12
|
import { isEqualDate as P, addDays as M, cloneDate as m, getDate as g, firstDayOfMonth as ne, lastDayOfMonth as oe } from "@progress/kendo-date-math";
|
|
13
13
|
import { Button as L } from "@progress/kendo-react-buttons";
|
|
14
14
|
import { chevronRightIcon as N, chevronLeftIcon as B } from "@progress/kendo-svg-icons";
|
|
@@ -179,7 +179,7 @@ const S = (l = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
|
|
|
179
179
|
h.call(void 0, n);
|
|
180
180
|
}
|
|
181
181
|
this.valueDuringOnChange = void 0;
|
|
182
|
-
}, this.showLicenseWatermark = !
|
|
182
|
+
}, this.showLicenseWatermark = !te(z, { component: "MultiViewCalendar" }), this.licenseMessage = se(z);
|
|
183
183
|
const a = i.value !== void 0 ? i.value : i.defaultValue || u.defaultProps.defaultValue, c = S(this.min, this.max, a), w = U(this.min, this.max, a), R = $(a), I = H(c, w, R), V = _(
|
|
184
184
|
A[i.defaultActiveView],
|
|
185
185
|
this.bottomView,
|
|
@@ -265,7 +265,7 @@ const S = (l = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
|
|
|
265
265
|
this.min,
|
|
266
266
|
this.max
|
|
267
267
|
);
|
|
268
|
-
const c =
|
|
268
|
+
const c = ie(
|
|
269
269
|
"k-calendar k-calendar-range",
|
|
270
270
|
{
|
|
271
271
|
"k-disabled": this.props.disabled
|
|
@@ -376,7 +376,7 @@ const S = (l = v.defaultProps.min, i = v.defaultProps.max, a) => a instanceof Da
|
|
|
376
376
|
allowReverse: this.props.allowReverse
|
|
377
377
|
}
|
|
378
378
|
),
|
|
379
|
-
this.showLicenseWatermark && /* @__PURE__ */ d.createElement(
|
|
379
|
+
this.showLicenseWatermark && /* @__PURE__ */ d.createElement(ae, { message: this.licenseMessage })
|
|
380
380
|
);
|
|
381
381
|
}
|
|
382
382
|
// protected isListInRange = (list: Date[]): boolean => {
|
|
@@ -448,8 +448,8 @@ u.displayName = "MultiViewCalendar", u.propTypes = {
|
|
|
448
448
|
showOtherMonthDays: !1
|
|
449
449
|
};
|
|
450
450
|
let v = u;
|
|
451
|
-
const me =
|
|
452
|
-
|
|
451
|
+
const me = ee(), ve = Q(
|
|
452
|
+
Z(
|
|
453
453
|
me,
|
|
454
454
|
v
|
|
455
455
|
)
|
package/dateinput/DateInput.mjs
CHANGED
|
@@ -11,7 +11,7 @@ import { cloneDate as D, isEqual as ke } from "@progress/kendo-date-math";
|
|
|
11
11
|
import { Button as $ } from "@progress/kendo-react-buttons";
|
|
12
12
|
import { caretAltUpIcon as _e, caretAltDownIcon as Fe } from "@progress/kendo-svg-icons";
|
|
13
13
|
import { useInternationalization as He, useLocalization as Be } from "@progress/kendo-react-intl";
|
|
14
|
-
import {
|
|
14
|
+
import { useId as qe, useUnstyled as ze, usePropsContext as Q, classNames as h, uDateInput as O, createPropsContext as Ue, getActiveElement as ee } from "@progress/kendo-react-common";
|
|
15
15
|
import { FloatingLabel as We } from "@progress/kendo-react-labels";
|
|
16
16
|
import { DateInput as je } from "@progress/kendo-dateinputs-common";
|
|
17
17
|
import { DEFAULT_FORMAT_PLACEHOLDER as Ke, DEFAULT_FORMAT as Je, isInRange as Ye } from "./utils.mjs";
|
|
@@ -22,7 +22,7 @@ import et from "../common/ClearButton.mjs";
|
|
|
22
22
|
import { DateInputIntl as tt } from "./dateInputIntl.mjs";
|
|
23
23
|
const nt = "Please enter a valid value!", ne = r.forwardRef((t, re) => {
|
|
24
24
|
var G;
|
|
25
|
-
const ae =
|
|
25
|
+
const ae = qe(t.id), ie = He(), E = Be(), oe = ze(), F = Q(te, t).unstyled || oe, {
|
|
26
26
|
format: P = o.format,
|
|
27
27
|
size: le = o.size,
|
|
28
28
|
rounded: ue = o.rounded,
|
|
@@ -369,7 +369,7 @@ const o = {
|
|
|
369
369
|
twoDigitYearMax: 68,
|
|
370
370
|
ariaHasPopup: "grid",
|
|
371
371
|
autoFocus: !1
|
|
372
|
-
}, te =
|
|
372
|
+
}, te = Ue();
|
|
373
373
|
ne.displayName = "KendoReactDateInput";
|
|
374
374
|
export {
|
|
375
375
|
ne as DateInput,
|
|
@@ -9,7 +9,7 @@ import * as o from "react";
|
|
|
9
9
|
import t from "prop-types";
|
|
10
10
|
import { Popup as dt } from "@progress/kendo-react-popup";
|
|
11
11
|
import { cloneDate as le, getDate as ft } from "@progress/kendo-date-math";
|
|
12
|
-
import {
|
|
12
|
+
import { useId as mt, useAdaptiveModeContext as pt, usePropsContext as gt, useKendoPaste as ht, canUseDOM as ue, AsyncFocusBlur as vt, classNames as se, kendoThemeMaps as ce, createPropsContext as bt, Keys as k } from "@progress/kendo-react-common";
|
|
13
13
|
import { calendarIcon as wt } from "@progress/kendo-svg-icons";
|
|
14
14
|
import { DateInput as yt } from "../dateinput/DateInput.mjs";
|
|
15
15
|
import { Calendar as Ct } from "../calendar/components/Calendar.mjs";
|
|
@@ -21,7 +21,7 @@ import { PickerFloatingLabel as St } from "../hooks/usePickerFloatingLabel.mjs";
|
|
|
21
21
|
import { ActionSheetContent as _t } from "@progress/kendo-react-layout";
|
|
22
22
|
import { AdaptiveMode as It } from "../common/AdaptiveMode.mjs";
|
|
23
23
|
const me = o.forwardRef((a, pe) => {
|
|
24
|
-
const _ =
|
|
24
|
+
const _ = mt(a.id), ge = Mt(), b = pt(), {
|
|
25
25
|
defaultShow: he = i.defaultShow,
|
|
26
26
|
defaultValue: ve = i.defaultValue,
|
|
27
27
|
dateInput: be = i.dateInput,
|
|
@@ -66,7 +66,7 @@ const me = o.forwardRef((a, pe) => {
|
|
|
66
66
|
onOpen: $,
|
|
67
67
|
onClose: j,
|
|
68
68
|
...X
|
|
69
|
-
} =
|
|
69
|
+
} = gt(Et, a), x = () => {
|
|
70
70
|
if (ue)
|
|
71
71
|
return d.current && d.current.ownerDocument || window.document;
|
|
72
72
|
}, s = () => !!(v.windowWidth && b && v.windowWidth <= (b == null ? void 0 : b.medium) && a.adaptive), p = () => {
|
|
@@ -224,7 +224,7 @@ const me = o.forwardRef((a, pe) => {
|
|
|
224
224
|
},
|
|
225
225
|
[m, y, w]
|
|
226
226
|
);
|
|
227
|
-
|
|
227
|
+
ht(d, {
|
|
228
228
|
fieldName: ee,
|
|
229
229
|
onValueChange: ot,
|
|
230
230
|
enabled: !!ee
|
|
@@ -275,7 +275,7 @@ const me = o.forwardRef((a, pe) => {
|
|
|
275
275
|
allowCaretMode: a.allowCaretMode,
|
|
276
276
|
inputAttributes: Te
|
|
277
277
|
}, re = /* @__PURE__ */ o.createElement(
|
|
278
|
-
|
|
278
|
+
vt,
|
|
279
279
|
{
|
|
280
280
|
onFocus: Ze,
|
|
281
281
|
onBlur: s() ? void 0 : Q,
|
|
@@ -436,7 +436,7 @@ const i = {
|
|
|
436
436
|
rounded: void 0,
|
|
437
437
|
fillMode: void 0,
|
|
438
438
|
autoFocus: !1
|
|
439
|
-
}, Et =
|
|
439
|
+
}, Et = bt();
|
|
440
440
|
me.displayName = "KendoReactDatePicker";
|
|
441
441
|
export {
|
|
442
442
|
me as DatePicker,
|
|
@@ -9,7 +9,7 @@ import * as i from "react";
|
|
|
9
9
|
import e from "prop-types";
|
|
10
10
|
import { Popup as A } from "@progress/kendo-react-popup";
|
|
11
11
|
import { cloneDate as w } from "@progress/kendo-date-math";
|
|
12
|
-
import { withIdHOC as F,
|
|
12
|
+
import { withIdHOC as F, withPropsContext as P, withAdaptiveModeContext as z, createPropsContext as B, classNames as b, Keys as c, validatePackage as L, getLicenseMessage as N, canUseDOM as D, IconWrap as V, WatermarkOverlay as W, getActiveElement as K } from "@progress/kendo-react-common";
|
|
13
13
|
import { provideLocalizationService as m, registerForLocalization as U } from "@progress/kendo-react-intl";
|
|
14
14
|
import { arrowsSwapIcon as q } from "@progress/kendo-svg-icons";
|
|
15
15
|
import { packageMetadata as I } from "../package-metadata.mjs";
|
|
@@ -150,7 +150,7 @@ const o = class o extends i.Component {
|
|
|
150
150
|
n.call(void 0, d);
|
|
151
151
|
}
|
|
152
152
|
this.valueDuringOnChange = void 0;
|
|
153
|
-
}, this.showLicenseWatermark = !
|
|
153
|
+
}, this.showLicenseWatermark = !L(I, { component: "DateRangePicker" }), this.licenseMessage = N(I), this.state = {
|
|
154
154
|
show: this.props.show || this.props.defaultShow || o.defaultProps.defaultShow,
|
|
155
155
|
value: this.props.value || this.props.defaultValue || o.defaultProps.defaultValue,
|
|
156
156
|
currentValue: r
|
|
@@ -303,7 +303,7 @@ const o = class o extends i.Component {
|
|
|
303
303
|
l[p]
|
|
304
304
|
)
|
|
305
305
|
},
|
|
306
|
-
/* @__PURE__ */ i.createElement(
|
|
306
|
+
/* @__PURE__ */ i.createElement(V, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: q })
|
|
307
307
|
);
|
|
308
308
|
return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
|
|
309
309
|
"span",
|
|
@@ -344,12 +344,12 @@ const o = class o extends i.Component {
|
|
|
344
344
|
}
|
|
345
345
|
),
|
|
346
346
|
!this.mobileMode && this.renderPopup()
|
|
347
|
-
), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(
|
|
347
|
+
), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(W, { message: this.licenseMessage }));
|
|
348
348
|
}
|
|
349
349
|
focusDateInputElement() {
|
|
350
350
|
if (!document || !this.startDateInput || !this.startDateInput.element || !this.endDateInput || !this.endDateInput.element)
|
|
351
351
|
return;
|
|
352
|
-
const a =
|
|
352
|
+
const a = K(document);
|
|
353
353
|
(this.value.start === null || this.value.end !== null) && a !== this.endDateInput.element ? this.startDateInput.element.focus({ preventScroll: !0 }) : a !== this.startDateInput.element && this.endDateInput.element.focus({ preventScroll: !0 });
|
|
354
354
|
}
|
|
355
355
|
nextTick(a) {
|
|
@@ -433,10 +433,10 @@ o.displayName = "DateRangePicker", o.propTypes = {
|
|
|
433
433
|
autoFocus: !1
|
|
434
434
|
};
|
|
435
435
|
let u = o;
|
|
436
|
-
const J =
|
|
437
|
-
|
|
436
|
+
const J = B(), Q = F(
|
|
437
|
+
P(
|
|
438
438
|
J,
|
|
439
|
-
|
|
439
|
+
z(u)
|
|
440
440
|
)
|
|
441
441
|
);
|
|
442
442
|
Q.displayName = "KendoReactDateRangePicker";
|
|
@@ -9,7 +9,7 @@ import * as n from "react";
|
|
|
9
9
|
import e from "prop-types";
|
|
10
10
|
import { Popup as ee } from "@progress/kendo-react-popup";
|
|
11
11
|
import { cloneDate as P } from "@progress/kendo-date-math";
|
|
12
|
-
import { withIdHOC as te,
|
|
12
|
+
import { withIdHOC as te, withPropsContext as ie, withUnstyledHOC as se, withAdaptiveModeContext as oe, createPropsContext as ae, Keys as d, canUseDOM as C, subscribeToKendoPaste as ne, AsyncFocusBlur as re, classNames as S, uDateTimePicker as D } from "@progress/kendo-react-common";
|
|
13
13
|
import { calendarIcon as le } from "@progress/kendo-svg-icons";
|
|
14
14
|
import { DateInput as he } from "../dateinput/DateInput.mjs";
|
|
15
15
|
import { Button as de } from "@progress/kendo-react-buttons";
|
|
@@ -227,7 +227,7 @@ const a = class a extends n.Component {
|
|
|
227
227
|
var t;
|
|
228
228
|
this.observerResize = C && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.show && this.forceUpdate(), (t = this.document) != null && t.body && this.observerResize && this.observerResize.observe(this.document.body);
|
|
229
229
|
const i = this.props.name || this.props.id;
|
|
230
|
-
this.KendoPasteSubscription =
|
|
230
|
+
this.KendoPasteSubscription = ne(this._element, {
|
|
231
231
|
fieldName: i,
|
|
232
232
|
onValueChange: (s) => {
|
|
233
233
|
this.handleSmartPasteValue(s);
|
|
@@ -320,7 +320,7 @@ const a = class a extends n.Component {
|
|
|
320
320
|
autoSwitchKeys: Y,
|
|
321
321
|
allowCaretMode: Z
|
|
322
322
|
}, I = /* @__PURE__ */ n.createElement(
|
|
323
|
-
|
|
323
|
+
re,
|
|
324
324
|
{
|
|
325
325
|
onFocus: this.handleFocus,
|
|
326
326
|
onBlur: this.handleBlur,
|
|
@@ -523,11 +523,11 @@ a.displayName = "DateTimePicker", a.propTypes = {
|
|
|
523
523
|
autoFocus: !1
|
|
524
524
|
};
|
|
525
525
|
let f = a;
|
|
526
|
-
const Se =
|
|
527
|
-
|
|
526
|
+
const Se = ae(), De = te(
|
|
527
|
+
ie(
|
|
528
528
|
Se,
|
|
529
|
-
|
|
530
|
-
|
|
529
|
+
se(
|
|
530
|
+
oe(f)
|
|
531
531
|
)
|
|
532
532
|
)
|
|
533
533
|
);
|