@progress/kendo-react-dateinputs 13.3.0 → 13.4.0-develop.1
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/PopupSettings.d.ts +22 -0
- package/calendar/components/Calendar.d.ts +202 -0
- package/calendar/components/Calendar.mjs +7 -7
- package/calendar/components/CalendarCell.d.ts +71 -0
- package/calendar/components/CalendarHeaderTitle.d.ts +38 -0
- package/calendar/components/CalendarNavigationItem.d.ts +39 -0
- package/calendar/components/CalendarWeekCell.d.ts +42 -0
- package/calendar/components/Header.d.ts +65 -0
- package/calendar/components/Header.mjs +3 -3
- package/calendar/components/HorizontalViewList.d.ts +80 -0
- package/calendar/components/HorizontalViewList.mjs +3 -3
- package/calendar/components/MultiViewCalendar.d.ts +226 -0
- package/calendar/components/MultiViewCalendar.js +1 -1
- package/calendar/components/MultiViewCalendar.mjs +17 -17
- package/calendar/components/Navigation.d.ts +85 -0
- package/calendar/components/TodayCommand.d.ts +46 -0
- package/calendar/components/TodayCommand.mjs +3 -3
- package/calendar/components/View.d.ts +101 -0
- package/calendar/components/ViewList.d.ts +128 -0
- package/calendar/models/ActiveView.d.ts +11 -0
- package/calendar/models/CalendarSettings.d.ts +256 -0
- package/calendar/models/CalendarViewEnum.d.ts +16 -0
- package/calendar/models/CellContext.d.ts +72 -0
- package/calendar/models/MultiViewCalendarMode.d.ts +16 -0
- package/calendar/models/MultiViewCalendarSettings.d.ts +129 -0
- package/calendar/models/NavigationAction.d.ts +22 -0
- package/calendar/models/SelectionRange.d.ts +24 -0
- package/calendar/models/SelectionRangeEnd.d.ts +11 -0
- package/calendar/models/ViewService.d.ts +32 -0
- package/calendar/models/WeekDaysFormat.d.ts +11 -0
- package/calendar/models/index.d.ts +18 -0
- package/calendar/services/BusViewService.d.ts +28 -0
- package/calendar/services/CenturyViewService.d.ts +32 -0
- package/calendar/services/CenturyViewService.mjs +4 -4
- package/calendar/services/DOMService.d.ts +36 -0
- package/calendar/services/DecadeViewService.d.ts +34 -0
- package/calendar/services/DecadeViewService.mjs +4 -4
- package/calendar/services/MonthViewService.d.ts +40 -0
- package/calendar/services/MonthViewService.mjs +2 -2
- package/calendar/services/NavigationService.d.ts +21 -0
- package/calendar/services/ScrollSyncService.d.ts +28 -0
- package/calendar/services/WeekNamesService.d.ts +17 -0
- package/calendar/services/YearViewService.d.ts +38 -0
- package/calendar/services/YearViewService.mjs +2 -2
- package/calendar/services/index.d.ts +17 -0
- package/calendar/utils/ScrollSync.d.ts +20 -0
- package/codemods/utils.js +1 -8
- package/codemods/v11/dateinput-handle.js +1 -8
- package/codemods/v11/datepicker-handle.js +1 -8
- package/common/AdaptiveMode.d.ts +22 -0
- package/common/ClearButton.d.ts +20 -0
- package/dateinput/DateInput.d.ts +248 -0
- package/dateinput/DateInput.js +1 -1
- package/dateinput/DateInput.mjs +63 -65
- package/dateinput/dateInputIntl.d.ts +30 -0
- package/dateinput/models/DateInputSettings.d.ts +107 -0
- package/dateinput/models/common-package-props.d.ts +34 -0
- package/dateinput/models/dateinput-options.d.ts +105 -0
- package/dateinput/models/format-placeholder.d.ts +46 -0
- package/dateinput/models/incremental-steps.d.ts +24 -0
- package/dateinput/models/index.d.ts +15 -0
- package/dateinput/models/kendo-date.d.ts +60 -0
- package/dateinput/models/mask.d.ts +14 -0
- package/dateinput/models/selection.d.ts +14 -0
- package/dateinput/utils.d.ts +31 -0
- package/datepicker/DatePicker.d.ts +279 -0
- package/datepicker/DatePicker.js +1 -1
- package/datepicker/DatePicker.mjs +68 -72
- package/datepicker/ToggleButton.d.ts +17 -0
- package/datepicker/models/DatePickerSettings.d.ts +248 -0
- package/datepicker/models/index.d.ts +9 -0
- package/daterangepicker/DateRangePicker.d.ts +357 -0
- package/daterangepicker/DateRangePicker.mjs +13 -13
- package/daterangepicker/models/DateRangePickerCalendarSettings.d.ts +13 -0
- package/daterangepicker/models/DateRangePickerDateInputSettings.d.ts +13 -0
- package/daterangepicker/models/DateRangePickerPopupSettings.d.ts +13 -0
- package/daterangepicker/models/DateRangePickerSettings.d.ts +129 -0
- package/daterangepicker/models/index.d.ts +12 -0
- package/datetimepicker/DateTimePicker.d.ts +420 -0
- package/datetimepicker/DateTimePicker.js +1 -1
- package/datetimepicker/DateTimePicker.mjs +16 -20
- package/datetimepicker/DateTimeSelector.d.ts +111 -0
- package/datetimepicker/DateTimeSelector.mjs +3 -3
- package/datetimepicker/models/DateTimePickerSettings.d.ts +154 -0
- package/datetimepicker/models/index.d.ts +9 -0
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/hooks/usePickerFloatingLabel.d.ts +27 -0
- package/index.d.mts +35 -4952
- package/index.d.ts +35 -4952
- package/messages/index.d.ts +132 -0
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +10 -16
- package/package.json +8 -8
- package/timepicker/TimeList.d.ts +97 -0
- package/timepicker/TimeList.js +5 -5
- package/timepicker/TimeList.mjs +122 -112
- package/timepicker/TimePart.d.ts +146 -0
- package/timepicker/TimePart.mjs +3 -3
- package/timepicker/TimePicker.d.ts +417 -0
- package/timepicker/TimePicker.js +1 -1
- package/timepicker/TimePicker.mjs +64 -68
- package/timepicker/TimeSelector.d.ts +149 -0
- package/timepicker/TimeSelector.mjs +3 -3
- package/timepicker/models/IncrementalSteps.d.ts +18 -0
- package/timepicker/models/ListItem.d.ts +14 -0
- package/timepicker/models/ListService.d.ts +22 -0
- package/timepicker/models/ListServiceSettings.d.ts +19 -0
- package/timepicker/models/TimePart.d.ts +17 -0
- package/timepicker/models/TimePickerSettings.d.ts +137 -0
- package/timepicker/models/index.d.ts +14 -0
- package/timepicker/services/DOMService.d.ts +18 -0
- package/timepicker/services/DayPeriodService.d.ts +54 -0
- package/timepicker/services/HoursService.d.ts +40 -0
- package/timepicker/services/MinutesService.d.ts +39 -0
- package/timepicker/services/SecondsService.d.ts +39 -0
- package/timepicker/services/index.d.ts +13 -0
- package/timepicker/utils.d.ts +63 -0
- package/timepicker/utils.mjs +1 -1
- package/utils.d.ts +103 -0
- package/utils.js +1 -1
- package/utils.mjs +46 -46
- package/virtualization/Virtualization.d.ts +125 -0
- package/virtualization/services/ScrollerService.d.ts +56 -0
- package/virtualization/services/index.d.ts +10 -0
|
@@ -5,31 +5,31 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
8
|
+
import * as a from "react";
|
|
9
9
|
import e from "prop-types";
|
|
10
10
|
import { Popup as Z } from "@progress/kendo-react-popup";
|
|
11
11
|
import { cloneDate as y } from "@progress/kendo-date-math";
|
|
12
|
-
import { classNames as
|
|
13
|
-
import { clockIcon as
|
|
14
|
-
import { provideLocalizationService as
|
|
12
|
+
import { withIdHOC as J, createPropsContext as Q, classNames as m, uTimePicker as g, Keys as d, validatePackage as Y, getLicenseMessage as $, canUseDOM as C, AsyncFocusBlur as ee, WatermarkOverlay as te, withPropsContext as ie, withUnstyledHOC as se, withAdaptiveModeContext as oe } from "@progress/kendo-react-common";
|
|
13
|
+
import { clockIcon as ae } from "@progress/kendo-svg-icons";
|
|
14
|
+
import { provideLocalizationService as ne, registerForLocalization as re } from "@progress/kendo-react-intl";
|
|
15
15
|
import { packageMetadata as I } from "../package-metadata.mjs";
|
|
16
|
-
import {
|
|
16
|
+
import { timePickerSet as T, messages as u, toggleClock as f, timePickerCancel as le, toggleTimeSelector as M } from "../messages/index.mjs";
|
|
17
17
|
import { DateInput as he } from "../dateinput/DateInput.mjs";
|
|
18
|
-
import { TimeSelector as
|
|
19
|
-
import {
|
|
20
|
-
import { isInRange as
|
|
18
|
+
import { TimeSelector as de } from "./TimeSelector.mjs";
|
|
19
|
+
import { MIN_TIME as ue, MAX_TIME as pe, setTime as O, MIDNIGHT_DATE as ce } from "../utils.mjs";
|
|
20
|
+
import { isInRange as me, isSmallerThanMin as ge, isBiggerThanMax as fe } from "./utils.mjs";
|
|
21
21
|
import { PickerFloatingLabel as ve } from "../hooks/usePickerFloatingLabel.mjs";
|
|
22
22
|
import { Button as we } from "@progress/kendo-react-buttons";
|
|
23
23
|
import { AdaptiveMode as be } from "../common/AdaptiveMode.mjs";
|
|
24
24
|
import { ActionSheetContent as Se } from "@progress/kendo-react-layout";
|
|
25
|
-
const
|
|
25
|
+
const n = class n extends a.Component {
|
|
26
26
|
constructor(i) {
|
|
27
|
-
super(i), this._element = null, this._dateInput =
|
|
27
|
+
super(i), this._element = null, this._dateInput = a.createRef(), this._timeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.showLicenseWatermark = !1, this.focus = () => {
|
|
28
28
|
this.dateInput && this.dateInput.focus();
|
|
29
29
|
}, this.renderTimeSelector = () => {
|
|
30
|
-
const { smoothScroll: t, cancelButton: s, nowButton: o, disabled: l, format: h, steps: r, unstyled:
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
30
|
+
const { smoothScroll: t, cancelButton: s, nowButton: o, disabled: l, format: h, steps: r, unstyled: c } = this.props;
|
|
31
|
+
return /* @__PURE__ */ a.createElement(
|
|
32
|
+
de,
|
|
33
33
|
{
|
|
34
34
|
ref: this.setTimeSelectorRef,
|
|
35
35
|
mobileMode: this.mobileMode,
|
|
@@ -47,11 +47,11 @@ const a = class a extends n.Component {
|
|
|
47
47
|
handleTimeChange: this.mobileMode && this.handleTimeChange,
|
|
48
48
|
onChange: this.handleValueChange,
|
|
49
49
|
onReject: this.handleValueReject,
|
|
50
|
-
unstyled:
|
|
50
|
+
unstyled: c
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
53
|
}, this.renderPopup = () => {
|
|
54
|
-
const { popupClass: t, ...s } = this.popupSettings, { unstyled: o } = this.props, l = o && o.uTimePicker, h =
|
|
54
|
+
const { popupClass: t, ...s } = this.popupSettings, { unstyled: o } = this.props, l = o && o.uTimePicker, h = m(t), r = {
|
|
55
55
|
popupClass: g.popup({ c: l }),
|
|
56
56
|
show: this.show,
|
|
57
57
|
animate: this.element !== null,
|
|
@@ -68,7 +68,7 @@ const a = class a extends n.Component {
|
|
|
68
68
|
},
|
|
69
69
|
...s
|
|
70
70
|
};
|
|
71
|
-
return this.props.popup ? /* @__PURE__ */
|
|
71
|
+
return this.props.popup ? /* @__PURE__ */ a.createElement(this.props.popup, { ...r }, this.renderTimeSelector()) : /* @__PURE__ */ a.createElement(Z, { ...r }, this.renderTimeSelector());
|
|
72
72
|
}, this.renderAdaptivePopup = () => {
|
|
73
73
|
const { windowWidth: t = 0 } = this.state, s = {
|
|
74
74
|
expand: this.show,
|
|
@@ -77,13 +77,13 @@ const a = class a extends n.Component {
|
|
|
77
77
|
subTitle: this.props.adaptiveSubtitle,
|
|
78
78
|
windowWidth: t,
|
|
79
79
|
footer: {
|
|
80
|
-
cancelText: this.localizationService.toLanguageString(f,
|
|
80
|
+
cancelText: this.localizationService.toLanguageString(f, u[le]),
|
|
81
81
|
onCancel: this.handleValueReject,
|
|
82
|
-
applyText: this.localizationService.toLanguageString(
|
|
82
|
+
applyText: this.localizationService.toLanguageString(T, u[T]),
|
|
83
83
|
onApply: (o) => this.handleValueChange(o)
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ a.createElement(be, { ...s }, /* @__PURE__ */ a.createElement(Se, null, this.renderTimeSelector()));
|
|
87
87
|
}, this.setTimeSelectorRef = (t) => {
|
|
88
88
|
this._timeSelector = t;
|
|
89
89
|
}, this.nextValue = (t, s) => t.value !== void 0 ? t.value : s.value, this.nextShow = (t, s) => t.show !== void 0 ? t.show : s.show, this.handleInputValueChange = (t) => {
|
|
@@ -115,14 +115,14 @@ const a = class a extends n.Component {
|
|
|
115
115
|
t.preventDefault();
|
|
116
116
|
}, this.handleKeyDown = (t) => {
|
|
117
117
|
const { altKey: s, keyCode: o } = t;
|
|
118
|
-
if (o ===
|
|
118
|
+
if (o === d.esc) {
|
|
119
119
|
this.shouldFocusDateInput = !0, this.setShow(!1);
|
|
120
120
|
return;
|
|
121
121
|
}
|
|
122
|
-
s && (o ===
|
|
123
|
-
}, this.showLicenseWatermark = !
|
|
124
|
-
value: this.props.defaultValue ||
|
|
125
|
-
show: this.props.defaultShow ||
|
|
122
|
+
s && (o === d.up || o === d.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = o === d.up, this.setShow(o === d.down));
|
|
123
|
+
}, this.showLicenseWatermark = !Y(I, { component: "TimePicker" }), this.licenseMessage = $(I), this.state = {
|
|
124
|
+
value: this.props.defaultValue || n.defaultProps.defaultValue,
|
|
125
|
+
show: this.props.defaultShow || n.defaultProps.defaultShow,
|
|
126
126
|
focused: !1,
|
|
127
127
|
candidate: null
|
|
128
128
|
}, this.normalizeTime = this.normalizeTime.bind(this), this.setShow = this.setShow.bind(this), this.mergeTime = this.mergeTime.bind(this);
|
|
@@ -175,11 +175,11 @@ const a = class a extends n.Component {
|
|
|
175
175
|
* Represents the validity state into which the TimePicker is set.
|
|
176
176
|
*/
|
|
177
177
|
get validity() {
|
|
178
|
-
const i = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), s = this.normalizeTime(this.max), o =
|
|
178
|
+
const i = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), s = this.normalizeTime(this.max), o = me(i, t, s), l = this.props.validationMessage !== void 0, h = (!this.required || this.value !== null) && o, r = this.props.valid !== void 0 ? this.props.valid : h;
|
|
179
179
|
return {
|
|
180
180
|
customError: l,
|
|
181
|
-
rangeOverflow:
|
|
182
|
-
rangeUnderflow:
|
|
181
|
+
rangeOverflow: fe(i, s),
|
|
182
|
+
rangeUnderflow: ge(i, t),
|
|
183
183
|
valid: r,
|
|
184
184
|
valueMissing: this.value === null
|
|
185
185
|
};
|
|
@@ -195,7 +195,7 @@ const a = class a extends n.Component {
|
|
|
195
195
|
* @hidden
|
|
196
196
|
*/
|
|
197
197
|
get validityStyles() {
|
|
198
|
-
return this.props.validityStyles !== void 0 ? this.props.validityStyles :
|
|
198
|
+
return this.props.validityStyles !== void 0 ? this.props.validityStyles : n.defaultProps.validityStyles;
|
|
199
199
|
}
|
|
200
200
|
/**
|
|
201
201
|
* @hidden
|
|
@@ -204,19 +204,19 @@ const a = class a extends n.Component {
|
|
|
204
204
|
return this.props.required !== void 0 ? this.props.required : !1;
|
|
205
205
|
}
|
|
206
206
|
get popupSettings() {
|
|
207
|
-
return this.props.popupSettings ||
|
|
207
|
+
return this.props.popupSettings || n.defaultProps.popupSettings;
|
|
208
208
|
}
|
|
209
209
|
get min() {
|
|
210
|
-
return this.props.min !== void 0 ? this.props.min :
|
|
210
|
+
return this.props.min !== void 0 ? this.props.min : n.defaultProps.min;
|
|
211
211
|
}
|
|
212
212
|
get max() {
|
|
213
|
-
return this.props.max !== void 0 ? this.props.max :
|
|
213
|
+
return this.props.max !== void 0 ? this.props.max : n.defaultProps.max;
|
|
214
214
|
}
|
|
215
215
|
get dateInputComp() {
|
|
216
|
-
return this.props.dateInput ||
|
|
216
|
+
return this.props.dateInput || n.defaultProps.dateInput;
|
|
217
217
|
}
|
|
218
218
|
get localizationService() {
|
|
219
|
-
return
|
|
219
|
+
return ne(this);
|
|
220
220
|
}
|
|
221
221
|
/**
|
|
222
222
|
* @hidden
|
|
@@ -245,14 +245,14 @@ const a = class a extends n.Component {
|
|
|
245
245
|
*/
|
|
246
246
|
render() {
|
|
247
247
|
const {
|
|
248
|
-
size: i =
|
|
249
|
-
rounded: t =
|
|
250
|
-
fillMode: s =
|
|
248
|
+
size: i = n.defaultProps.size,
|
|
249
|
+
rounded: t = n.defaultProps.rounded,
|
|
250
|
+
fillMode: s = n.defaultProps.fillMode,
|
|
251
251
|
disabled: o,
|
|
252
252
|
tabIndex: l,
|
|
253
253
|
title: h,
|
|
254
254
|
id: r,
|
|
255
|
-
className:
|
|
255
|
+
className: c,
|
|
256
256
|
format: D,
|
|
257
257
|
formatPlaceholder: P,
|
|
258
258
|
width: z,
|
|
@@ -293,33 +293,30 @@ const a = class a extends n.Component {
|
|
|
293
293
|
placeholder: this.state.focused ? null : this.props.placeholder,
|
|
294
294
|
ariaHasPopup: "dialog",
|
|
295
295
|
ariaExpanded: this.show,
|
|
296
|
-
size: null,
|
|
297
|
-
fillMode: null,
|
|
298
|
-
rounded: null,
|
|
299
296
|
enableMouseWheel: V,
|
|
300
297
|
autoCorrectParts: L,
|
|
301
298
|
autoSwitchParts: N,
|
|
302
299
|
autoSwitchKeys: _,
|
|
303
300
|
allowCaretMode: q,
|
|
304
301
|
inputAttributes: K
|
|
305
|
-
}, U = this.localizationService.toLanguageString(f,
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
), S = /* @__PURE__ */
|
|
309
|
-
|
|
302
|
+
}, U = this.localizationService.toLanguageString(f, u[f]), j = this.localizationService.toLanguageString(
|
|
303
|
+
M,
|
|
304
|
+
u[M]
|
|
305
|
+
), S = /* @__PURE__ */ a.createElement(
|
|
306
|
+
ee,
|
|
310
307
|
{
|
|
311
308
|
onFocus: this.handleFocus,
|
|
312
309
|
onBlur: this.mobileMode ? void 0 : this.handleBlur,
|
|
313
310
|
onSyncBlur: this.props.onBlur,
|
|
314
311
|
onSyncFocus: this.props.onFocus
|
|
315
312
|
},
|
|
316
|
-
({ onFocus: H, onBlur: G }) => /* @__PURE__ */
|
|
313
|
+
({ onFocus: H, onBlur: G }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
|
|
317
314
|
"span",
|
|
318
315
|
{
|
|
319
316
|
ref: (X) => {
|
|
320
317
|
this._element = X;
|
|
321
318
|
},
|
|
322
|
-
className:
|
|
319
|
+
className: m(
|
|
323
320
|
g.wrapper({
|
|
324
321
|
c: w,
|
|
325
322
|
size: i,
|
|
@@ -329,7 +326,7 @@ const a = class a extends n.Component {
|
|
|
329
326
|
required: this.required,
|
|
330
327
|
disabled: o
|
|
331
328
|
}),
|
|
332
|
-
|
|
329
|
+
c
|
|
333
330
|
),
|
|
334
331
|
onKeyDown: this.handleKeyDown,
|
|
335
332
|
style: { width: z },
|
|
@@ -337,7 +334,7 @@ const a = class a extends n.Component {
|
|
|
337
334
|
onBlur: G,
|
|
338
335
|
onClick: this.mobileMode ? this.handleClick : void 0
|
|
339
336
|
},
|
|
340
|
-
/* @__PURE__ */
|
|
337
|
+
/* @__PURE__ */ a.createElement(
|
|
341
338
|
this.dateInputComp,
|
|
342
339
|
{
|
|
343
340
|
_ref: this._dateInput,
|
|
@@ -346,26 +343,25 @@ const a = class a extends n.Component {
|
|
|
346
343
|
...W
|
|
347
344
|
}
|
|
348
345
|
),
|
|
349
|
-
/* @__PURE__ */
|
|
346
|
+
/* @__PURE__ */ a.createElement(
|
|
350
347
|
we,
|
|
351
348
|
{
|
|
352
349
|
tabIndex: -1,
|
|
353
350
|
type: "button",
|
|
354
351
|
icon: "clock",
|
|
355
|
-
svgIcon:
|
|
352
|
+
svgIcon: ae,
|
|
356
353
|
onMouseDown: this.handleIconMouseDown,
|
|
357
354
|
onClick: this.mobileMode ? void 0 : this.handleClick,
|
|
358
355
|
title: j,
|
|
359
|
-
className:
|
|
360
|
-
rounded: null,
|
|
356
|
+
className: m(g.inputButton({ c: w })),
|
|
361
357
|
fillMode: s,
|
|
362
358
|
"aria-label": U
|
|
363
359
|
}
|
|
364
360
|
),
|
|
365
361
|
!this.mobileMode && this.renderPopup()
|
|
366
|
-
), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */
|
|
362
|
+
), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ a.createElement(te, { message: this.licenseMessage }))
|
|
367
363
|
);
|
|
368
|
-
return this.props.label ? /* @__PURE__ */
|
|
364
|
+
return this.props.label ? /* @__PURE__ */ a.createElement(
|
|
369
365
|
ve,
|
|
370
366
|
{
|
|
371
367
|
dateInput: this._dateInput,
|
|
@@ -379,7 +375,7 @@ const a = class a extends n.Component {
|
|
|
379
375
|
) : S;
|
|
380
376
|
}
|
|
381
377
|
normalizeTime(i) {
|
|
382
|
-
return O(
|
|
378
|
+
return O(ce, i);
|
|
383
379
|
}
|
|
384
380
|
setShow(i) {
|
|
385
381
|
const { onOpen: t, onClose: s } = this.props;
|
|
@@ -397,7 +393,7 @@ const a = class a extends n.Component {
|
|
|
397
393
|
this.setState({ windowWidth: t.target.clientWidth });
|
|
398
394
|
}
|
|
399
395
|
};
|
|
400
|
-
|
|
396
|
+
n.displayName = "TimePicker", n.propTypes = {
|
|
401
397
|
className: e.string,
|
|
402
398
|
cancelButton: e.bool,
|
|
403
399
|
nowButton: e.bool,
|
|
@@ -466,28 +462,28 @@ a.displayName = "TimePicker", a.propTypes = {
|
|
|
466
462
|
required: e.bool,
|
|
467
463
|
validate: e.bool,
|
|
468
464
|
valid: e.bool,
|
|
469
|
-
size: e.oneOf([
|
|
470
|
-
rounded: e.oneOf([
|
|
471
|
-
fillMode: e.oneOf([
|
|
465
|
+
size: e.oneOf(["small", "medium", "large"]),
|
|
466
|
+
rounded: e.oneOf(["small", "medium", "large", "full"]),
|
|
467
|
+
fillMode: e.oneOf(["solid", "flat", "outline"]),
|
|
472
468
|
inputAttributes: e.object
|
|
473
|
-
},
|
|
469
|
+
}, n.defaultProps = {
|
|
474
470
|
defaultShow: !1,
|
|
475
471
|
defaultValue: null,
|
|
476
472
|
disabled: !1,
|
|
477
473
|
format: "t",
|
|
478
|
-
max:
|
|
479
|
-
min:
|
|
474
|
+
max: pe,
|
|
475
|
+
min: ue,
|
|
480
476
|
popupSettings: {},
|
|
481
477
|
tabIndex: 0,
|
|
482
478
|
steps: {},
|
|
483
479
|
validityStyles: !0,
|
|
484
480
|
dateInput: he,
|
|
485
|
-
size:
|
|
486
|
-
rounded:
|
|
487
|
-
fillMode:
|
|
481
|
+
size: void 0,
|
|
482
|
+
rounded: void 0,
|
|
483
|
+
fillMode: void 0
|
|
488
484
|
};
|
|
489
|
-
let p =
|
|
490
|
-
const ye =
|
|
485
|
+
let p = n;
|
|
486
|
+
const ye = Q(), Ce = J(
|
|
491
487
|
ie(
|
|
492
488
|
ye,
|
|
493
489
|
se(oe(p))
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { default as PropTypes } from 'prop-types';
|
|
9
|
+
import { DateInputsClassStructure } from '@progress/kendo-react-common';
|
|
10
|
+
import { IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
|
|
11
|
+
import { TimePickerIncrementalSteps } from './models/IncrementalSteps.js';
|
|
12
|
+
import * as React from 'react';
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
export declare enum Direction {
|
|
17
|
+
Left = 0,
|
|
18
|
+
Right = 1
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export interface TimeSelectorChangeEvent {
|
|
24
|
+
nativeEvent?: any;
|
|
25
|
+
syntheticEvent: React.SyntheticEvent<any>;
|
|
26
|
+
value: Date;
|
|
27
|
+
target: TimeSelector;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface TimeSelectorTimeChangeEvent {
|
|
33
|
+
time: Date;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @hidden
|
|
37
|
+
*/
|
|
38
|
+
export interface TimeSelectorProps {
|
|
39
|
+
cancelButton?: boolean;
|
|
40
|
+
className?: string;
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
format?: string | DateFormatOptions;
|
|
43
|
+
max?: Date;
|
|
44
|
+
min?: Date;
|
|
45
|
+
nowButton?: boolean;
|
|
46
|
+
onChange?: any;
|
|
47
|
+
handleTimeChange?: any;
|
|
48
|
+
onReject?: any;
|
|
49
|
+
steps?: TimePickerIncrementalSteps;
|
|
50
|
+
smoothScroll?: boolean;
|
|
51
|
+
tabIndex?: number;
|
|
52
|
+
value?: Date | null;
|
|
53
|
+
boundRange?: boolean;
|
|
54
|
+
show?: boolean;
|
|
55
|
+
footer?: boolean;
|
|
56
|
+
mobileMode?: boolean;
|
|
57
|
+
unstyled?: DateInputsClassStructure;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* @hidden
|
|
61
|
+
*/
|
|
62
|
+
export interface TimeSelectorState {
|
|
63
|
+
value: Date | null;
|
|
64
|
+
current: Date | null;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* @hidden
|
|
68
|
+
*/
|
|
69
|
+
export declare class TimeSelector extends React.Component<TimeSelectorProps, TimeSelectorState> {
|
|
70
|
+
static propTypes: {
|
|
71
|
+
cancelButton: PropTypes.Requireable<boolean>;
|
|
72
|
+
className: PropTypes.Requireable<string>;
|
|
73
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
74
|
+
format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
|
|
75
|
+
skeleton: PropTypes.Requireable<string>;
|
|
76
|
+
pattern: PropTypes.Requireable<string>;
|
|
77
|
+
date: PropTypes.Requireable<string>;
|
|
78
|
+
time: PropTypes.Requireable<string>;
|
|
79
|
+
datetime: PropTypes.Requireable<string>;
|
|
80
|
+
era: PropTypes.Requireable<string>;
|
|
81
|
+
year: PropTypes.Requireable<string>;
|
|
82
|
+
month: PropTypes.Requireable<string>;
|
|
83
|
+
day: PropTypes.Requireable<string>;
|
|
84
|
+
weekday: PropTypes.Requireable<string>;
|
|
85
|
+
hour: PropTypes.Requireable<string>;
|
|
86
|
+
hour12: PropTypes.Requireable<boolean>;
|
|
87
|
+
minute: PropTypes.Requireable<string>;
|
|
88
|
+
second: PropTypes.Requireable<string>;
|
|
89
|
+
timeZoneName: PropTypes.Requireable<string>;
|
|
90
|
+
}> | null | undefined>>;
|
|
91
|
+
max: PropTypes.Requireable<Date>;
|
|
92
|
+
min: PropTypes.Requireable<Date>;
|
|
93
|
+
nowButton: PropTypes.Requireable<boolean>;
|
|
94
|
+
steps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
95
|
+
hour: PropTypes.Requireable<number>;
|
|
96
|
+
minute: PropTypes.Requireable<number>;
|
|
97
|
+
second: PropTypes.Requireable<number>;
|
|
98
|
+
}>>;
|
|
99
|
+
smoothScroll: PropTypes.Requireable<boolean>;
|
|
100
|
+
tabIndex: PropTypes.Requireable<number>;
|
|
101
|
+
value: PropTypes.Requireable<Date>;
|
|
102
|
+
show: PropTypes.Requireable<boolean>;
|
|
103
|
+
};
|
|
104
|
+
static defaultProps: {
|
|
105
|
+
value: null;
|
|
106
|
+
disabled: boolean;
|
|
107
|
+
cancelButton: boolean;
|
|
108
|
+
format: string;
|
|
109
|
+
min: Date;
|
|
110
|
+
max: Date;
|
|
111
|
+
boundRange: boolean;
|
|
112
|
+
footer: boolean;
|
|
113
|
+
};
|
|
114
|
+
readonly state: TimeSelectorState;
|
|
115
|
+
private _element;
|
|
116
|
+
private _cancelButton;
|
|
117
|
+
private _acceptButton;
|
|
118
|
+
private dateFormatParts;
|
|
119
|
+
private valueDuringOnChange?;
|
|
120
|
+
private timePart;
|
|
121
|
+
private mergeValue;
|
|
122
|
+
private nextTickId;
|
|
123
|
+
constructor(props: TimeSelectorProps);
|
|
124
|
+
/**
|
|
125
|
+
* @hidden
|
|
126
|
+
*/
|
|
127
|
+
get element(): HTMLSpanElement | null;
|
|
128
|
+
get value(): Date | null;
|
|
129
|
+
protected get intl(): IntlService;
|
|
130
|
+
private get current();
|
|
131
|
+
/**
|
|
132
|
+
* @hidden
|
|
133
|
+
*/
|
|
134
|
+
componentWillUnmount(): void;
|
|
135
|
+
/**
|
|
136
|
+
* @hidden
|
|
137
|
+
*/
|
|
138
|
+
render(): React.JSX.Element;
|
|
139
|
+
focusActiveList: () => void;
|
|
140
|
+
protected nextTick(f: () => any): void;
|
|
141
|
+
protected hasActiveButton(): boolean | null;
|
|
142
|
+
private handleKeyDown;
|
|
143
|
+
private revertToNowButton;
|
|
144
|
+
private handleNowKeyDown;
|
|
145
|
+
private handleAccept;
|
|
146
|
+
private handleReject;
|
|
147
|
+
private handleNowClick;
|
|
148
|
+
private handleChange;
|
|
149
|
+
}
|
|
@@ -11,7 +11,7 @@ import { cloneDate as h } from "@progress/kendo-date-math";
|
|
|
11
11
|
import { Keys as u, classNames as m, uTimePicker as x, uTime as g, getActiveElement as A } from "@progress/kendo-react-common";
|
|
12
12
|
import { provideIntlService as K, provideLocalizationService as M, registerForIntl as R, registerForLocalization as F } from "@progress/kendo-react-intl";
|
|
13
13
|
import { timePickerCancel as y, messages as B, timePickerSet as D } from "../messages/index.mjs";
|
|
14
|
-
import { MIDNIGHT_DATE as L,
|
|
14
|
+
import { MIDNIGHT_DATE as L, MAX_TIME as j, MIN_TIME as z } from "../utils.mjs";
|
|
15
15
|
import { getNow as w, valueMerger as V, generateGetters as G } from "./utils.mjs";
|
|
16
16
|
import { TimePart as H } from "./TimePart.mjs";
|
|
17
17
|
import { Button as O } from "@progress/kendo-react-buttons";
|
|
@@ -240,8 +240,8 @@ r.propTypes = {
|
|
|
240
240
|
disabled: !1,
|
|
241
241
|
cancelButton: !0,
|
|
242
242
|
format: "t",
|
|
243
|
-
min:
|
|
244
|
-
max:
|
|
243
|
+
min: z,
|
|
244
|
+
max: j,
|
|
245
245
|
boundRange: !1,
|
|
246
246
|
footer: !0
|
|
247
247
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* The interface which defines all possible incremental steps in the TimePicker.
|
|
10
|
+
*/
|
|
11
|
+
export interface TimePickerIncrementalSteps {
|
|
12
|
+
/** Controls the incremental step of the hour value */
|
|
13
|
+
hour?: number;
|
|
14
|
+
/** Controls the incremental step of the minute value */
|
|
15
|
+
minute?: number;
|
|
16
|
+
/** Controls the incremental step of the second value */
|
|
17
|
+
second?: number;
|
|
18
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export interface ListItem {
|
|
12
|
+
text: string;
|
|
13
|
+
value: Date;
|
|
14
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { ListItem } from './ListItem.js';
|
|
9
|
+
import { ListServiceSettings } from './ListServiceSettings.js';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export interface ListService {
|
|
14
|
+
apply(value: Date, candidate: Date): Date;
|
|
15
|
+
configure(settings: ListServiceSettings): void;
|
|
16
|
+
data(value?: Date): ListItem[];
|
|
17
|
+
isRangeChanged(min: Date, max: Date): boolean;
|
|
18
|
+
limitRange(min: Date, max: Date, value?: Date): Date[];
|
|
19
|
+
total(value?: Date): number;
|
|
20
|
+
selectedIndex(value: Date): number;
|
|
21
|
+
valueInList(value: Date): boolean;
|
|
22
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { DateFormatPart } from '@progress/kendo-react-intl';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface ListServiceSettings {
|
|
13
|
+
boundRange: boolean;
|
|
14
|
+
insertUndividedMax: boolean;
|
|
15
|
+
min: Date;
|
|
16
|
+
max: Date;
|
|
17
|
+
part: DateFormatPart;
|
|
18
|
+
step: number;
|
|
19
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare const TIME_PART: {
|
|
12
|
+
dayperiod: string;
|
|
13
|
+
hour: string;
|
|
14
|
+
millisecond: string;
|
|
15
|
+
minute: string;
|
|
16
|
+
second: string;
|
|
17
|
+
};
|