@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.
Files changed (200) hide show
  1. package/calendar/components/Calendar.js +12 -0
  2. package/calendar/components/Calendar.mjs +328 -0
  3. package/calendar/components/CalendarCell.js +8 -0
  4. package/calendar/components/CalendarCell.mjs +101 -0
  5. package/calendar/components/CalendarHeaderTitle.js +8 -0
  6. package/calendar/components/CalendarHeaderTitle.mjs +23 -0
  7. package/calendar/components/CalendarNavigationItem.js +8 -0
  8. package/calendar/components/CalendarNavigationItem.mjs +29 -0
  9. package/calendar/components/CalendarWeekCell.js +8 -0
  10. package/calendar/components/CalendarWeekCell.mjs +23 -0
  11. package/calendar/components/Header.js +8 -0
  12. package/calendar/components/Header.mjs +78 -0
  13. package/calendar/components/HorizontalViewList.js +8 -0
  14. package/calendar/components/HorizontalViewList.mjs +120 -0
  15. package/calendar/components/MultiViewCalendar.js +8 -0
  16. package/calendar/components/MultiViewCalendar.mjs +428 -0
  17. package/calendar/components/Navigation.js +8 -0
  18. package/calendar/components/Navigation.mjs +117 -0
  19. package/calendar/components/TodayCommand.js +8 -0
  20. package/calendar/components/TodayCommand.mjs +74 -0
  21. package/calendar/components/View.js +8 -0
  22. package/calendar/components/View.mjs +153 -0
  23. package/calendar/components/ViewList.js +8 -0
  24. package/calendar/components/ViewList.mjs +228 -0
  25. package/calendar/models/CalendarViewEnum.js +8 -0
  26. package/calendar/models/CalendarViewEnum.mjs +12 -0
  27. package/calendar/models/NavigationAction.js +8 -0
  28. package/calendar/models/NavigationAction.mjs +12 -0
  29. package/calendar/models/SelectionRange.js +8 -0
  30. package/calendar/models/SelectionRange.mjs +12 -0
  31. package/calendar/services/BusViewService.js +8 -0
  32. package/calendar/services/BusViewService.mjs +58 -0
  33. package/calendar/services/CenturyViewService.js +8 -0
  34. package/calendar/services/CenturyViewService.mjs +126 -0
  35. package/calendar/services/DOMService.js +14 -0
  36. package/calendar/services/DOMService.mjs +124 -0
  37. package/calendar/services/DecadeViewService.js +8 -0
  38. package/calendar/services/DecadeViewService.mjs +126 -0
  39. package/calendar/services/MonthViewService.js +8 -0
  40. package/calendar/services/MonthViewService.mjs +139 -0
  41. package/calendar/services/NavigationService.js +8 -0
  42. package/calendar/services/NavigationService.mjs +36 -0
  43. package/calendar/services/ScrollSyncService.js +8 -0
  44. package/calendar/services/ScrollSyncService.mjs +50 -0
  45. package/calendar/services/WeekNamesService.js +8 -0
  46. package/calendar/services/WeekNamesService.mjs +24 -0
  47. package/calendar/services/YearViewService.js +8 -0
  48. package/calendar/services/YearViewService.mjs +135 -0
  49. package/common/AdaptiveMode.js +8 -0
  50. package/common/AdaptiveMode.mjs +73 -0
  51. package/common/PickerWrap.js +8 -0
  52. package/common/PickerWrap.mjs +32 -0
  53. package/common/constants.js +8 -0
  54. package/common/constants.mjs +12 -0
  55. package/dateinput/DateInput.js +8 -0
  56. package/dateinput/DateInput.mjs +503 -0
  57. package/dateinput/models/kendo-date.js +8 -0
  58. package/dateinput/models/kendo-date.mjs +233 -0
  59. package/dateinput/models/mask.js +8 -0
  60. package/dateinput/models/mask.mjs +16 -0
  61. package/dateinput/utils.js +8 -0
  62. package/dateinput/utils.mjs +38 -0
  63. package/datepicker/DatePicker.js +8 -0
  64. package/datepicker/DatePicker.mjs +462 -0
  65. package/datepicker/ToggleButton.js +8 -0
  66. package/datepicker/ToggleButton.mjs +13 -0
  67. package/daterangepicker/DateRangePicker.js +8 -0
  68. package/daterangepicker/DateRangePicker.mjs +426 -0
  69. package/datetimepicker/DateTimePicker.js +8 -0
  70. package/datetimepicker/DateTimePicker.mjs +475 -0
  71. package/datetimepicker/DateTimeSelector.js +8 -0
  72. package/datetimepicker/DateTimeSelector.mjs +275 -0
  73. package/dist/cdn/js/kendo-react-dateinputs.js +8 -21
  74. package/hooks/usePickerFloatingLabel.js +8 -0
  75. package/hooks/usePickerFloatingLabel.mjs +31 -0
  76. package/index.d.mts +4528 -5
  77. package/index.d.ts +4528 -39
  78. package/index.js +8 -21
  79. package/index.mjs +114 -6540
  80. package/messages/index.js +8 -0
  81. package/messages/index.mjs +59 -0
  82. package/package-metadata.js +8 -0
  83. package/package-metadata.mjs +19 -0
  84. package/package.json +7 -7
  85. package/timepicker/TimeList.js +14 -0
  86. package/timepicker/TimeList.mjs +230 -0
  87. package/timepicker/TimePart.js +8 -0
  88. package/timepicker/TimePart.mjs +267 -0
  89. package/timepicker/TimePicker.js +8 -0
  90. package/timepicker/TimePicker.mjs +479 -0
  91. package/timepicker/TimeSelector.js +8 -0
  92. package/timepicker/TimeSelector.mjs +250 -0
  93. package/timepicker/models/TimePart.js +8 -0
  94. package/timepicker/models/TimePart.mjs +18 -0
  95. package/timepicker/services/DOMService.js +8 -0
  96. package/timepicker/services/DOMService.mjs +34 -0
  97. package/timepicker/services/DayPeriodService.js +8 -0
  98. package/timepicker/services/DayPeriodService.mjs +89 -0
  99. package/timepicker/services/HoursService.js +8 -0
  100. package/timepicker/services/HoursService.mjs +92 -0
  101. package/timepicker/services/MinutesService.js +8 -0
  102. package/timepicker/services/MinutesService.mjs +91 -0
  103. package/timepicker/services/SecondsService.js +8 -0
  104. package/timepicker/services/SecondsService.mjs +91 -0
  105. package/timepicker/utils.js +8 -0
  106. package/timepicker/utils.mjs +91 -0
  107. package/utils.js +8 -0
  108. package/utils.mjs +111 -0
  109. package/virtualization/Virtualization.js +8 -0
  110. package/virtualization/Virtualization.mjs +204 -0
  111. package/virtualization/services/RowHeightService.js +8 -0
  112. package/virtualization/services/RowHeightService.mjs +50 -0
  113. package/virtualization/services/ScrollerService.js +8 -0
  114. package/virtualization/services/ScrollerService.mjs +52 -0
  115. package/PopupSettings.d.ts +0 -18
  116. package/calendar/components/Calendar.d.ts +0 -191
  117. package/calendar/components/CalendarCell.d.ts +0 -39
  118. package/calendar/components/CalendarHeaderTitle.d.ts +0 -32
  119. package/calendar/components/CalendarNavigationItem.d.ts +0 -31
  120. package/calendar/components/CalendarWeekCell.d.ts +0 -29
  121. package/calendar/components/Header.d.ts +0 -58
  122. package/calendar/components/HorizontalViewList.d.ts +0 -71
  123. package/calendar/components/MultiViewCalendar.d.ts +0 -212
  124. package/calendar/components/Navigation.d.ts +0 -80
  125. package/calendar/components/TodayCommand.d.ts +0 -35
  126. package/calendar/components/View.d.ts +0 -89
  127. package/calendar/components/ViewList.d.ts +0 -115
  128. package/calendar/models/ActiveView.d.ts +0 -8
  129. package/calendar/models/CalendarSettings.d.ts +0 -106
  130. package/calendar/models/CalendarViewEnum.d.ts +0 -13
  131. package/calendar/models/CellContext.d.ts +0 -23
  132. package/calendar/models/MultiViewCalendarMode.d.ts +0 -13
  133. package/calendar/models/MultiViewCalendarSettings.d.ts +0 -115
  134. package/calendar/models/NavigationAction.d.ts +0 -19
  135. package/calendar/models/SelectionRange.d.ts +0 -21
  136. package/calendar/models/SelectionRangeEnd.d.ts +0 -8
  137. package/calendar/models/ViewService.d.ts +0 -29
  138. package/calendar/models/index.d.ts +0 -15
  139. package/calendar/services/BusViewService.d.ts +0 -25
  140. package/calendar/services/CenturyViewService.d.ts +0 -29
  141. package/calendar/services/DOMService.d.ts +0 -33
  142. package/calendar/services/DecadeViewService.d.ts +0 -31
  143. package/calendar/services/MonthViewService.d.ts +0 -37
  144. package/calendar/services/NavigationService.d.ts +0 -18
  145. package/calendar/services/ScrollSyncService.d.ts +0 -25
  146. package/calendar/services/WeekNamesService.d.ts +0 -13
  147. package/calendar/services/YearViewService.d.ts +0 -35
  148. package/calendar/services/index.d.ts +0 -14
  149. package/common/AdaptiveMode.d.ts +0 -25
  150. package/common/PickerWrap.d.ts +0 -22
  151. package/common/constants.d.ts +0 -8
  152. package/dateinput/DateInput.d.ts +0 -355
  153. package/dateinput/models/DateInputSettings.d.ts +0 -103
  154. package/dateinput/models/format-placeholder.d.ts +0 -43
  155. package/dateinput/models/incremental-steps.d.ts +0 -15
  156. package/dateinput/models/index.d.ts +0 -11
  157. package/dateinput/models/kendo-date.d.ts +0 -57
  158. package/dateinput/models/mask.d.ts +0 -11
  159. package/dateinput/models/selection.d.ts +0 -11
  160. package/dateinput/utils.d.ts +0 -34
  161. package/datepicker/DatePicker.d.ts +0 -358
  162. package/datepicker/ToggleButton.d.ts +0 -14
  163. package/datepicker/models/DatePickerSettings.d.ts +0 -141
  164. package/datepicker/models/index.d.ts +0 -6
  165. package/daterangepicker/DateRangePicker.d.ts +0 -354
  166. package/daterangepicker/models/DateRangePickerCalendarSettings.d.ts +0 -10
  167. package/daterangepicker/models/DateRangePickerDateInputSettings.d.ts +0 -10
  168. package/daterangepicker/models/DateRangePickerPopupSettings.d.ts +0 -10
  169. package/daterangepicker/models/DateRangePickerSettings.d.ts +0 -126
  170. package/daterangepicker/models/index.d.ts +0 -9
  171. package/datetimepicker/DateTimePicker.d.ts +0 -342
  172. package/datetimepicker/DateTimeSelector.d.ts +0 -106
  173. package/datetimepicker/models/DateTimePickerSettings.d.ts +0 -144
  174. package/datetimepicker/models/index.d.ts +0 -6
  175. package/hooks/usePickerFloatingLabel.d.ts +0 -24
  176. package/messages/index.d.ts +0 -124
  177. package/package-metadata.d.ts +0 -9
  178. package/timepicker/TimeList.d.ts +0 -91
  179. package/timepicker/TimePart.d.ts +0 -141
  180. package/timepicker/TimePicker.d.ts +0 -355
  181. package/timepicker/TimeSelector.d.ts +0 -144
  182. package/timepicker/models/IncrementalSteps.d.ts +0 -12
  183. package/timepicker/models/ListItem.d.ts +0 -11
  184. package/timepicker/models/ListService.d.ts +0 -19
  185. package/timepicker/models/ListServiceSettings.d.ts +0 -16
  186. package/timepicker/models/TimePart.d.ts +0 -14
  187. package/timepicker/models/TimePickerSettings.d.ts +0 -133
  188. package/timepicker/models/index.d.ts +0 -11
  189. package/timepicker/services/DOMService.d.ts +0 -14
  190. package/timepicker/services/DayPeriodService.d.ts +0 -51
  191. package/timepicker/services/HoursService.d.ts +0 -37
  192. package/timepicker/services/MinutesService.d.ts +0 -36
  193. package/timepicker/services/SecondsService.d.ts +0 -36
  194. package/timepicker/services/index.d.ts +0 -10
  195. package/timepicker/utils.d.ts +0 -60
  196. package/utils.d.ts +0 -100
  197. package/virtualization/Virtualization.d.ts +0 -120
  198. package/virtualization/services/RowHeightService.d.ts +0 -22
  199. package/virtualization/services/ScrollerService.d.ts +0 -53
  200. package/virtualization/services/index.d.ts +0 -7
@@ -1,18 +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
- export interface DateInputsPopupSettings {
6
- /**
7
- * Controls the popup animation. By default, the open and close animations are enabled.
8
- */
9
- animate?: boolean;
10
- /**
11
- * Controls the popup container. By default, the popup is appended to the [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body) element.
12
- */
13
- appendTo?: HTMLElement;
14
- /**
15
- * Specifies a list of CSS classes that are used for styling the popup.
16
- */
17
- popupClass?: string;
18
- }
@@ -1,191 +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 { CalendarViewEnum, ActiveView, CalendarSettings } from '../models';
8
- import { DOMService, ScrollSyncService } from '../services';
9
- /**
10
- * The arguments for the `change` event of the Calendar. The generic argument sets the target type of the event. Defaults to `Calendar`.
11
- */
12
- export interface CalendarChangeEvent<T = Calendar> {
13
- /**
14
- * A native DOM event.
15
- */
16
- nativeEvent?: any;
17
- /**
18
- * A React Synthetic Event.
19
- */
20
- syntheticEvent: React.SyntheticEvent<any>;
21
- /**
22
- * The new value.
23
- */
24
- value: Date;
25
- /**
26
- * The Calendar element.
27
- */
28
- target: T;
29
- }
30
- /**
31
- * Represents the props of the [KendoReact Calendar component]({% slug overview_calendar %}). The generic argument is passed to the `onChange` property and is used as a target in the [`CalendarChangeEvent`]({% slug api_dateinputs_calendarchangeevent %}) interface.
32
- */
33
- export interface CalendarProps<T = any> extends CalendarSettings {
34
- /** @hidden */
35
- _ref?: (instance: {
36
- element: HTMLDivElement | null;
37
- }) => void;
38
- /**
39
- * Sets the default value of the Calendar.
40
- */
41
- defaultValue?: Date | null;
42
- /**
43
- * An event that is called after the value of the Calendar has changed.
44
- */
45
- onChange?: (event: CalendarChangeEvent<T>) => void;
46
- /**
47
- * Sets the value of the Calendar.
48
- */
49
- value?: Date | null;
50
- /**
51
- * @hidden
52
- */
53
- mobileMode?: boolean;
54
- }
55
- /**
56
- * @hidden
57
- */
58
- export interface CalendarState {
59
- value: Date | null;
60
- activeView: CalendarViewEnum;
61
- focusedDate: Date;
62
- }
63
- /** @hidden */
64
- export declare class CalendarWithoutContext extends React.Component<CalendarProps, CalendarState> {
65
- /**
66
- * @hidden
67
- */
68
- static displayName: string;
69
- /**
70
- * @hidden
71
- */
72
- static propTypes: {
73
- className: PropTypes.Requireable<string>;
74
- defaultActiveView: PropTypes.Requireable<ActiveView>;
75
- defaultValue: PropTypes.Requireable<Date>;
76
- disabled: PropTypes.Requireable<boolean>;
77
- focusedDate: PropTypes.Requireable<Date>;
78
- id: PropTypes.Requireable<string>;
79
- ariaLabelledBy: PropTypes.Requireable<string>;
80
- ariaDescribedBy: PropTypes.Requireable<string>;
81
- max: PropTypes.Requireable<Date>;
82
- min: PropTypes.Requireable<Date>;
83
- navigation: PropTypes.Requireable<boolean>;
84
- smoothScroll: PropTypes.Requireable<boolean>;
85
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
86
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
87
- onFocus: PropTypes.Requireable<(...args: any[]) => any>;
88
- tabIndex: PropTypes.Requireable<number>;
89
- value: PropTypes.Requireable<Date>;
90
- weekNumber: PropTypes.Requireable<boolean>;
91
- topView: (props: CalendarProps, propName: keyof CalendarProps<any>, componentName: string) => Error | null;
92
- bottomView: (props: CalendarProps, propName: keyof CalendarProps<any>, componentName: string) => Error | null;
93
- };
94
- /**
95
- * @hidden
96
- */
97
- static defaultProps: {
98
- disabled: boolean;
99
- min: Date;
100
- max: Date;
101
- navigation: boolean;
102
- defaultActiveView: ActiveView;
103
- defaultValue: null;
104
- topView: ActiveView;
105
- bottomView: ActiveView;
106
- };
107
- protected dom: DOMService;
108
- protected scrollSyncService: ScrollSyncService | null;
109
- private valueDuringOnChange?;
110
- private focusedDate;
111
- private get cellUID();
112
- private get id();
113
- private Navigation;
114
- private calendarViewList;
115
- private _element;
116
- private intl;
117
- private bus;
118
- private service;
119
- private navigation;
120
- private isActive;
121
- private oldValue;
122
- private didNavigationChange;
123
- /**
124
- * Gets the wrapping element of the Calendar.
125
- */
126
- get element(): HTMLDivElement | null;
127
- /**
128
- * Gets the value of the Calendar.
129
- */
130
- get value(): Date | null;
131
- protected get min(): Date;
132
- protected get max(): Date;
133
- protected get bottomView(): CalendarViewEnum;
134
- protected get topView(): CalendarViewEnum;
135
- constructor(props: CalendarProps);
136
- /**
137
- * @hidden
138
- */
139
- componentDidMount(): void;
140
- /**
141
- * @hidden
142
- */
143
- componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState): void;
144
- /**
145
- * @hidden
146
- */
147
- focus: () => void;
148
- /**
149
- * @hidden
150
- */
151
- render(): import("react/jsx-runtime").JSX.Element;
152
- private shouldScroll;
153
- private handleScroll;
154
- private handleNavigationChange;
155
- private handleViewChange;
156
- private handleDateChange;
157
- private handleFocus;
158
- private handleBlur;
159
- private handleKeyDown;
160
- private handleMouseDown;
161
- private handleClick;
162
- }
163
- /**
164
- * Represents the PropsContext of the `Calendar` component.
165
- * Used for global configuration of all `Calendar` instances.
166
- *
167
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
168
- */
169
- export declare const CalendarPropsContext: React.Context<(p: CalendarProps<any>) => CalendarProps<any>>;
170
- /**
171
- * Represent the `ref` of the Calendar component.
172
- */
173
- export interface CalendarHandle extends Pick<CalendarWithoutContext, keyof CalendarWithoutContext> {
174
- /**
175
- * Returns the HTML element of the Calendar component.
176
- */
177
- element: HTMLDivElement | null;
178
- /**
179
- * Returns the `value` of the Calendar component.
180
- */
181
- value: Date | null;
182
- }
183
- /** @hidden */
184
- export type Calendar = CalendarHandle;
185
- /**
186
- * Represents the KendoReact Calendar Component.
187
- *
188
- * Accepts properties of type [CalendarProps]({% slug api_dateinputs_calendarprops %}).
189
- * Obtaining the `ref` returns an object of type [CalendarHandle]({% slug api_dateinputs_calendarhandle %}).
190
- */
191
- export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps<any> & React.RefAttributes<any>>;
@@ -1,39 +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 { CellContext, CalendarViewEnum } from '../models';
7
- /**
8
- * The props which will be received by the custom cell of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-cell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-cell).
9
- */
10
- export interface CalendarCellProps extends CellContext {
11
- className?: string;
12
- style?: React.CSSProperties;
13
- isDisabled?: boolean;
14
- view?: CalendarViewEnum;
15
- onClick?: (value: Date, event?: React.MouseEvent<any>) => void;
16
- onMouseEnter?: (value: Date, event?: React.MouseEvent<any>) => void;
17
- onMouseLeave?: (value: Date, event?: React.MouseEvent<any>) => void;
18
- [aria: string]: any;
19
- }
20
- /**
21
- * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-cell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-cell).
22
- *
23
- * * [Customizing the cells inside the Calendar view]({% slug custom_rendering_calendar %}#toc-cells-inside-the-view)
24
- * * [Customizing the cells inside the MultiViewCalendar view]({% slug custom_rendering_multiviewcalendar %}#toc-cells-inside-the-view)
25
- */
26
- export declare class CalendarCell extends React.Component<CalendarCellProps> {
27
- /**
28
- * @hidden
29
- */
30
- shouldComponentUpdate(nextProps: CalendarCellProps): boolean;
31
- /**
32
- * @return
33
- * Returns a `<td />` element with a `<span className="k-link" />` inside to apply the styles. The text inside is the [`formattedValue`]({% slug api_dateinputs_calendarcellprops %}#toc-formattedvalue) of the `cell`.
34
- */
35
- render(): import("react/jsx-runtime").JSX.Element;
36
- private handleClick;
37
- private handleMouseEnter;
38
- private handleMouseLeave;
39
- }
@@ -1,32 +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 { CalendarViewEnum } from '../models';
7
- /**
8
- * The props which will be received by the custom header title of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-headertitle).
9
- */
10
- export interface CalendarHeaderTitleProps {
11
- className?: string;
12
- children?: React.ReactNode;
13
- value?: string;
14
- id?: string;
15
- view?: CalendarViewEnum;
16
- style?: React.CSSProperties;
17
- onClick?: (event?: React.SyntheticEvent<any>) => void;
18
- disabled?: boolean;
19
- }
20
- /**
21
- * The `CalendarHeaderTitle` component is internally used for rendering the title of the current calendar view. Also used as a custom `headerTitle` for the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-headertitle) components.
22
- *
23
- * * [Customizing the title for the current Calendar view]({% slug custom_rendering_calendar %}#toc-cells-inside-the-view)
24
- * * [Customizing the title for the current MultiViewCalendar view]({% slug custom_rendering_multiviewcalendar %}#toc-cells-inside-the-view)
25
- */
26
- export declare class CalendarHeaderTitle extends React.PureComponent<CalendarHeaderTitleProps, {}> {
27
- /**
28
- * @return
29
- * Returns a `<span />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
30
- */
31
- render(): import("react/jsx-runtime").JSX.Element;
32
- }
@@ -1,31 +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 { CalendarViewEnum } from '../models';
7
- /**
8
- * The props which will be received by the custom navigation item of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-navigationitem).
9
- */
10
- export interface CalendarNavigationItemProps {
11
- text?: string;
12
- value: Date;
13
- id?: string;
14
- style?: React.CSSProperties;
15
- view?: CalendarViewEnum;
16
- onClick?: (value: Date, event?: React.SyntheticEvent<any>) => void;
17
- children?: React.ReactNode;
18
- className?: string;
19
- isRangeStart?: boolean;
20
- }
21
- /**
22
- * The `CalendarNavigationItem` component is internally used for rendering the items in the side navigation of the Calendar. Also used as a custom navigation item for the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-navigationitem) ([see example]({% slug custom_rendering_calendar %}#toc-items-in-the-side-navigation)).
23
- */
24
- export declare class CalendarNavigationItem extends React.Component<CalendarNavigationItemProps> {
25
- /**
26
- * @return
27
- * Returns a `<li />` element with a `<span />` inside. The text inside represents the [`value`]({% slug api_dateinputs_calendarnavigationitemprops %}#toc-value) of the `navigationItem`.
28
- */
29
- render(): import("react/jsx-runtime").JSX.Element;
30
- private handleClick;
31
- }
@@ -1,29 +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
- /**
7
- * The props which will be received by the custom week cell of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-weekcell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-weekcell).
8
- */
9
- export interface CalendarWeekCellProps {
10
- id?: string;
11
- value?: number | null;
12
- style?: React.CSSProperties;
13
- children?: React.ReactNode;
14
- className?: string;
15
- firstDate: Date;
16
- }
17
- /**
18
- * The `CalendarWeekCell` component is internally used for rendering the week cells inside the `month` view of the Calendar. Also used as a [custom week cell for the Calendar]({% slug api_dateinputs_calendarprops %}#toc-weekcell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-weekcell) components.
19
- *
20
- * * [Customizing week-column cells in the Calendar]({% slug custom_rendering_calendar %}#toc-cells-inside-the-week-column)
21
- * * [Customizing week-column cells in the MultiViewCalendar]({% slug custom_rendering_multiviewcalendar %}#toc-cells-inside-the-week-column)
22
- */
23
- export declare class CalendarWeekCell extends React.Component<CalendarWeekCellProps> {
24
- /**
25
- * @return
26
- * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
27
- */
28
- render(): import("react/jsx-runtime").JSX.Element;
29
- }
@@ -1,58 +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 { CalendarHeaderTitleProps } from './CalendarHeaderTitle';
8
- import { BusViewService } from '../services';
9
- import { ViewService, CalendarViewEnum } from '../models';
10
- /**
11
- * @hidden
12
- */
13
- export interface HeaderEventArguments {
14
- syntheticEvent: React.SyntheticEvent<any>;
15
- nativeEvent?: any;
16
- value: Date;
17
- target: Header;
18
- isTodayClick?: boolean;
19
- }
20
- /**
21
- * @hidden
22
- */
23
- export interface HeaderProps {
24
- activeView: CalendarViewEnum;
25
- bus: BusViewService;
26
- currentDate: Date;
27
- max?: Date;
28
- min?: Date;
29
- rangeLength?: number;
30
- service: ViewService;
31
- headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
32
- commands?: React.ReactNode;
33
- verticalView?: boolean;
34
- }
35
- /**
36
- * @hidden
37
- */
38
- export declare class Header extends React.Component<HeaderProps> {
39
- static propTypes: {
40
- activeView: PropTypes.Validator<number>;
41
- currentDate: PropTypes.Validator<Date>;
42
- max: PropTypes.Validator<Date>;
43
- min: PropTypes.Validator<Date>;
44
- rangeLength: PropTypes.Requireable<number>;
45
- };
46
- static defaultProps: {
47
- rangeLength: number;
48
- min: Date;
49
- max: Date;
50
- };
51
- protected get min(): Date;
52
- protected get max(): Date;
53
- protected get rangeLength(): number;
54
- protected get canMoveUp(): boolean;
55
- render(): import("react/jsx-runtime").JSX.Element;
56
- protected getTitle: () => string;
57
- private handleTitleClick;
58
- }
@@ -1,71 +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 { CalendarCellProps } from './CalendarCell';
7
- import { CalendarWeekCellProps } from './CalendarWeekCell';
8
- import { CalendarHeaderTitleProps } from './CalendarHeaderTitle';
9
- import { BusViewService } from '../services';
10
- import { CalendarViewEnum, ViewService, SelectionRange } from '../models';
11
- /**
12
- * @hidden
13
- */
14
- export interface HorizontalViewListEventArguments {
15
- syntheticEvent: React.SyntheticEvent<any>;
16
- nativeEvent?: any;
17
- value: Date;
18
- target: HorizontalViewList;
19
- isTodayClick: boolean;
20
- }
21
- /**
22
- * @hidden
23
- */
24
- export interface HorizontalViewListProps {
25
- activeView: CalendarViewEnum;
26
- bus: BusViewService;
27
- cellUID: string;
28
- focusedDate: Date;
29
- max?: Date;
30
- min?: Date;
31
- onChange?: (event: HorizontalViewListEventArguments) => void;
32
- selectionRange: SelectionRange;
33
- service: ViewService;
34
- showWeekNumbers?: boolean;
35
- take?: number;
36
- value: Date[] | Date | null;
37
- views?: number;
38
- onCellEnter?: (value: Date) => void;
39
- allowReverse?: boolean;
40
- cell?: React.ComponentType<CalendarCellProps>;
41
- weekCell?: React.ComponentType<CalendarWeekCellProps>;
42
- headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
43
- dates: any[];
44
- verticalView?: boolean;
45
- }
46
- /**
47
- * @hidden
48
- */
49
- export declare class HorizontalViewList extends React.Component<HorizontalViewListProps, {}> {
50
- static defaultProps: {
51
- showWeekNumbers: boolean;
52
- views: number;
53
- take: number;
54
- allowReverse: boolean;
55
- min: Date;
56
- max: Date;
57
- };
58
- private _element;
59
- private isActive;
60
- get element(): HTMLDivElement | null;
61
- protected get weekNumber(): boolean;
62
- protected get min(): Date;
63
- protected get max(): Date;
64
- constructor(props: HorizontalViewListProps);
65
- focusActiveDate: () => void;
66
- blurActiveDate: () => void;
67
- componentDidUpdate(): void;
68
- render(): import("react/jsx-runtime").JSX.Element;
69
- protected rotateSelectionRange: (selectionRange: SelectionRange) => SelectionRange;
70
- private handleDateChange;
71
- }
@@ -1,212 +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 { Action, ActiveView, SelectionRange, CalendarViewEnum, SelectionRangeEnd, MultiViewCalendarSettings } from '../models';
8
- /**
9
- * The arguments for the `onChange` event of the MultiViewCalendar. * The generic argument sets the target type of the event. Defaults to `MultiViewCalendar`.
10
- */
11
- export interface MultiViewCalendarChangeEvent<T = MultiViewCalendar> {
12
- syntheticEvent: React.SyntheticEvent<any>;
13
- nativeEvent?: any;
14
- value: Date | Date[] | SelectionRange | null;
15
- target: T;
16
- }
17
- /**
18
- * Represents the props of the [KendoReact MultiViewCalendar component]({% slug overview_multiviewcalendar %}). The generic argument is passed to the `onChange` property and is used as a target in the [`MultiViewCalendarChangeEvent`]({% slug api_dateinputs_multiviewcalendarchangeevent %}) interface.
19
- */
20
- export interface MultiViewCalendarProps<T = any> extends MultiViewCalendarSettings {
21
- /** @hidden */
22
- _ref?: (instance: {
23
- element: HTMLDivElement | null;
24
- }) => void;
25
- /**
26
- * Sets the default value of the MultiViewCalendar.
27
- */
28
- defaultValue?: Date | Date[] | SelectionRange | null;
29
- /**
30
- * An event that is called after the value of the MultiViewCalendar has changed. The new value is generated based on the current `mode` of the MultiViewCalendar.
31
- */
32
- onChange?: (event: MultiViewCalendarChangeEvent<T>) => void;
33
- /**
34
- * Sets the value of the MultiViewCalendar. Based on the value type, the MultiViewcalendar renders a single, multiple, or range selection.
35
- */
36
- value?: Date | Date[] | SelectionRange | null;
37
- /** @hidden */
38
- mobileMode?: boolean;
39
- /**
40
- * @hidden
41
- */
42
- dir?: string;
43
- }
44
- /**
45
- * @hidden
46
- */
47
- export interface MultiViewCalendarState {
48
- value: Date | Date[] | SelectionRange | null;
49
- activeView: CalendarViewEnum;
50
- focusedDate: Date;
51
- navigateDate: Date;
52
- }
53
- /** @hidden */
54
- export declare class MultiViewCalendarWithoutContext extends React.Component<MultiViewCalendarProps, MultiViewCalendarState> {
55
- /**
56
- * @hidden
57
- */
58
- static displayName: string;
59
- /**
60
- * @hidden
61
- */
62
- static propTypes: {
63
- activeRangeEnd: PropTypes.Requireable<"start" | "end">;
64
- allowReverse: PropTypes.Requireable<boolean>;
65
- bottomView: PropTypes.Requireable<ActiveView>;
66
- className: PropTypes.Requireable<string>;
67
- defaultActiveView: PropTypes.Requireable<ActiveView>;
68
- defaultValue: PropTypes.Requireable<any>;
69
- disabled: PropTypes.Requireable<boolean>;
70
- focusedDate: PropTypes.Requireable<Date>;
71
- id: PropTypes.Requireable<string>;
72
- ariaLabelledBy: PropTypes.Requireable<string>;
73
- ariaDescribedBy: PropTypes.Requireable<string>;
74
- max: PropTypes.Requireable<Date>;
75
- min: PropTypes.Requireable<Date>;
76
- mode: PropTypes.Requireable<"range" | "multiple" | "single">;
77
- onBlur: PropTypes.Requireable<(...args: any[]) => any>;
78
- onChange: PropTypes.Requireable<(...args: any[]) => any>;
79
- onFocus: PropTypes.Requireable<(...args: any[]) => any>;
80
- tabIndex: PropTypes.Requireable<number>;
81
- topView: PropTypes.Requireable<ActiveView>;
82
- value: PropTypes.Requireable<any>;
83
- views: (props: MultiViewCalendarProps, propName: keyof MultiViewCalendarProps<any>, componentName: string) => Error | null;
84
- weekNumber: PropTypes.Requireable<boolean>;
85
- dir: PropTypes.Requireable<string>;
86
- };
87
- /**
88
- * @hidden
89
- */
90
- static defaultProps: {
91
- disabled: boolean;
92
- min: Date;
93
- max: Date;
94
- navigation: boolean;
95
- defaultActiveView: ActiveView;
96
- defaultValue: null;
97
- topView: ActiveView;
98
- tabIndex: number;
99
- bottomView: ActiveView;
100
- views: number;
101
- allowReverse: boolean;
102
- };
103
- protected dates: any[];
104
- private lastView;
105
- private lastViewsCount;
106
- protected selectedDate: Date | null;
107
- protected selectedMultiple: Date[] | null;
108
- protected selectedRange: SelectionRange;
109
- protected _focusedDate: Date;
110
- protected cellUID: string | undefined;
111
- private valueDuringOnChange?;
112
- private activeRangeEnd;
113
- private _element;
114
- private bus;
115
- private navigation;
116
- private intl;
117
- private localization;
118
- private service;
119
- private get wrapperID();
120
- private calendarViewList;
121
- private isActive;
122
- private calculateFocusFromValue;
123
- private get isRtl();
124
- /**
125
- * Gets the wrapping element of the MultiViewCalendar component.
126
- */
127
- get element(): HTMLDivElement | null;
128
- /**
129
- * Gets the value of the MultiViewCalendar.
130
- */
131
- get value(): Date | Date[] | SelectionRange | null;
132
- /**
133
- * Gets the current focused date of the MultiViewCalendar.
134
- */
135
- get focusedDate(): Date;
136
- protected get min(): Date;
137
- protected get max(): Date;
138
- protected get bottomView(): CalendarViewEnum;
139
- protected get topView(): CalendarViewEnum;
140
- protected get activeRange(): SelectionRangeEnd;
141
- protected get todayIsInRange(): boolean;
142
- constructor(props: MultiViewCalendarProps);
143
- /**
144
- * @hidden
145
- */
146
- componentDidMount(): void;
147
- /**
148
- * @hidden
149
- */
150
- componentDidUpdate(): void;
151
- /**
152
- * @hidden
153
- */
154
- focus: () => void;
155
- /**
156
- * @hidden
157
- */
158
- render(): import("react/jsx-runtime").JSX.Element;
159
- protected clampRange: (value: Date) => SelectionRange;
160
- protected rangeWithFocused: (range: SelectionRange, focusedDate: Date) => SelectionRange;
161
- protected generateRange: (candidate: Date, value: SelectionRange) => SelectionRange;
162
- protected canNavigate: (action: Action) => boolean;
163
- protected isInMonth(date: Date, month: Date): boolean;
164
- protected navigate: (action: Action, date: Date) => void;
165
- protected move: (action: Action, date: Date) => Date;
166
- protected clampDate: (value: Date) => Date;
167
- protected shouldAutoCorrect: (candidate: Date, value: SelectionRange) => boolean;
168
- private handleCellEnter;
169
- private handleMouseDown;
170
- private handleClick;
171
- private handleFocus;
172
- private handleBlur;
173
- private handleTodayClick;
174
- private handlePrevButtonClick;
175
- private handleNextButtonClick;
176
- private handleKeyDown;
177
- private handleViewChange;
178
- private handleDateChange;
179
- }
180
- /**
181
- * Represents the PropsContext of the `MultiViewCalendar` component.
182
- * Used for global configuration of all `MultiViewCalendar` instances.
183
- *
184
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
185
- */
186
- export declare const MultiViewCalendarPropsContext: React.Context<(p: MultiViewCalendarProps<any>) => MultiViewCalendarProps<any>>;
187
- /**
188
- * Represent the `ref` of the MultiViewCalendar component.
189
- */
190
- export interface MultiViewCalendarHandle extends Pick<MultiViewCalendarWithoutContext, keyof MultiViewCalendarWithoutContext> {
191
- /**
192
- * Returns the HTML element of the MultiViewCalendar component.
193
- */
194
- element: HTMLDivElement | null;
195
- /**
196
- * Gets the current focused date of the MultiViewCalendar.
197
- */
198
- focusedDate: Date;
199
- /**
200
- * Gets the value of the MultiViewCalendar.
201
- */
202
- value: Date | Date[] | SelectionRange | null;
203
- }
204
- /** @hidden */
205
- export type MultiViewCalendar = MultiViewCalendarHandle;
206
- /**
207
- * Represents the KendoReact MultiViewCalendar Component.
208
- *
209
- * Accepts properties of type [MultiViewCalendarProps]({% slug api_dateinputs_multiviewcalendarprops %}).
210
- * Obtaining the `ref` returns an object of type [MultiViewCalendarHandle]({% slug api_dateinputs_multiviewcalendarhandle %}).
211
- */
212
- export declare const MultiViewCalendar: React.ForwardRefExoticComponent<MultiViewCalendarProps<any> & React.RefAttributes<any>>;