@progress/kendo-react-dateinputs 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-dateinputs.js +1 -1
- package/dist/es/PopupSettings.js +1 -0
- package/dist/es/calendar/components/Calendar.d.ts +10 -10
- package/dist/es/calendar/components/Calendar.js +26 -12
- package/dist/es/calendar/components/CalendarCell.js +7 -3
- package/dist/es/calendar/components/CalendarHeaderTitle.js +7 -3
- package/dist/es/calendar/components/CalendarNavigationItem.js +7 -3
- package/dist/es/calendar/components/CalendarWeekCell.js +7 -3
- package/dist/es/calendar/components/Header.d.ts +5 -4
- package/dist/es/calendar/components/Header.js +8 -6
- package/dist/es/calendar/components/HorizontalViewList.d.ts +4 -4
- package/dist/es/calendar/components/HorizontalViewList.js +8 -5
- package/dist/es/calendar/components/MultiViewCalendar.d.ts +13 -13
- package/dist/es/calendar/components/MultiViewCalendar.js +24 -15
- package/dist/es/calendar/components/Navigation.d.ts +2 -2
- package/dist/es/calendar/components/Navigation.js +13 -6
- package/dist/es/calendar/components/TodayCommand.d.ts +3 -3
- package/dist/es/calendar/components/TodayCommand.js +10 -6
- package/dist/es/calendar/components/View.d.ts +11 -11
- package/dist/es/calendar/components/View.js +17 -13
- package/dist/es/calendar/components/ViewList.d.ts +9 -9
- package/dist/es/calendar/components/ViewList.js +19 -9
- package/dist/es/calendar/models/ActiveView.js +1 -0
- package/dist/es/calendar/models/CalendarSettings.js +1 -0
- package/dist/es/calendar/models/CellContext.js +1 -0
- package/dist/es/calendar/models/MultiViewCalendarMode.js +1 -0
- package/dist/es/calendar/models/MultiViewCalendarSettings.js +1 -0
- package/dist/es/calendar/models/SelectionRangeEnd.js +1 -0
- package/dist/es/calendar/models/ViewService.js +1 -0
- package/dist/es/calendar/services/BusViewService.js +1 -1
- package/dist/es/calendar/services/CenturyViewService.js +2 -2
- package/dist/es/calendar/services/DOMService.js +24 -6
- package/dist/es/calendar/services/DecadeViewService.js +2 -2
- package/dist/es/calendar/services/MonthViewService.js +2 -2
- package/dist/es/calendar/services/NavigationService.js +1 -1
- package/dist/es/calendar/services/ScrollSyncService.js +5 -1
- package/dist/es/calendar/services/YearViewService.js +2 -2
- package/dist/es/calendar/utils/ScrollSync.d.ts +3 -3
- package/dist/es/calendar/utils/ScrollSync.js +2 -0
- package/dist/es/dateinput/DateInput.d.ts +24 -20
- package/dist/es/dateinput/DateInput.js +32 -19
- package/dist/es/dateinput/models/DateInputSettings.js +1 -0
- package/dist/es/dateinput/models/format-placeholder.js +1 -0
- package/dist/es/dateinput/models/incremental-steps.js +1 -0
- package/dist/es/dateinput/models/kendo-date.d.ts +2 -2
- package/dist/es/dateinput/models/kendo-date.js +3 -3
- package/dist/es/dateinput/models/mask.js +1 -0
- package/dist/es/dateinput/models/selection.js +1 -0
- package/dist/es/dateinput/utils.d.ts +2 -2
- package/dist/es/datepicker/DatePicker.d.ts +25 -25
- package/dist/es/datepicker/DatePicker.js +28 -23
- package/dist/es/datepicker/models/DatePickerSettings.js +1 -0
- package/dist/es/datepicker/models/index.js +1 -0
- package/dist/es/daterangepicker/DateRangePicker.d.ts +16 -14
- package/dist/es/daterangepicker/DateRangePicker.js +16 -14
- package/dist/es/daterangepicker/models/DateRangePickerCalendarSettings.js +1 -0
- package/dist/es/daterangepicker/models/DateRangePickerDateInputSettings.js +1 -0
- package/dist/es/daterangepicker/models/DateRangePickerPopupSettings.js +1 -0
- package/dist/es/daterangepicker/models/DateRangePickerSettings.js +1 -0
- package/dist/es/daterangepicker/models/index.js +1 -0
- package/dist/es/datetimepicker/DateTimePicker.d.ts +19 -19
- package/dist/es/datetimepicker/DateTimePicker.js +33 -18
- package/dist/es/datetimepicker/DateTimeSelector.d.ts +7 -7
- package/dist/es/datetimepicker/DateTimeSelector.js +17 -7
- package/dist/es/datetimepicker/models/DateTimePickerSettings.js +1 -0
- package/dist/es/datetimepicker/models/index.js +1 -0
- package/dist/es/hooks/usePickerFloatingLabel.d.ts +1 -1
- package/dist/es/messages/index.d.ts +21 -21
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/TimeList.d.ts +8 -8
- package/dist/es/timepicker/TimeList.js +33 -13
- package/dist/es/timepicker/TimePart.d.ts +11 -11
- package/dist/es/timepicker/TimePart.js +14 -9
- package/dist/es/timepicker/TimePicker.d.ts +23 -23
- package/dist/es/timepicker/TimePicker.js +27 -22
- package/dist/es/timepicker/TimeSelector.d.ts +6 -6
- package/dist/es/timepicker/TimeSelector.js +11 -5
- package/dist/es/timepicker/models/IncrementalSteps.js +1 -0
- package/dist/es/timepicker/models/ListItem.js +1 -0
- package/dist/es/timepicker/models/ListService.js +1 -0
- package/dist/es/timepicker/models/ListServiceSettings.js +1 -0
- package/dist/es/timepicker/models/TimePickerSettings.js +1 -0
- package/dist/es/timepicker/services/DOMService.js +2 -0
- package/dist/es/timepicker/services/DayPeriodService.js +9 -3
- package/dist/es/timepicker/services/HoursService.js +14 -5
- package/dist/es/timepicker/services/MinutesService.js +12 -6
- package/dist/es/timepicker/services/SecondsService.js +12 -6
- package/dist/es/timepicker/utils.d.ts +4 -4
- package/dist/es/utils.d.ts +1 -1
- package/dist/es/utils.js +10 -1
- package/dist/es/virtualization/Virtualization.d.ts +9 -8
- package/dist/es/virtualization/Virtualization.js +23 -13
- package/dist/es/virtualization/services/RowHeightService.js +10 -1
- package/dist/es/virtualization/services/ScrollerService.js +9 -3
- package/dist/npm/calendar/components/Calendar.d.ts +10 -10
- package/dist/npm/calendar/components/Calendar.js +53 -38
- package/dist/npm/calendar/components/CalendarCell.js +9 -4
- package/dist/npm/calendar/components/CalendarHeaderTitle.js +8 -3
- package/dist/npm/calendar/components/CalendarNavigationItem.js +9 -4
- package/dist/npm/calendar/components/CalendarWeekCell.js +9 -4
- package/dist/npm/calendar/components/Header.d.ts +5 -4
- package/dist/npm/calendar/components/Header.js +11 -8
- package/dist/npm/calendar/components/HorizontalViewList.d.ts +4 -4
- package/dist/npm/calendar/components/HorizontalViewList.js +11 -7
- package/dist/npm/calendar/components/MultiViewCalendar.d.ts +13 -13
- package/dist/npm/calendar/components/MultiViewCalendar.js +62 -52
- package/dist/npm/calendar/components/Navigation.d.ts +2 -2
- package/dist/npm/calendar/components/Navigation.js +18 -10
- package/dist/npm/calendar/components/TodayCommand.d.ts +3 -3
- package/dist/npm/calendar/components/TodayCommand.js +16 -11
- package/dist/npm/calendar/components/View.d.ts +11 -11
- package/dist/npm/calendar/components/View.js +27 -22
- package/dist/npm/calendar/components/ViewList.d.ts +9 -9
- package/dist/npm/calendar/components/ViewList.js +29 -18
- package/dist/npm/calendar/models/CalendarViewEnum.js +1 -0
- package/dist/npm/calendar/models/NavigationAction.js +1 -0
- package/dist/npm/calendar/models/SelectionRange.js +1 -0
- package/dist/npm/calendar/models/index.js +4 -3
- package/dist/npm/calendar/services/BusViewService.js +3 -2
- package/dist/npm/calendar/services/CenturyViewService.js +40 -39
- package/dist/npm/calendar/services/DOMService.js +34 -15
- package/dist/npm/calendar/services/DecadeViewService.js +34 -33
- package/dist/npm/calendar/services/MonthViewService.js +38 -37
- package/dist/npm/calendar/services/NavigationService.js +2 -1
- package/dist/npm/calendar/services/ScrollSyncService.js +6 -1
- package/dist/npm/calendar/services/WeekNamesService.js +2 -1
- package/dist/npm/calendar/services/YearViewService.js +35 -34
- package/dist/npm/calendar/services/index.js +10 -9
- package/dist/npm/calendar/utils/ScrollSync.d.ts +3 -3
- package/dist/npm/calendar/utils/ScrollSync.js +2 -0
- package/dist/npm/common/PickerWrap.js +2 -1
- package/dist/npm/dateinput/DateInput.d.ts +24 -20
- package/dist/npm/dateinput/DateInput.js +51 -37
- package/dist/npm/dateinput/models/index.js +3 -2
- package/dist/npm/dateinput/models/kendo-date.d.ts +2 -2
- package/dist/npm/dateinput/models/kendo-date.js +15 -14
- package/dist/npm/dateinput/models/mask.js +2 -0
- package/dist/npm/dateinput/utils.d.ts +2 -2
- package/dist/npm/dateinput/utils.js +9 -4
- package/dist/npm/datepicker/DatePicker.d.ts +25 -25
- package/dist/npm/datepicker/DatePicker.js +42 -36
- package/dist/npm/datepicker/ToggleButton.js +1 -0
- package/dist/npm/daterangepicker/DateRangePicker.d.ts +16 -14
- package/dist/npm/daterangepicker/DateRangePicker.js +34 -31
- package/dist/npm/datetimepicker/DateTimePicker.d.ts +19 -19
- package/dist/npm/datetimepicker/DateTimePicker.js +46 -30
- package/dist/npm/datetimepicker/DateTimeSelector.d.ts +7 -7
- package/dist/npm/datetimepicker/DateTimeSelector.js +26 -15
- package/dist/npm/defaults.js +1 -0
- package/dist/npm/hooks/usePickerFloatingLabel.d.ts +1 -1
- package/dist/npm/hooks/usePickerFloatingLabel.js +6 -3
- package/dist/npm/main.js +22 -21
- package/dist/npm/messages/index.d.ts +21 -21
- package/dist/npm/messages/index.js +2 -1
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/timepicker/TimeList.d.ts +8 -8
- package/dist/npm/timepicker/TimeList.js +39 -18
- package/dist/npm/timepicker/TimePart.d.ts +11 -11
- package/dist/npm/timepicker/TimePart.js +25 -19
- package/dist/npm/timepicker/TimePicker.d.ts +23 -23
- package/dist/npm/timepicker/TimePicker.js +43 -37
- package/dist/npm/timepicker/TimeSelector.d.ts +6 -6
- package/dist/npm/timepicker/TimeSelector.js +22 -15
- package/dist/npm/timepicker/models/TimePart.js +1 -0
- package/dist/npm/timepicker/models/index.js +2 -1
- package/dist/npm/timepicker/services/DOMService.js +7 -4
- package/dist/npm/timepicker/services/DayPeriodService.js +11 -4
- package/dist/npm/timepicker/services/HoursService.js +21 -11
- package/dist/npm/timepicker/services/MinutesService.js +17 -10
- package/dist/npm/timepicker/services/SecondsService.js +17 -10
- package/dist/npm/timepicker/services/index.js +6 -5
- package/dist/npm/timepicker/utils.d.ts +4 -4
- package/dist/npm/timepicker/utils.js +30 -20
- package/dist/npm/utils.d.ts +1 -1
- package/dist/npm/utils.js +43 -20
- package/dist/npm/virtualization/Virtualization.d.ts +9 -8
- package/dist/npm/virtualization/Virtualization.js +27 -16
- package/dist/npm/virtualization/services/RowHeightService.js +11 -1
- package/dist/npm/virtualization/services/ScrollerService.js +10 -3
- package/dist/npm/virtualization/services/index.js +5 -4
- package/dist/systemjs/kendo-react-dateinputs.js +1 -1
- package/package.json +13 -13
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.wrapperClasses = exports.invalidClasses = exports.isInRange = exports.dateSymbolMap = exports.approximateStringMatching = exports.padZero = exports.defaultFormatPlaceholder = exports.defaultFormat = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*/
|
|
@@ -11,11 +12,12 @@ exports.defaultFormatPlaceholder = 'wide';
|
|
|
11
12
|
/**
|
|
12
13
|
* @hidden
|
|
13
14
|
*/
|
|
14
|
-
|
|
15
|
+
var padZero = function (length) { return new Array(Math.max(length, 0)).fill('0').join(''); };
|
|
16
|
+
exports.padZero = padZero;
|
|
15
17
|
/**
|
|
16
18
|
* @hidden
|
|
17
19
|
*/
|
|
18
|
-
|
|
20
|
+
var approximateStringMatching = function (oldTextOrigin, oldFormat, newTextOrigin, selectionStart) {
|
|
19
21
|
/*
|
|
20
22
|
Remove the right part of the cursor.
|
|
21
23
|
oldFormat = oldFormat.substring(0, caret + oldText.length - newText.length);
|
|
@@ -69,14 +71,17 @@ exports.approximateStringMatching = function (oldTextOrigin, oldFormat, newTextO
|
|
|
69
71
|
/* Handle typing over a correctly selected part. */
|
|
70
72
|
return [[oldFormat[selectionStart - 1], newText[selectionStart - 1]]];
|
|
71
73
|
};
|
|
74
|
+
exports.approximateStringMatching = approximateStringMatching;
|
|
72
75
|
/**
|
|
73
76
|
* @hidden
|
|
74
77
|
*/
|
|
75
|
-
|
|
78
|
+
var dateSymbolMap = function (map, part) { map[part.pattern[0]] = part.type; return map; };
|
|
79
|
+
exports.dateSymbolMap = dateSymbolMap;
|
|
76
80
|
/**
|
|
77
81
|
* @hidden
|
|
78
82
|
*/
|
|
79
|
-
|
|
83
|
+
var isInRange = function (candidate, min, max) { return (candidate === null || !((min && min > candidate) || (max && max < candidate))); };
|
|
84
|
+
exports.isInRange = isInRange;
|
|
80
85
|
/**
|
|
81
86
|
* @hidden
|
|
82
87
|
*/
|
|
@@ -113,7 +113,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
|
|
|
113
113
|
second: PropTypes.Requireable<string>;
|
|
114
114
|
timeZoneName: PropTypes.Requireable<string>;
|
|
115
115
|
}>>;
|
|
116
|
-
formatPlaceholder: PropTypes.Requireable<"
|
|
116
|
+
formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
|
|
117
117
|
year: PropTypes.Requireable<string>;
|
|
118
118
|
month: PropTypes.Requireable<string>;
|
|
119
119
|
day: PropTypes.Requireable<string>;
|
|
@@ -143,16 +143,16 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
|
|
|
143
143
|
required: PropTypes.Requireable<boolean>;
|
|
144
144
|
validate: PropTypes.Requireable<boolean>;
|
|
145
145
|
valid: PropTypes.Requireable<boolean>;
|
|
146
|
-
size: PropTypes.Requireable<"small" | "medium" | "large">;
|
|
147
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "
|
|
148
|
-
fillMode: PropTypes.Requireable<"
|
|
146
|
+
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
147
|
+
rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
|
|
148
|
+
fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
|
|
149
149
|
};
|
|
150
150
|
/**
|
|
151
151
|
* @hidden
|
|
152
152
|
*/
|
|
153
153
|
static defaultProps: {
|
|
154
154
|
defaultShow: boolean;
|
|
155
|
-
defaultValue:
|
|
155
|
+
defaultValue: null;
|
|
156
156
|
dateInput: React.ComponentType<DateInputProps<any>>;
|
|
157
157
|
calendar: React.ComponentType<CalendarProps<any>>;
|
|
158
158
|
toggleButton: React.ComponentType<ToggleButtonProps>;
|
|
@@ -167,9 +167,9 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
|
|
|
167
167
|
weekNumber: boolean;
|
|
168
168
|
required: boolean;
|
|
169
169
|
validityStyles: boolean;
|
|
170
|
-
size: "small" | "medium" | "large";
|
|
171
|
-
rounded: "small" | "medium" | "
|
|
172
|
-
fillMode: "
|
|
170
|
+
size: "small" | "medium" | "large" | null | undefined;
|
|
171
|
+
rounded: "small" | "medium" | "full" | "large" | null | undefined;
|
|
172
|
+
fillMode: "flat" | "outline" | "solid" | null | undefined;
|
|
173
173
|
};
|
|
174
174
|
/**
|
|
175
175
|
* @hidden
|
|
@@ -188,46 +188,46 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
|
|
|
188
188
|
/**
|
|
189
189
|
* Gets the wrapping element of the DatePickerWithoutContext.
|
|
190
190
|
*/
|
|
191
|
-
|
|
191
|
+
get element(): HTMLSpanElement | null;
|
|
192
192
|
/**
|
|
193
193
|
* Gets the DateInput component inside the DatePicker component.
|
|
194
194
|
*/
|
|
195
|
-
|
|
195
|
+
get dateInput(): DateInput | null;
|
|
196
196
|
/**
|
|
197
197
|
* Gets the Calendar component inside the DatePicker component.
|
|
198
198
|
*/
|
|
199
|
-
|
|
199
|
+
get calendar(): Calendar | null;
|
|
200
200
|
/**
|
|
201
201
|
* Gets the value of the DatePickerWithoutContext.
|
|
202
202
|
*/
|
|
203
|
-
|
|
203
|
+
get value(): Date | null;
|
|
204
204
|
/**
|
|
205
205
|
* Gets the popup state of the DatePickerWithoutContext.
|
|
206
206
|
*/
|
|
207
|
-
|
|
207
|
+
get show(): boolean;
|
|
208
208
|
/**
|
|
209
209
|
* Gets the `name` property of the DatePickerWithoutContext.
|
|
210
210
|
*/
|
|
211
|
-
|
|
212
|
-
protected
|
|
213
|
-
protected
|
|
214
|
-
protected
|
|
215
|
-
protected
|
|
216
|
-
protected
|
|
217
|
-
protected
|
|
218
|
-
protected
|
|
211
|
+
get name(): string | undefined;
|
|
212
|
+
protected get min(): Date;
|
|
213
|
+
protected get max(): Date;
|
|
214
|
+
protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
|
|
215
|
+
protected get toggleButtonComp(): React.ComponentType<ToggleButtonProps>;
|
|
216
|
+
protected get calendarComp(): React.ComponentType<CalendarProps<any>>;
|
|
217
|
+
protected get popupComp(): React.ComponentType<PopupProps>;
|
|
218
|
+
protected get pickerWrapComp(): React.ComponentType<PickerWrapProps>;
|
|
219
219
|
/**
|
|
220
220
|
* Represents the validity state into which the DatePicker is set.
|
|
221
221
|
*/
|
|
222
|
-
|
|
222
|
+
get validity(): FormComponentValidity;
|
|
223
223
|
/**
|
|
224
224
|
* @hidden
|
|
225
225
|
*/
|
|
226
|
-
protected
|
|
226
|
+
protected get validityStyles(): boolean;
|
|
227
227
|
/**
|
|
228
228
|
* @hidden
|
|
229
229
|
*/
|
|
230
|
-
protected
|
|
230
|
+
protected get required(): boolean;
|
|
231
231
|
/**
|
|
232
232
|
* @hidden
|
|
233
233
|
*/
|
|
@@ -249,7 +249,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
|
|
|
249
249
|
*/
|
|
250
250
|
render(): JSX.Element;
|
|
251
251
|
protected setCalendarRef: (calendar: any) => void;
|
|
252
|
-
protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date;
|
|
252
|
+
protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
|
|
253
253
|
protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
|
|
254
254
|
protected setShow(show: boolean): void;
|
|
255
255
|
protected mergeTime(value: Date | null): Date | null;
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -28,11 +30,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
30
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
29
31
|
t[p] = s[p];
|
|
30
32
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
31
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
32
|
-
|
|
33
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
+
t[p[i]] = s[p[i]];
|
|
36
|
+
}
|
|
33
37
|
return t;
|
|
34
38
|
};
|
|
35
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.DatePicker = exports.DatePickerPropsContext = exports.DatePickerWithoutContext = void 0;
|
|
36
41
|
var React = require("react");
|
|
37
42
|
var PropTypes = require("prop-types");
|
|
38
43
|
var kendo_react_popup_1 = require("@progress/kendo-react-popup");
|
|
@@ -53,11 +58,12 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
53
58
|
__extends(DatePickerWithoutContext, _super);
|
|
54
59
|
function DatePickerWithoutContext(props) {
|
|
55
60
|
var _this = _super.call(this, props) || this;
|
|
56
|
-
_this._popupId = kendo_react_common_1.guid();
|
|
61
|
+
_this._popupId = (0, kendo_react_common_1.guid)();
|
|
57
62
|
_this._element = null;
|
|
58
63
|
_this._dateInput = React.createRef();
|
|
59
64
|
_this._calendar = null;
|
|
60
65
|
_this.shouldFocusDateInput = false;
|
|
66
|
+
_this.prevShow = false;
|
|
61
67
|
/**
|
|
62
68
|
* @hidden
|
|
63
69
|
*/
|
|
@@ -88,7 +94,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
88
94
|
};
|
|
89
95
|
_this.handleValueChange = function (value, event) {
|
|
90
96
|
_this.setState({
|
|
91
|
-
value: kendo_date_math_1.cloneDate(value || undefined),
|
|
97
|
+
value: (0, kendo_date_math_1.cloneDate)(value || undefined),
|
|
92
98
|
show: false
|
|
93
99
|
});
|
|
94
100
|
_this.valueDuringOnChange = value;
|
|
@@ -138,7 +144,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
138
144
|
_this.setShow(keyCode === kendo_react_common_1.Keys.down);
|
|
139
145
|
}
|
|
140
146
|
};
|
|
141
|
-
kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
147
|
+
(0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
142
148
|
_this.state = {
|
|
143
149
|
value: _this.props.defaultValue || DatePickerWithoutContext.defaultProps.defaultValue,
|
|
144
150
|
show: _this.props.defaultShow || DatePickerWithoutContext.defaultProps.defaultShow,
|
|
@@ -153,7 +159,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
153
159
|
get: function () {
|
|
154
160
|
return this._element;
|
|
155
161
|
},
|
|
156
|
-
enumerable:
|
|
162
|
+
enumerable: false,
|
|
157
163
|
configurable: true
|
|
158
164
|
});
|
|
159
165
|
Object.defineProperty(DatePickerWithoutContext.prototype, "dateInput", {
|
|
@@ -163,7 +169,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
163
169
|
get: function () {
|
|
164
170
|
return this._dateInput.current;
|
|
165
171
|
},
|
|
166
|
-
enumerable:
|
|
172
|
+
enumerable: false,
|
|
167
173
|
configurable: true
|
|
168
174
|
});
|
|
169
175
|
Object.defineProperty(DatePickerWithoutContext.prototype, "calendar", {
|
|
@@ -173,7 +179,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
173
179
|
get: function () {
|
|
174
180
|
return this._calendar;
|
|
175
181
|
},
|
|
176
|
-
enumerable:
|
|
182
|
+
enumerable: false,
|
|
177
183
|
configurable: true
|
|
178
184
|
});
|
|
179
185
|
Object.defineProperty(DatePickerWithoutContext.prototype, "value", {
|
|
@@ -186,9 +192,9 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
186
192
|
: this.props.value !== undefined
|
|
187
193
|
? this.props.value
|
|
188
194
|
: this.state.value;
|
|
189
|
-
return (value !== null) ? kendo_date_math_1.cloneDate(value) : null;
|
|
195
|
+
return (value !== null) ? (0, kendo_date_math_1.cloneDate)(value) : null;
|
|
190
196
|
},
|
|
191
|
-
enumerable:
|
|
197
|
+
enumerable: false,
|
|
192
198
|
configurable: true
|
|
193
199
|
});
|
|
194
200
|
Object.defineProperty(DatePickerWithoutContext.prototype, "show", {
|
|
@@ -202,7 +208,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
202
208
|
? this.props.show
|
|
203
209
|
: this.state.show;
|
|
204
210
|
},
|
|
205
|
-
enumerable:
|
|
211
|
+
enumerable: false,
|
|
206
212
|
configurable: true
|
|
207
213
|
});
|
|
208
214
|
Object.defineProperty(DatePickerWithoutContext.prototype, "name", {
|
|
@@ -212,7 +218,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
212
218
|
get: function () {
|
|
213
219
|
return this.props.name;
|
|
214
220
|
},
|
|
215
|
-
enumerable:
|
|
221
|
+
enumerable: false,
|
|
216
222
|
configurable: true
|
|
217
223
|
});
|
|
218
224
|
Object.defineProperty(DatePickerWithoutContext.prototype, "min", {
|
|
@@ -221,7 +227,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
221
227
|
? this.props.min
|
|
222
228
|
: DatePickerWithoutContext.defaultProps.min;
|
|
223
229
|
},
|
|
224
|
-
enumerable:
|
|
230
|
+
enumerable: false,
|
|
225
231
|
configurable: true
|
|
226
232
|
});
|
|
227
233
|
Object.defineProperty(DatePickerWithoutContext.prototype, "max", {
|
|
@@ -230,42 +236,42 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
230
236
|
? this.props.max
|
|
231
237
|
: DatePickerWithoutContext.defaultProps.max;
|
|
232
238
|
},
|
|
233
|
-
enumerable:
|
|
239
|
+
enumerable: false,
|
|
234
240
|
configurable: true
|
|
235
241
|
});
|
|
236
242
|
Object.defineProperty(DatePickerWithoutContext.prototype, "dateInputComp", {
|
|
237
243
|
get: function () {
|
|
238
244
|
return this.props.dateInput || DatePickerWithoutContext.defaultProps.dateInput;
|
|
239
245
|
},
|
|
240
|
-
enumerable:
|
|
246
|
+
enumerable: false,
|
|
241
247
|
configurable: true
|
|
242
248
|
});
|
|
243
249
|
Object.defineProperty(DatePickerWithoutContext.prototype, "toggleButtonComp", {
|
|
244
250
|
get: function () {
|
|
245
251
|
return this.props.toggleButton || DatePickerWithoutContext.defaultProps.toggleButton;
|
|
246
252
|
},
|
|
247
|
-
enumerable:
|
|
253
|
+
enumerable: false,
|
|
248
254
|
configurable: true
|
|
249
255
|
});
|
|
250
256
|
Object.defineProperty(DatePickerWithoutContext.prototype, "calendarComp", {
|
|
251
257
|
get: function () {
|
|
252
258
|
return this.props.calendar || DatePickerWithoutContext.defaultProps.calendar;
|
|
253
259
|
},
|
|
254
|
-
enumerable:
|
|
260
|
+
enumerable: false,
|
|
255
261
|
configurable: true
|
|
256
262
|
});
|
|
257
263
|
Object.defineProperty(DatePickerWithoutContext.prototype, "popupComp", {
|
|
258
264
|
get: function () {
|
|
259
265
|
return this.props.popup || DatePickerWithoutContext.defaultProps.popup;
|
|
260
266
|
},
|
|
261
|
-
enumerable:
|
|
267
|
+
enumerable: false,
|
|
262
268
|
configurable: true
|
|
263
269
|
});
|
|
264
270
|
Object.defineProperty(DatePickerWithoutContext.prototype, "pickerWrapComp", {
|
|
265
271
|
get: function () {
|
|
266
272
|
return this.props.pickerWrap || DatePickerWithoutContext.defaultProps.pickerWrap;
|
|
267
273
|
},
|
|
268
|
-
enumerable:
|
|
274
|
+
enumerable: false,
|
|
269
275
|
configurable: true
|
|
270
276
|
});
|
|
271
277
|
Object.defineProperty(DatePickerWithoutContext.prototype, "validity", {
|
|
@@ -273,7 +279,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
273
279
|
* Represents the validity state into which the DatePicker is set.
|
|
274
280
|
*/
|
|
275
281
|
get: function () {
|
|
276
|
-
var inRange = utils_2.isInDateRange(this.value, this.min, this.max);
|
|
282
|
+
var inRange = (0, utils_2.isInDateRange)(this.value, this.min, this.max);
|
|
277
283
|
var customError = this.props.validationMessage !== undefined;
|
|
278
284
|
var isValid = (!this.required || this.value !== null) && inRange;
|
|
279
285
|
var valid = this.props.valid !== undefined ? this.props.valid : isValid;
|
|
@@ -285,7 +291,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
285
291
|
valueMissing: this.value === null
|
|
286
292
|
};
|
|
287
293
|
},
|
|
288
|
-
enumerable:
|
|
294
|
+
enumerable: false,
|
|
289
295
|
configurable: true
|
|
290
296
|
});
|
|
291
297
|
Object.defineProperty(DatePickerWithoutContext.prototype, "validityStyles", {
|
|
@@ -297,7 +303,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
297
303
|
? this.props.validityStyles
|
|
298
304
|
: DatePickerWithoutContext.defaultProps.validityStyles;
|
|
299
305
|
},
|
|
300
|
-
enumerable:
|
|
306
|
+
enumerable: false,
|
|
301
307
|
configurable: true
|
|
302
308
|
});
|
|
303
309
|
Object.defineProperty(DatePickerWithoutContext.prototype, "required", {
|
|
@@ -309,7 +315,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
309
315
|
? this.props.required
|
|
310
316
|
: DatePickerWithoutContext.defaultProps.required;
|
|
311
317
|
},
|
|
312
|
-
enumerable:
|
|
318
|
+
enumerable: false,
|
|
313
319
|
configurable: true
|
|
314
320
|
});
|
|
315
321
|
/**
|
|
@@ -352,9 +358,9 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
352
358
|
var _e = this.props.popupSettings, popupClass = _e.popupClass, otherPopupSettings = __rest(_e, ["popupClass"]);
|
|
353
359
|
var show = this.show;
|
|
354
360
|
var value = this.value;
|
|
355
|
-
var sanitizedValue = value && kendo_date_math_1.getDate(value);
|
|
361
|
+
var sanitizedValue = value && (0, kendo_date_math_1.getDate)(value);
|
|
356
362
|
var isValid = !this.validityStyles || this.validity.valid;
|
|
357
|
-
var popupClassNames = kendo_react_common_1.classNames('k-calendar-container k-group k-reset', popupClass);
|
|
363
|
+
var popupClassNames = (0, kendo_react_common_1.classNames)('k-calendar-container k-group k-reset', popupClass);
|
|
358
364
|
var dateInputProps = {
|
|
359
365
|
disabled: disabled,
|
|
360
366
|
format: format,
|
|
@@ -398,15 +404,15 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
398
404
|
focusedDate: focusedDate,
|
|
399
405
|
onChange: this.handleCalendarValueChange
|
|
400
406
|
};
|
|
401
|
-
var toggleButtonTitle = kendo_react_intl_1.provideLocalizationService(this)
|
|
407
|
+
var toggleButtonTitle = (0, kendo_react_intl_1.provideLocalizationService)(this)
|
|
402
408
|
.toLanguageString(messages_1.toggleCalendar, messages_1.messages[messages_1.toggleCalendar]);
|
|
403
409
|
var datepicker = (React.createElement(kendo_react_common_1.AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
|
|
404
|
-
var onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
405
410
|
var _b;
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
_b["k-
|
|
409
|
-
_b["k-
|
|
411
|
+
var onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
412
|
+
return (React.createElement("span", { role: "group", "aria-expanded": _this.show, ref: function (span) { _this._element = span; }, className: (0, kendo_react_common_1.classNames)('k-input', 'k-datepicker', (_b = {},
|
|
413
|
+
_b["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
414
|
+
_b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
415
|
+
_b["k-input-".concat(fillMode)] = fillMode,
|
|
410
416
|
_b['k-invalid'] = !isValid,
|
|
411
417
|
_b['k-required'] = _this.required,
|
|
412
418
|
_b['k-disabled'] = _this.props.disabled,
|
|
@@ -427,7 +433,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
|
|
|
427
433
|
this.setState({ show: show });
|
|
428
434
|
};
|
|
429
435
|
DatePickerWithoutContext.prototype.mergeTime = function (value) {
|
|
430
|
-
return this.value && value ? utils_1.setTime(value, this.value) : value;
|
|
436
|
+
return this.value && value ? (0, utils_1.setTime)(value, this.value) : value;
|
|
431
437
|
};
|
|
432
438
|
DatePickerWithoutContext.prototype.nextTick = function (f) {
|
|
433
439
|
// XXX: use window.setTimeout due to async focus/blur events in IE, and missing relatedTarget prop.
|
|
@@ -539,7 +545,7 @@ exports.DatePickerWithoutContext = DatePickerWithoutContext;
|
|
|
539
545
|
*
|
|
540
546
|
* For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
|
|
541
547
|
*/
|
|
542
|
-
exports.DatePickerPropsContext = kendo_react_common_1.createPropsContext();
|
|
548
|
+
exports.DatePickerPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
543
549
|
/* eslint-disable @typescript-eslint/no-redeclare */
|
|
544
550
|
/**
|
|
545
551
|
* Represents the KendoReact DatePicker Component.
|
|
@@ -547,6 +553,6 @@ exports.DatePickerPropsContext = kendo_react_common_1.createPropsContext();
|
|
|
547
553
|
* Accepts properties of type [DatePickerProps]({% slug api_dateinputs_datepickerprops %}).
|
|
548
554
|
* Obtaining the `ref` returns an object of type [DatePickerHandle]({% slug api_dateinputs_datepickerhandle %}).
|
|
549
555
|
*/
|
|
550
|
-
exports.DatePicker = kendo_react_common_1.withPropsContext(exports.DatePickerPropsContext, DatePickerWithoutContext);
|
|
556
|
+
exports.DatePicker = (0, kendo_react_common_1.withPropsContext)(exports.DatePickerPropsContext, DatePickerWithoutContext);
|
|
551
557
|
exports.DatePicker.displayName = 'KendoReactDatePicker';
|
|
552
|
-
kendo_react_intl_1.registerForLocalization(DatePickerWithoutContext);
|
|
558
|
+
(0, kendo_react_intl_1.registerForLocalization)(DatePickerWithoutContext);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ToggleButton = void 0;
|
|
3
4
|
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
4
5
|
/**
|
|
5
6
|
* Represents the default `toggleButton` component rendered by the [KendoReact Scheduler DatePicker]({% slug overview_datepicker %}).
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as PropTypes from 'prop-types';
|
|
3
3
|
import { DateInput } from '../dateinput/DateInput';
|
|
4
|
-
import { MultiViewCalendar } from '../calendar/components/MultiViewCalendar';
|
|
4
|
+
import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar';
|
|
5
5
|
import { SelectionRange } from '../calendar/models';
|
|
6
6
|
import { DateRangePickerSettings } from './models';
|
|
7
7
|
/**
|
|
@@ -89,7 +89,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
|
|
|
89
89
|
second: PropTypes.Requireable<string>;
|
|
90
90
|
timeZoneName: PropTypes.Requireable<string>;
|
|
91
91
|
}>>;
|
|
92
|
-
formatPlaceholder: PropTypes.Requireable<"
|
|
92
|
+
formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
|
|
93
93
|
year: PropTypes.Requireable<string>;
|
|
94
94
|
month: PropTypes.Requireable<string>;
|
|
95
95
|
day: PropTypes.Requireable<string>;
|
|
@@ -125,9 +125,11 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
|
|
|
125
125
|
required: PropTypes.Requireable<boolean>;
|
|
126
126
|
validate: PropTypes.Requireable<boolean>;
|
|
127
127
|
valid: PropTypes.Requireable<boolean>;
|
|
128
|
-
size: PropTypes.Requireable<"small" | "medium" | "large">;
|
|
129
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "
|
|
130
|
-
fillMode: PropTypes.Requireable<"
|
|
128
|
+
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
129
|
+
rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
|
|
130
|
+
fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>; /**
|
|
131
|
+
* Gets the wrapping element of the DateRangePicker.
|
|
132
|
+
*/
|
|
131
133
|
}>>;
|
|
132
134
|
focusedDate: PropTypes.Requireable<Date>;
|
|
133
135
|
format: PropTypes.Requireable<string | PropTypes.InferProps<{
|
|
@@ -192,29 +194,29 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
|
|
|
192
194
|
/**
|
|
193
195
|
* Gets the wrapping element of the DateRangePicker.
|
|
194
196
|
*/
|
|
195
|
-
|
|
197
|
+
get element(): HTMLSpanElement | null;
|
|
196
198
|
/**
|
|
197
199
|
* Gets the start DateInput component inside the DatePicker component.
|
|
198
200
|
*/
|
|
199
|
-
|
|
201
|
+
get startDateInput(): DateInput | null;
|
|
200
202
|
/**
|
|
201
203
|
* Gets the end DateInput component inside the DatePicker component.
|
|
202
204
|
*/
|
|
203
|
-
|
|
205
|
+
get endDateInput(): DateInput | null;
|
|
204
206
|
/**
|
|
205
207
|
* Gets the MultiVieCalendar inside the DateRangePicker.
|
|
206
208
|
*/
|
|
207
|
-
|
|
209
|
+
get calendar(): MultiViewCalendar | null;
|
|
208
210
|
/**
|
|
209
211
|
* Gets the value of the DateRangePicker.
|
|
210
212
|
*/
|
|
211
|
-
|
|
213
|
+
get value(): SelectionRange;
|
|
212
214
|
/**
|
|
213
215
|
* Gets the popup state of the DateRangePicker.
|
|
214
216
|
*/
|
|
215
|
-
|
|
216
|
-
protected
|
|
217
|
-
protected
|
|
217
|
+
get show(): boolean;
|
|
218
|
+
protected get min(): Date;
|
|
219
|
+
protected get max(): Date;
|
|
218
220
|
/**
|
|
219
221
|
* @hidden
|
|
220
222
|
*/
|
|
@@ -235,7 +237,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
|
|
|
235
237
|
* @hidden
|
|
236
238
|
*/
|
|
237
239
|
render(): JSX.Element;
|
|
238
|
-
protected setCalendarRef: (calendar:
|
|
240
|
+
protected setCalendarRef: (calendar: MultiViewCalendarHandle | null) => void;
|
|
239
241
|
protected focusCalendarElement: () => void;
|
|
240
242
|
protected focusDateInputElement(): void;
|
|
241
243
|
protected calculateValue: (props: DateRangePickerProps, state: DateRangePickerState) => SelectionRange;
|