@progress/kendo-react-dateinputs 7.2.4-develop.3 → 7.3.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/calendar/components/Calendar.js +12 -0
- package/calendar/components/Calendar.mjs +328 -0
- package/calendar/components/CalendarCell.js +8 -0
- package/calendar/components/CalendarCell.mjs +101 -0
- package/calendar/components/CalendarHeaderTitle.js +8 -0
- package/calendar/components/CalendarHeaderTitle.mjs +23 -0
- package/calendar/components/CalendarNavigationItem.js +8 -0
- package/calendar/components/CalendarNavigationItem.mjs +29 -0
- package/calendar/components/CalendarWeekCell.js +8 -0
- package/calendar/components/CalendarWeekCell.mjs +23 -0
- package/calendar/components/Header.js +8 -0
- package/calendar/components/Header.mjs +78 -0
- package/calendar/components/HorizontalViewList.js +8 -0
- package/calendar/components/HorizontalViewList.mjs +120 -0
- package/calendar/components/MultiViewCalendar.js +8 -0
- package/calendar/components/MultiViewCalendar.mjs +428 -0
- package/calendar/components/Navigation.js +8 -0
- package/calendar/components/Navigation.mjs +117 -0
- package/calendar/components/TodayCommand.js +8 -0
- package/calendar/components/TodayCommand.mjs +74 -0
- package/calendar/components/View.js +8 -0
- package/calendar/components/View.mjs +153 -0
- package/calendar/components/ViewList.js +8 -0
- package/calendar/components/ViewList.mjs +228 -0
- package/calendar/models/CalendarViewEnum.js +8 -0
- package/calendar/models/CalendarViewEnum.mjs +12 -0
- package/calendar/models/NavigationAction.js +8 -0
- package/calendar/models/NavigationAction.mjs +12 -0
- package/calendar/models/SelectionRange.js +8 -0
- package/calendar/models/SelectionRange.mjs +12 -0
- package/calendar/services/BusViewService.js +8 -0
- package/calendar/services/BusViewService.mjs +58 -0
- package/calendar/services/CenturyViewService.js +8 -0
- package/calendar/services/CenturyViewService.mjs +126 -0
- package/calendar/services/DOMService.js +14 -0
- package/calendar/services/DOMService.mjs +124 -0
- package/calendar/services/DecadeViewService.js +8 -0
- package/calendar/services/DecadeViewService.mjs +126 -0
- package/calendar/services/MonthViewService.js +8 -0
- package/calendar/services/MonthViewService.mjs +139 -0
- package/calendar/services/NavigationService.js +8 -0
- package/calendar/services/NavigationService.mjs +36 -0
- package/calendar/services/ScrollSyncService.js +8 -0
- package/calendar/services/ScrollSyncService.mjs +50 -0
- package/calendar/services/WeekNamesService.js +8 -0
- package/calendar/services/WeekNamesService.mjs +24 -0
- package/calendar/services/YearViewService.js +8 -0
- package/calendar/services/YearViewService.mjs +135 -0
- package/common/AdaptiveMode.js +8 -0
- package/common/AdaptiveMode.mjs +73 -0
- package/common/PickerWrap.js +8 -0
- package/common/PickerWrap.mjs +32 -0
- package/common/constants.js +8 -0
- package/common/constants.mjs +12 -0
- package/dateinput/DateInput.js +8 -0
- package/dateinput/DateInput.mjs +503 -0
- package/dateinput/models/kendo-date.js +8 -0
- package/dateinput/models/kendo-date.mjs +233 -0
- package/dateinput/models/mask.js +8 -0
- package/dateinput/models/mask.mjs +16 -0
- package/dateinput/utils.js +8 -0
- package/dateinput/utils.mjs +38 -0
- package/datepicker/DatePicker.js +8 -0
- package/datepicker/DatePicker.mjs +462 -0
- package/datepicker/ToggleButton.js +8 -0
- package/datepicker/ToggleButton.mjs +13 -0
- package/daterangepicker/DateRangePicker.js +8 -0
- package/daterangepicker/DateRangePicker.mjs +426 -0
- package/datetimepicker/DateTimePicker.js +8 -0
- package/datetimepicker/DateTimePicker.mjs +475 -0
- package/datetimepicker/DateTimeSelector.js +8 -0
- package/datetimepicker/DateTimeSelector.mjs +275 -0
- package/dist/cdn/js/kendo-react-dateinputs.js +8 -21
- package/hooks/usePickerFloatingLabel.js +8 -0
- package/hooks/usePickerFloatingLabel.mjs +31 -0
- package/index.d.mts +4528 -5
- package/index.d.ts +4528 -39
- package/index.js +8 -21
- package/index.mjs +114 -6540
- package/messages/index.js +8 -0
- package/messages/index.mjs +59 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +7 -7
- package/timepicker/TimeList.js +14 -0
- package/timepicker/TimeList.mjs +230 -0
- package/timepicker/TimePart.js +8 -0
- package/timepicker/TimePart.mjs +267 -0
- package/timepicker/TimePicker.js +8 -0
- package/timepicker/TimePicker.mjs +479 -0
- package/timepicker/TimeSelector.js +8 -0
- package/timepicker/TimeSelector.mjs +250 -0
- package/timepicker/models/TimePart.js +8 -0
- package/timepicker/models/TimePart.mjs +18 -0
- package/timepicker/services/DOMService.js +8 -0
- package/timepicker/services/DOMService.mjs +34 -0
- package/timepicker/services/DayPeriodService.js +8 -0
- package/timepicker/services/DayPeriodService.mjs +89 -0
- package/timepicker/services/HoursService.js +8 -0
- package/timepicker/services/HoursService.mjs +92 -0
- package/timepicker/services/MinutesService.js +8 -0
- package/timepicker/services/MinutesService.mjs +91 -0
- package/timepicker/services/SecondsService.js +8 -0
- package/timepicker/services/SecondsService.mjs +91 -0
- package/timepicker/utils.js +8 -0
- package/timepicker/utils.mjs +91 -0
- package/utils.js +8 -0
- package/utils.mjs +111 -0
- package/virtualization/Virtualization.js +8 -0
- package/virtualization/Virtualization.mjs +204 -0
- package/virtualization/services/RowHeightService.js +8 -0
- package/virtualization/services/RowHeightService.mjs +50 -0
- package/virtualization/services/ScrollerService.js +8 -0
- package/virtualization/services/ScrollerService.mjs +52 -0
- package/PopupSettings.d.ts +0 -18
- package/calendar/components/Calendar.d.ts +0 -191
- package/calendar/components/CalendarCell.d.ts +0 -39
- package/calendar/components/CalendarHeaderTitle.d.ts +0 -32
- package/calendar/components/CalendarNavigationItem.d.ts +0 -31
- package/calendar/components/CalendarWeekCell.d.ts +0 -29
- package/calendar/components/Header.d.ts +0 -58
- package/calendar/components/HorizontalViewList.d.ts +0 -71
- package/calendar/components/MultiViewCalendar.d.ts +0 -212
- package/calendar/components/Navigation.d.ts +0 -80
- package/calendar/components/TodayCommand.d.ts +0 -35
- package/calendar/components/View.d.ts +0 -89
- package/calendar/components/ViewList.d.ts +0 -115
- package/calendar/models/ActiveView.d.ts +0 -8
- package/calendar/models/CalendarSettings.d.ts +0 -106
- package/calendar/models/CalendarViewEnum.d.ts +0 -13
- package/calendar/models/CellContext.d.ts +0 -23
- package/calendar/models/MultiViewCalendarMode.d.ts +0 -13
- package/calendar/models/MultiViewCalendarSettings.d.ts +0 -115
- package/calendar/models/NavigationAction.d.ts +0 -19
- package/calendar/models/SelectionRange.d.ts +0 -21
- package/calendar/models/SelectionRangeEnd.d.ts +0 -8
- package/calendar/models/ViewService.d.ts +0 -29
- package/calendar/models/index.d.ts +0 -15
- package/calendar/services/BusViewService.d.ts +0 -25
- package/calendar/services/CenturyViewService.d.ts +0 -29
- package/calendar/services/DOMService.d.ts +0 -33
- package/calendar/services/DecadeViewService.d.ts +0 -31
- package/calendar/services/MonthViewService.d.ts +0 -37
- package/calendar/services/NavigationService.d.ts +0 -18
- package/calendar/services/ScrollSyncService.d.ts +0 -25
- package/calendar/services/WeekNamesService.d.ts +0 -13
- package/calendar/services/YearViewService.d.ts +0 -35
- package/calendar/services/index.d.ts +0 -14
- package/common/AdaptiveMode.d.ts +0 -25
- package/common/PickerWrap.d.ts +0 -22
- package/common/constants.d.ts +0 -8
- package/dateinput/DateInput.d.ts +0 -355
- package/dateinput/models/DateInputSettings.d.ts +0 -103
- package/dateinput/models/format-placeholder.d.ts +0 -43
- package/dateinput/models/incremental-steps.d.ts +0 -15
- package/dateinput/models/index.d.ts +0 -11
- package/dateinput/models/kendo-date.d.ts +0 -57
- package/dateinput/models/mask.d.ts +0 -11
- package/dateinput/models/selection.d.ts +0 -11
- package/dateinput/utils.d.ts +0 -34
- package/datepicker/DatePicker.d.ts +0 -358
- package/datepicker/ToggleButton.d.ts +0 -14
- package/datepicker/models/DatePickerSettings.d.ts +0 -141
- package/datepicker/models/index.d.ts +0 -6
- package/daterangepicker/DateRangePicker.d.ts +0 -354
- package/daterangepicker/models/DateRangePickerCalendarSettings.d.ts +0 -10
- package/daterangepicker/models/DateRangePickerDateInputSettings.d.ts +0 -10
- package/daterangepicker/models/DateRangePickerPopupSettings.d.ts +0 -10
- package/daterangepicker/models/DateRangePickerSettings.d.ts +0 -126
- package/daterangepicker/models/index.d.ts +0 -9
- package/datetimepicker/DateTimePicker.d.ts +0 -342
- package/datetimepicker/DateTimeSelector.d.ts +0 -106
- package/datetimepicker/models/DateTimePickerSettings.d.ts +0 -144
- package/datetimepicker/models/index.d.ts +0 -6
- package/hooks/usePickerFloatingLabel.d.ts +0 -24
- package/messages/index.d.ts +0 -124
- package/package-metadata.d.ts +0 -9
- package/timepicker/TimeList.d.ts +0 -91
- package/timepicker/TimePart.d.ts +0 -141
- package/timepicker/TimePicker.d.ts +0 -355
- package/timepicker/TimeSelector.d.ts +0 -144
- package/timepicker/models/IncrementalSteps.d.ts +0 -12
- package/timepicker/models/ListItem.d.ts +0 -11
- package/timepicker/models/ListService.d.ts +0 -19
- package/timepicker/models/ListServiceSettings.d.ts +0 -16
- package/timepicker/models/TimePart.d.ts +0 -14
- package/timepicker/models/TimePickerSettings.d.ts +0 -133
- package/timepicker/models/index.d.ts +0 -11
- package/timepicker/services/DOMService.d.ts +0 -14
- package/timepicker/services/DayPeriodService.d.ts +0 -51
- package/timepicker/services/HoursService.d.ts +0 -37
- package/timepicker/services/MinutesService.d.ts +0 -36
- package/timepicker/services/SecondsService.d.ts +0 -36
- package/timepicker/services/index.d.ts +0 -10
- package/timepicker/utils.d.ts +0 -60
- package/utils.d.ts +0 -100
- package/virtualization/Virtualization.d.ts +0 -120
- package/virtualization/services/RowHeightService.d.ts +0 -22
- package/virtualization/services/ScrollerService.d.ts +0 -53
- package/virtualization/services/index.d.ts +0 -7
|
@@ -1,355 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-react-intl';
|
|
9
|
-
import { DateInput, DateInputProps } from '../dateinput/DateInput';
|
|
10
|
-
import { TimeSelector } from './TimeSelector';
|
|
11
|
-
import { TimePickerSettings } from './models';
|
|
12
|
-
/**
|
|
13
|
-
* The arguments for the `onChange` event of the TimePicker.
|
|
14
|
-
*/
|
|
15
|
-
export interface TimePickerChangeEvent {
|
|
16
|
-
nativeEvent?: any;
|
|
17
|
-
syntheticEvent: React.SyntheticEvent<any>;
|
|
18
|
-
value: Date | null;
|
|
19
|
-
show: boolean;
|
|
20
|
-
target: TimePicker;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* The arguments for the `onOpen` event of the TimePicker.
|
|
24
|
-
*/
|
|
25
|
-
export interface TimePickerOpenEvent {
|
|
26
|
-
target: TimePicker;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* The arguments for the `onClose` event of the TimePicker.
|
|
30
|
-
*/
|
|
31
|
-
export interface TimePickerCloseEvent {
|
|
32
|
-
target: TimePicker;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Represents the props of the [KendoReact TimePicker component]({% slug overview_timepicker %}).
|
|
36
|
-
*/
|
|
37
|
-
export interface TimePickerProps extends TimePickerSettings, FormComponentProps {
|
|
38
|
-
/**
|
|
39
|
-
* Sets the default value of the TimePicker ([see example]({% slug default_value_timepicker %}#toc-setting-the-default-value)).
|
|
40
|
-
*/
|
|
41
|
-
defaultValue?: Date | null;
|
|
42
|
-
/**
|
|
43
|
-
* Fires each time the user selects a new value ([see example]({% slug controlled_timepicker %}#toc-controlling-the-date-value)).
|
|
44
|
-
*/
|
|
45
|
-
onChange?: (event: TimePickerChangeEvent) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Fires each time the popup is opened.
|
|
48
|
-
*/
|
|
49
|
-
onOpen?: (event: TimePickerOpenEvent) => void;
|
|
50
|
-
/**
|
|
51
|
-
* Fires each time the popup is closed.
|
|
52
|
-
*/
|
|
53
|
-
onClose?: (event: TimePickerCloseEvent) => void;
|
|
54
|
-
/**
|
|
55
|
-
* Specifies the value of the TimePicker ([see example]({% slug controlled_timepicker %}#toc-controlling-the-date-value)).
|
|
56
|
-
*
|
|
57
|
-
* > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
|
|
58
|
-
*/
|
|
59
|
-
value?: Date | null;
|
|
60
|
-
/**
|
|
61
|
-
* Configures the `size` of the TimePicker.
|
|
62
|
-
*
|
|
63
|
-
* The available options are:
|
|
64
|
-
* - small
|
|
65
|
-
* - medium
|
|
66
|
-
* - large
|
|
67
|
-
* - null—Does not set a size `className`.
|
|
68
|
-
*
|
|
69
|
-
* @default `medium`
|
|
70
|
-
*/
|
|
71
|
-
size?: null | 'small' | 'medium' | 'large';
|
|
72
|
-
/**
|
|
73
|
-
* Configures the `roundness` of the TimePicker.
|
|
74
|
-
*
|
|
75
|
-
* The available options are:
|
|
76
|
-
* - small
|
|
77
|
-
* - medium
|
|
78
|
-
* - large
|
|
79
|
-
* - full
|
|
80
|
-
* - null—Does not set a rounded `className`.
|
|
81
|
-
*
|
|
82
|
-
* @default `medium`
|
|
83
|
-
*/
|
|
84
|
-
rounded?: null | 'small' | 'medium' | 'large' | 'full';
|
|
85
|
-
/**
|
|
86
|
-
* Configures the `fillMode` of the TimePicker.
|
|
87
|
-
*
|
|
88
|
-
* The available options are:
|
|
89
|
-
* - solid
|
|
90
|
-
* - outline
|
|
91
|
-
* - flat
|
|
92
|
-
* - null—Does not set a fillMode `className`.
|
|
93
|
-
*
|
|
94
|
-
* @default `solid`
|
|
95
|
-
*/
|
|
96
|
-
fillMode?: null | 'solid' | 'flat' | 'outline';
|
|
97
|
-
/**
|
|
98
|
-
* Providing different rendering of the popup element based on the screen dimensions.
|
|
99
|
-
*/
|
|
100
|
-
adaptive?: boolean;
|
|
101
|
-
/**
|
|
102
|
-
* Specifies the text that is rendered as title in the adaptive popup.
|
|
103
|
-
*/
|
|
104
|
-
adaptiveTitle?: string;
|
|
105
|
-
}
|
|
106
|
-
/**
|
|
107
|
-
* @hidden
|
|
108
|
-
*/
|
|
109
|
-
export interface TimePickerState {
|
|
110
|
-
value: Date | null;
|
|
111
|
-
show: boolean;
|
|
112
|
-
focused: boolean;
|
|
113
|
-
windowWidth?: number;
|
|
114
|
-
candidate: Date | null;
|
|
115
|
-
}
|
|
116
|
-
/** @hidden */
|
|
117
|
-
export declare class TimePickerWithoutContext extends React.Component<TimePickerProps, TimePickerState> implements FormComponent {
|
|
118
|
-
/**
|
|
119
|
-
* @hidden
|
|
120
|
-
*/
|
|
121
|
-
static displayName: string;
|
|
122
|
-
/**
|
|
123
|
-
* @hidden
|
|
124
|
-
*/
|
|
125
|
-
static propTypes: {
|
|
126
|
-
className: PropTypes.Requireable<string>;
|
|
127
|
-
cancelButton: PropTypes.Requireable<boolean>;
|
|
128
|
-
nowButton: PropTypes.Requireable<boolean>;
|
|
129
|
-
defaultShow: PropTypes.Requireable<boolean>;
|
|
130
|
-
defaultValue: PropTypes.Requireable<Date>;
|
|
131
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
132
|
-
format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
|
|
133
|
-
skeleton: PropTypes.Requireable<string>;
|
|
134
|
-
pattern: PropTypes.Requireable<string>;
|
|
135
|
-
date: PropTypes.Requireable<string>;
|
|
136
|
-
time: PropTypes.Requireable<string>;
|
|
137
|
-
datetime: PropTypes.Requireable<string>;
|
|
138
|
-
era: PropTypes.Requireable<string>;
|
|
139
|
-
year: PropTypes.Requireable<string>;
|
|
140
|
-
month: PropTypes.Requireable<string>;
|
|
141
|
-
day: PropTypes.Requireable<string>;
|
|
142
|
-
weekday: PropTypes.Requireable<string>;
|
|
143
|
-
hour: PropTypes.Requireable<string>;
|
|
144
|
-
hour12: PropTypes.Requireable<boolean>;
|
|
145
|
-
minute: PropTypes.Requireable<string>;
|
|
146
|
-
second: PropTypes.Requireable<string>;
|
|
147
|
-
timeZoneName: PropTypes.Requireable<string>;
|
|
148
|
-
}> | null | undefined>>;
|
|
149
|
-
formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
|
|
150
|
-
year: PropTypes.Requireable<string>;
|
|
151
|
-
month: PropTypes.Requireable<string>;
|
|
152
|
-
day: PropTypes.Requireable<string>;
|
|
153
|
-
hour: PropTypes.Requireable<string>;
|
|
154
|
-
minute: PropTypes.Requireable<string>;
|
|
155
|
-
second: PropTypes.Requireable<string>;
|
|
156
|
-
}> | null | undefined>>;
|
|
157
|
-
id: PropTypes.Requireable<string>;
|
|
158
|
-
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
159
|
-
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
160
|
-
min: PropTypes.Requireable<Date>;
|
|
161
|
-
max: PropTypes.Requireable<Date>;
|
|
162
|
-
name: PropTypes.Requireable<string>;
|
|
163
|
-
popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
|
|
164
|
-
animate: PropTypes.Requireable<boolean>;
|
|
165
|
-
appendTo: PropTypes.Requireable<any>;
|
|
166
|
-
popupClass: PropTypes.Requireable<string>;
|
|
167
|
-
}>>;
|
|
168
|
-
show: PropTypes.Requireable<boolean>;
|
|
169
|
-
steps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
170
|
-
hour: PropTypes.Requireable<number>;
|
|
171
|
-
minute: PropTypes.Requireable<number>;
|
|
172
|
-
second: PropTypes.Requireable<number>;
|
|
173
|
-
}>>;
|
|
174
|
-
smoothScroll: PropTypes.Requireable<boolean>;
|
|
175
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
176
|
-
title: PropTypes.Requireable<string>;
|
|
177
|
-
value: PropTypes.Requireable<Date>;
|
|
178
|
-
width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
179
|
-
validationMessage: PropTypes.Requireable<string>;
|
|
180
|
-
required: PropTypes.Requireable<boolean>;
|
|
181
|
-
validate: PropTypes.Requireable<boolean>;
|
|
182
|
-
valid: PropTypes.Requireable<boolean>;
|
|
183
|
-
size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
|
|
184
|
-
rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | null | undefined>;
|
|
185
|
-
fillMode: PropTypes.Requireable<"solid" | "flat" | "outline" | null | undefined>;
|
|
186
|
-
};
|
|
187
|
-
/**
|
|
188
|
-
* @hidden
|
|
189
|
-
*/
|
|
190
|
-
static defaultProps: {
|
|
191
|
-
defaultShow: boolean;
|
|
192
|
-
defaultValue: null;
|
|
193
|
-
disabled: boolean;
|
|
194
|
-
format: string;
|
|
195
|
-
max: Date;
|
|
196
|
-
min: Date;
|
|
197
|
-
popupSettings: {};
|
|
198
|
-
tabIndex: number;
|
|
199
|
-
steps: {};
|
|
200
|
-
required: boolean;
|
|
201
|
-
validityStyles: boolean;
|
|
202
|
-
dateInput: React.ComponentType<DateInputProps<any>>;
|
|
203
|
-
size: "small" | "medium" | "large" | null | undefined;
|
|
204
|
-
rounded: "small" | "medium" | "large" | "full" | null | undefined;
|
|
205
|
-
fillMode: "solid" | "flat" | "outline" | null | undefined;
|
|
206
|
-
};
|
|
207
|
-
/**
|
|
208
|
-
* @hidden
|
|
209
|
-
*/
|
|
210
|
-
readonly state: TimePickerState;
|
|
211
|
-
private get _popupId();
|
|
212
|
-
private _element;
|
|
213
|
-
private _dateInput;
|
|
214
|
-
private _timeSelector;
|
|
215
|
-
private valueDuringOnChange?;
|
|
216
|
-
private showDuringOnChange?;
|
|
217
|
-
private shouldFocusDateInput;
|
|
218
|
-
private prevShow;
|
|
219
|
-
private observerResize?;
|
|
220
|
-
private get document();
|
|
221
|
-
constructor(props: TimePickerProps);
|
|
222
|
-
/**
|
|
223
|
-
* Gets the wrapping element of the TimePicker.
|
|
224
|
-
*/
|
|
225
|
-
get element(): HTMLSpanElement | null;
|
|
226
|
-
/**
|
|
227
|
-
* Gets the DateInput component inside the TimePicker component.
|
|
228
|
-
*/
|
|
229
|
-
get dateInput(): DateInput | null;
|
|
230
|
-
/**
|
|
231
|
-
* Gets the TimeSelector component inside the TimePicker component.
|
|
232
|
-
*/
|
|
233
|
-
get timeSelector(): TimeSelector | null;
|
|
234
|
-
/**
|
|
235
|
-
* Gets the value of the TimePicker.
|
|
236
|
-
*/
|
|
237
|
-
get value(): Date | null;
|
|
238
|
-
/**
|
|
239
|
-
* Gets the popup state of the TimeSelector.
|
|
240
|
-
*/
|
|
241
|
-
get show(): boolean;
|
|
242
|
-
/**
|
|
243
|
-
* Gets the `name` property of the TimePicker.
|
|
244
|
-
*/
|
|
245
|
-
get name(): string | undefined;
|
|
246
|
-
/**
|
|
247
|
-
* Represents the validity state into which the TimePicker is set.
|
|
248
|
-
*/
|
|
249
|
-
get validity(): FormComponentValidity;
|
|
250
|
-
/**
|
|
251
|
-
* The mobile mode of the ComboBox.
|
|
252
|
-
*/
|
|
253
|
-
get mobileMode(): boolean;
|
|
254
|
-
/**
|
|
255
|
-
* @hidden
|
|
256
|
-
*/
|
|
257
|
-
protected get validityStyles(): boolean;
|
|
258
|
-
/**
|
|
259
|
-
* @hidden
|
|
260
|
-
*/
|
|
261
|
-
protected get required(): boolean;
|
|
262
|
-
private get popupSettings();
|
|
263
|
-
private get min();
|
|
264
|
-
private get max();
|
|
265
|
-
protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
|
|
266
|
-
protected get localizationService(): LocalizationService;
|
|
267
|
-
/**
|
|
268
|
-
* @hidden
|
|
269
|
-
*/
|
|
270
|
-
componentDidMount(): void;
|
|
271
|
-
/**
|
|
272
|
-
* @hidden
|
|
273
|
-
*/
|
|
274
|
-
componentDidUpdate(): void;
|
|
275
|
-
/**
|
|
276
|
-
* @hidden
|
|
277
|
-
*/
|
|
278
|
-
componentWillUnmount(): void;
|
|
279
|
-
/**
|
|
280
|
-
* @hidden
|
|
281
|
-
*/
|
|
282
|
-
focus: () => void;
|
|
283
|
-
/**
|
|
284
|
-
* @hidden
|
|
285
|
-
*/
|
|
286
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
287
|
-
private renderTimeSelector;
|
|
288
|
-
private renderPopup;
|
|
289
|
-
private renderAdaptivePopup;
|
|
290
|
-
protected setTimeSelectorRef: (timeSelector: TimeSelector | null) => void;
|
|
291
|
-
protected nextValue: (nextProps: TimePickerProps, nextState: TimePickerState) => Date | null;
|
|
292
|
-
protected nextShow: (nextProps: TimePickerProps, nextState: TimePickerState) => boolean;
|
|
293
|
-
protected normalizeTime(date: Date): Date;
|
|
294
|
-
protected setShow(show: boolean): void;
|
|
295
|
-
protected mergeTime(value: Date | null): Date | null;
|
|
296
|
-
private handleInputValueChange;
|
|
297
|
-
private handleTimeChange;
|
|
298
|
-
private handleValueChange;
|
|
299
|
-
private handleFocus;
|
|
300
|
-
private handleBlur;
|
|
301
|
-
private handleValueReject;
|
|
302
|
-
private handleIconClick;
|
|
303
|
-
private handleIconMouseDown;
|
|
304
|
-
private handleKeyDown;
|
|
305
|
-
private calculateMedia;
|
|
306
|
-
}
|
|
307
|
-
/**
|
|
308
|
-
* Represents the PropsContext of the `TimePicker` component.
|
|
309
|
-
* Used for global configuration of all `TimePicker` instances.
|
|
310
|
-
*
|
|
311
|
-
* For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
|
|
312
|
-
*/
|
|
313
|
-
export declare const TimePickerPropsContext: React.Context<(p: TimePickerProps) => TimePickerProps>;
|
|
314
|
-
/**
|
|
315
|
-
* Represent the `ref` of the TimePicker component.
|
|
316
|
-
*/
|
|
317
|
-
export interface TimePickerHandle extends Pick<TimePickerWithoutContext, keyof TimePickerWithoutContext> {
|
|
318
|
-
/**
|
|
319
|
-
* Gets the DateInput component inside the TimePicker component.
|
|
320
|
-
*/
|
|
321
|
-
dateInput: DateInput | null;
|
|
322
|
-
/**
|
|
323
|
-
* Returns the HTML element of the TimePicker component.
|
|
324
|
-
*/
|
|
325
|
-
element: HTMLSpanElement | null;
|
|
326
|
-
/**
|
|
327
|
-
* Gets the `name` property of the TimePicker.
|
|
328
|
-
*/
|
|
329
|
-
name: string | undefined;
|
|
330
|
-
/**
|
|
331
|
-
* Gets the popup state of the TimeSelector.
|
|
332
|
-
*/
|
|
333
|
-
show: boolean;
|
|
334
|
-
/**
|
|
335
|
-
* Represents the validity state into which the TimePicker is set.
|
|
336
|
-
*/
|
|
337
|
-
validity: FormComponentValidity;
|
|
338
|
-
/**
|
|
339
|
-
* Gets the value of the TimePicker.
|
|
340
|
-
*/
|
|
341
|
-
value: Date | null;
|
|
342
|
-
/**
|
|
343
|
-
* Gets the TimeSelector component inside the TimePicker component.
|
|
344
|
-
*/
|
|
345
|
-
timeSelector: TimeSelector | null;
|
|
346
|
-
}
|
|
347
|
-
/** @hidden */
|
|
348
|
-
export type TimePicker = TimePickerHandle;
|
|
349
|
-
/**
|
|
350
|
-
* Represents the KendoReact TimePicker Component.
|
|
351
|
-
*
|
|
352
|
-
* Accepts properties of type [TimePicker]({% slug api_dateinputs_timepickerprops %}).
|
|
353
|
-
* Obtaining the `ref` returns an object of type [TimePickerHandle]({% slug api_dateinputs_timepickerhandle %}).
|
|
354
|
-
*/
|
|
355
|
-
export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import PropTypes from 'prop-types';
|
|
7
|
-
import { IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
|
|
8
|
-
import { TimePickerIncrementalSteps } from './models/IncrementalSteps';
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare enum Direction {
|
|
13
|
-
Left = 0,
|
|
14
|
-
Right = 1
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
export interface TimeSelectorChangeEvent {
|
|
20
|
-
nativeEvent?: any;
|
|
21
|
-
syntheticEvent: React.SyntheticEvent<any>;
|
|
22
|
-
value: Date;
|
|
23
|
-
target: TimeSelector;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export interface TimeSelectorTimeChangeEvent {
|
|
29
|
-
time: Date;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
export interface TimeSelectorProps {
|
|
35
|
-
cancelButton?: boolean;
|
|
36
|
-
className?: string;
|
|
37
|
-
disabled?: boolean;
|
|
38
|
-
format?: string | DateFormatOptions;
|
|
39
|
-
max?: Date;
|
|
40
|
-
min?: Date;
|
|
41
|
-
nowButton?: boolean;
|
|
42
|
-
onChange?: any;
|
|
43
|
-
handleTimeChange?: any;
|
|
44
|
-
onReject?: any;
|
|
45
|
-
steps?: TimePickerIncrementalSteps;
|
|
46
|
-
smoothScroll?: boolean;
|
|
47
|
-
tabIndex?: number;
|
|
48
|
-
value?: Date | null;
|
|
49
|
-
boundRange?: boolean;
|
|
50
|
-
show?: boolean;
|
|
51
|
-
footer?: boolean;
|
|
52
|
-
mobileMode?: boolean;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
export interface TimeSelectorState {
|
|
58
|
-
value: Date | null;
|
|
59
|
-
current: Date | null;
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
export declare class TimeSelector extends React.Component<TimeSelectorProps, TimeSelectorState> {
|
|
65
|
-
static propTypes: {
|
|
66
|
-
cancelButton: PropTypes.Requireable<boolean>;
|
|
67
|
-
className: PropTypes.Requireable<string>;
|
|
68
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
69
|
-
format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
|
|
70
|
-
skeleton: PropTypes.Requireable<string>;
|
|
71
|
-
pattern: PropTypes.Requireable<string>;
|
|
72
|
-
date: PropTypes.Requireable<string>;
|
|
73
|
-
time: PropTypes.Requireable<string>;
|
|
74
|
-
datetime: PropTypes.Requireable<string>;
|
|
75
|
-
era: PropTypes.Requireable<string>;
|
|
76
|
-
year: PropTypes.Requireable<string>;
|
|
77
|
-
month: PropTypes.Requireable<string>;
|
|
78
|
-
day: PropTypes.Requireable<string>;
|
|
79
|
-
weekday: PropTypes.Requireable<string>;
|
|
80
|
-
hour: PropTypes.Requireable<string>;
|
|
81
|
-
hour12: PropTypes.Requireable<boolean>;
|
|
82
|
-
minute: PropTypes.Requireable<string>;
|
|
83
|
-
second: PropTypes.Requireable<string>;
|
|
84
|
-
timeZoneName: PropTypes.Requireable<string>;
|
|
85
|
-
}> | null | undefined>>;
|
|
86
|
-
max: PropTypes.Requireable<Date>;
|
|
87
|
-
min: PropTypes.Requireable<Date>;
|
|
88
|
-
nowButton: PropTypes.Requireable<boolean>;
|
|
89
|
-
steps: PropTypes.Requireable<PropTypes.InferProps<{
|
|
90
|
-
hour: PropTypes.Requireable<number>;
|
|
91
|
-
minute: PropTypes.Requireable<number>;
|
|
92
|
-
second: PropTypes.Requireable<number>;
|
|
93
|
-
}>>;
|
|
94
|
-
smoothScroll: PropTypes.Requireable<boolean>;
|
|
95
|
-
tabIndex: PropTypes.Requireable<number>;
|
|
96
|
-
value: PropTypes.Requireable<Date>;
|
|
97
|
-
show: PropTypes.Requireable<boolean>;
|
|
98
|
-
};
|
|
99
|
-
static defaultProps: {
|
|
100
|
-
value: null;
|
|
101
|
-
disabled: boolean;
|
|
102
|
-
cancelButton: boolean;
|
|
103
|
-
format: string;
|
|
104
|
-
min: Date;
|
|
105
|
-
max: Date;
|
|
106
|
-
boundRange: boolean;
|
|
107
|
-
footer: boolean;
|
|
108
|
-
};
|
|
109
|
-
readonly state: TimeSelectorState;
|
|
110
|
-
private _element;
|
|
111
|
-
private _cancelButton;
|
|
112
|
-
private _acceptButton;
|
|
113
|
-
private dateFormatParts;
|
|
114
|
-
private valueDuringOnChange?;
|
|
115
|
-
private timePart;
|
|
116
|
-
private mergeValue;
|
|
117
|
-
private nextTickId;
|
|
118
|
-
constructor(props: TimeSelectorProps);
|
|
119
|
-
/**
|
|
120
|
-
* @hidden
|
|
121
|
-
*/
|
|
122
|
-
get element(): HTMLSpanElement | null;
|
|
123
|
-
get value(): Date | null;
|
|
124
|
-
protected get intl(): IntlService;
|
|
125
|
-
private get current();
|
|
126
|
-
/**
|
|
127
|
-
* @hidden
|
|
128
|
-
*/
|
|
129
|
-
componentWillUnmount(): void;
|
|
130
|
-
/**
|
|
131
|
-
* @hidden
|
|
132
|
-
*/
|
|
133
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
134
|
-
focusActiveList: () => void;
|
|
135
|
-
protected nextTick(f: () => any): void;
|
|
136
|
-
protected hasActiveButton(): boolean | null;
|
|
137
|
-
private handleKeyDown;
|
|
138
|
-
private revertToNowButton;
|
|
139
|
-
private handleNowKeyDown;
|
|
140
|
-
private handleAccept;
|
|
141
|
-
private handleReject;
|
|
142
|
-
private handleNowClick;
|
|
143
|
-
private handleChange;
|
|
144
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* The interface which defines all possible incremental steps in the TimePicker.
|
|
7
|
-
*/
|
|
8
|
-
export interface TimePickerIncrementalSteps {
|
|
9
|
-
hour?: number;
|
|
10
|
-
minute?: number;
|
|
11
|
-
second?: number;
|
|
12
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export interface ListItem {
|
|
9
|
-
text: string;
|
|
10
|
-
value: Date;
|
|
11
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ListItem } from './ListItem';
|
|
6
|
-
import { ListServiceSettings } from './ListServiceSettings';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export interface ListService {
|
|
11
|
-
apply(value: Date, candidate: Date): Date;
|
|
12
|
-
configure(settings: ListServiceSettings): void;
|
|
13
|
-
data(value?: Date): ListItem[];
|
|
14
|
-
isRangeChanged(min: Date, max: Date): boolean;
|
|
15
|
-
limitRange(min: Date, max: Date, value?: Date): Date[];
|
|
16
|
-
total(value?: Date): number;
|
|
17
|
-
selectedIndex(value: Date): number;
|
|
18
|
-
valueInList(value: Date): boolean;
|
|
19
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { DateFormatPart } from '@progress/kendo-react-intl';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export interface ListServiceSettings {
|
|
10
|
-
boundRange: boolean;
|
|
11
|
-
insertUndividedMax: boolean;
|
|
12
|
-
min: Date;
|
|
13
|
-
max: Date;
|
|
14
|
-
part: DateFormatPart;
|
|
15
|
-
step: number;
|
|
16
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const TIME_PART: {
|
|
9
|
-
dayperiod: string;
|
|
10
|
-
hour: string;
|
|
11
|
-
millisecond: string;
|
|
12
|
-
minute: string;
|
|
13
|
-
second: string;
|
|
14
|
-
};
|