@progress/kendo-react-dateinputs 13.3.0-develop.2 → 13.3.0-develop.3
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/index.d.mts +145 -145
- package/index.d.ts +145 -145
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
package/index.d.ts
CHANGED
|
@@ -74,16 +74,16 @@ export declare type Calendar = CalendarHandle;
|
|
|
74
74
|
/**
|
|
75
75
|
* Represents the KendoReact Calendar Component.
|
|
76
76
|
*
|
|
77
|
-
* Accepts properties of type [CalendarProps](
|
|
78
|
-
* Obtaining the `ref` returns an object of type [CalendarHandle](
|
|
77
|
+
* Accepts properties of type [CalendarProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops).
|
|
78
|
+
* Obtaining the `ref` returns an object of type [CalendarHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarhandle).
|
|
79
79
|
*/
|
|
80
80
|
export declare const Calendar: React_2.ForwardRefExoticComponent<CalendarProps<any> & React_2.RefAttributes<any>>;
|
|
81
81
|
|
|
82
82
|
/**
|
|
83
|
-
* The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar](
|
|
83
|
+
* The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-cell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-cell).
|
|
84
84
|
*
|
|
85
|
-
* * [Customizing the cells inside the Calendar view](
|
|
86
|
-
* * [Customizing the cells inside the MultiViewCalendar view](
|
|
85
|
+
* * [Customizing the cells inside the Calendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-view)
|
|
86
|
+
* * [Customizing the cells inside the MultiViewCalendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-view)
|
|
87
87
|
*/
|
|
88
88
|
export declare class CalendarCell extends React_2.Component<CalendarCellProps> {
|
|
89
89
|
/**
|
|
@@ -97,7 +97,7 @@ export declare class CalendarCell extends React_2.Component<CalendarCellProps> {
|
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
/**
|
|
100
|
-
* The props which will be received by the custom cell of the [Calendar](
|
|
100
|
+
* The props which will be received by the custom cell of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-cell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-cell).
|
|
101
101
|
*/
|
|
102
102
|
export declare interface CalendarCellProps extends CellContext {
|
|
103
103
|
/**
|
|
@@ -189,15 +189,15 @@ export declare interface CalendarHeaderProps {
|
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
/**
|
|
192
|
-
* The `CalendarHeaderTitle` component is internally used for rendering the title of the current calendar view. Also used as a custom `headerTitle` for the [Calendar](
|
|
192
|
+
* The `CalendarHeaderTitle` component is internally used for rendering the title of the current calendar view. Also used as a custom `headerTitle` for the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-headertitle) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-headertitle) components.
|
|
193
193
|
*
|
|
194
|
-
* * [Customizing the title for the current Calendar view](
|
|
195
|
-
* * [Customizing the title for the current MultiViewCalendar view](
|
|
194
|
+
* * [Customizing the title for the current Calendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-view)
|
|
195
|
+
* * [Customizing the title for the current MultiViewCalendar view](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-view)
|
|
196
196
|
*/
|
|
197
197
|
export declare const CalendarHeaderTitle: (props: CalendarHeaderTitleProps) => JSX.Element;
|
|
198
198
|
|
|
199
199
|
/**
|
|
200
|
-
* The props which will be received by the custom header title of the [Calendar](
|
|
200
|
+
* The props which will be received by the custom header title of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-headertitle) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-headertitle).
|
|
201
201
|
*/
|
|
202
202
|
export declare interface CalendarHeaderTitleProps {
|
|
203
203
|
/** CSS class name for styling the header title */
|
|
@@ -220,13 +220,13 @@ export declare interface CalendarHeaderTitleProps {
|
|
|
220
220
|
|
|
221
221
|
/**
|
|
222
222
|
* The `CalendarNavigationItem` component is internally used for rendering the items in the side navigation of the Calendar.
|
|
223
|
-
* Also used as a custom navigation item for the [Calendar](
|
|
224
|
-
* ([see example](
|
|
223
|
+
* Also used as a custom navigation item for the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-navigationitem)
|
|
224
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-items-in-the-side-navigation)).
|
|
225
225
|
*/
|
|
226
226
|
export declare const CalendarNavigationItem: (props: CalendarNavigationItemProps) => JSX.Element;
|
|
227
227
|
|
|
228
228
|
/**
|
|
229
|
-
* The props which will be received by the custom navigation item of the [Calendar](
|
|
229
|
+
* The props which will be received by the custom navigation item of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-navigationitem).
|
|
230
230
|
*/
|
|
231
231
|
export declare interface CalendarNavigationItemProps {
|
|
232
232
|
/** The text content displayed in the navigation item */
|
|
@@ -250,7 +250,7 @@ export declare interface CalendarNavigationItemProps {
|
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
/**
|
|
253
|
-
* Represents the props of the [KendoReact Calendar component](
|
|
253
|
+
* Represents the props of the [KendoReact Calendar component](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar). The generic argument is passed to the `onChange` property and is used as a target in the [`CalendarChangeEvent`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarchangeevent) interface.
|
|
254
254
|
*/
|
|
255
255
|
export declare interface CalendarProps<T = any> extends CalendarSettings {
|
|
256
256
|
/** @hidden */
|
|
@@ -283,7 +283,7 @@ export declare interface CalendarProps<T = any> extends CalendarSettings {
|
|
|
283
283
|
* Represents the PropsContext of the `Calendar` component.
|
|
284
284
|
* Used for global configuration of all `Calendar` instances.
|
|
285
285
|
*
|
|
286
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
286
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
287
287
|
*/
|
|
288
288
|
export declare const CalendarPropsContext: React_2.Context<(p: CalendarProps<any>) => CalendarProps<any>>;
|
|
289
289
|
|
|
@@ -321,7 +321,7 @@ export declare interface CalendarSettings {
|
|
|
321
321
|
defaultActiveView?: ActiveView;
|
|
322
322
|
/**
|
|
323
323
|
* Determines whether the Calendar is disabled.
|
|
324
|
-
* ([see example](
|
|
324
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/disabled-state)).
|
|
325
325
|
*
|
|
326
326
|
** @example
|
|
327
327
|
* ```jsx
|
|
@@ -368,7 +368,7 @@ export declare interface CalendarSettings {
|
|
|
368
368
|
ariaLabelledBy?: string;
|
|
369
369
|
/**
|
|
370
370
|
* Sets the maximum allowed date of the Calendar. Defaults to `2099-12-31`.
|
|
371
|
-
* ([see example](
|
|
371
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/date-ranges#toc-max-date)).
|
|
372
372
|
*
|
|
373
373
|
** @example
|
|
374
374
|
* ```jsx
|
|
@@ -378,7 +378,7 @@ export declare interface CalendarSettings {
|
|
|
378
378
|
max?: Date;
|
|
379
379
|
/**
|
|
380
380
|
* Sets the minimum allowed date of the Calendar. Defaults to `1900-1-1`.
|
|
381
|
-
* ([see example](
|
|
381
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/date-ranges#toc-min-date)).
|
|
382
382
|
*
|
|
383
383
|
** @example
|
|
384
384
|
* ```jsx
|
|
@@ -472,7 +472,7 @@ export declare interface CalendarSettings {
|
|
|
472
472
|
showOtherMonthDays?: boolean;
|
|
473
473
|
/**
|
|
474
474
|
* Enables the customization or the override of the default Calendar cell.
|
|
475
|
-
* ([see example](
|
|
475
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-view)).
|
|
476
476
|
*
|
|
477
477
|
** @example
|
|
478
478
|
* ```jsx
|
|
@@ -482,7 +482,7 @@ export declare interface CalendarSettings {
|
|
|
482
482
|
cell?: React.ComponentType<CalendarCellProps>;
|
|
483
483
|
/**
|
|
484
484
|
* Enables the customization or the override of the default week-column cell in the Calendar.
|
|
485
|
-
* ([see example](
|
|
485
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-week-column)).
|
|
486
486
|
*
|
|
487
487
|
** @example
|
|
488
488
|
* ```jsx
|
|
@@ -492,7 +492,7 @@ export declare interface CalendarSettings {
|
|
|
492
492
|
weekCell?: React.ComponentType<CalendarWeekCellProps>;
|
|
493
493
|
/**
|
|
494
494
|
* Enables the customization or the override of the default header title in the Calendar.
|
|
495
|
-
* ([see example](
|
|
495
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-titles-of-current-views)).
|
|
496
496
|
*
|
|
497
497
|
** @example
|
|
498
498
|
* ```jsx
|
|
@@ -502,7 +502,7 @@ export declare interface CalendarSettings {
|
|
|
502
502
|
headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
|
|
503
503
|
/**
|
|
504
504
|
* Enables the customization or the override of the default header in the Calendar.
|
|
505
|
-
* ([see example](
|
|
505
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-titles-of-current-views)).
|
|
506
506
|
*
|
|
507
507
|
** @example
|
|
508
508
|
* ```jsx
|
|
@@ -512,7 +512,7 @@ export declare interface CalendarSettings {
|
|
|
512
512
|
header?: React.ComponentType<CalendarHeaderProps>;
|
|
513
513
|
/**
|
|
514
514
|
* Enables the customization or the override of the default navigation item in the Calendar.
|
|
515
|
-
* ([see example](
|
|
515
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-items-in-the-side-navigation)).
|
|
516
516
|
*
|
|
517
517
|
** @example
|
|
518
518
|
* ```jsx
|
|
@@ -542,15 +542,15 @@ export declare enum CalendarViewEnum {
|
|
|
542
542
|
}
|
|
543
543
|
|
|
544
544
|
/**
|
|
545
|
-
* 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](
|
|
545
|
+
* 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](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-weekcell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-weekcell) components.
|
|
546
546
|
*
|
|
547
|
-
* * [Customizing week-column cells in the Calendar](
|
|
548
|
-
* * [Customizing week-column cells in the MultiViewCalendar](
|
|
547
|
+
* * [Customizing week-column cells in the Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/custom-rendering#toc-cells-inside-the-week-column)
|
|
548
|
+
* * [Customizing week-column cells in the MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-week-column)
|
|
549
549
|
*/
|
|
550
550
|
export declare const CalendarWeekCell: (props: CalendarWeekCellProps) => JSX.Element;
|
|
551
551
|
|
|
552
552
|
/**
|
|
553
|
-
* The props which will be received by the custom week cell of the [Calendar](
|
|
553
|
+
* The props which will be received by the custom week cell of the [Calendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/calendarprops#toc-weekcell) and the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops#toc-weekcell).
|
|
554
554
|
*/
|
|
555
555
|
export declare interface CalendarWeekCellProps {
|
|
556
556
|
/** Unique identifier for the week cell element */
|
|
@@ -773,8 +773,8 @@ export declare class CenturyViewService implements ViewService {
|
|
|
773
773
|
/**
|
|
774
774
|
* Represents the KendoReact DateInput Component.
|
|
775
775
|
*
|
|
776
|
-
* Accepts properties of type [DateInputProps](
|
|
777
|
-
* Obtaining the `ref` returns an object of type [DateInputHandle](
|
|
776
|
+
* Accepts properties of type [DateInputProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops).
|
|
777
|
+
* Obtaining the `ref` returns an object of type [DateInputHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputhandle).
|
|
778
778
|
*/
|
|
779
779
|
export declare const DateInput: React_2.ForwardRefExoticComponent<DateInputProps<any> & React_2.RefAttributes<DateInputHandle>>;
|
|
780
780
|
|
|
@@ -977,11 +977,11 @@ declare class DateInputIntl {
|
|
|
977
977
|
*/
|
|
978
978
|
declare interface DateInputOptions {
|
|
979
979
|
/**
|
|
980
|
-
* Specifies the `date` format which is used for formatting the value ([see example](
|
|
980
|
+
* Specifies the `date` format which is used for formatting the value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats)). If not set, the default format will be used.
|
|
981
981
|
*/
|
|
982
982
|
format: string | DateFormatOptions_2;
|
|
983
983
|
/**
|
|
984
|
-
* Specifies the incremental steps of the DateInput ([see example](
|
|
984
|
+
* Specifies the incremental steps of the DateInput ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/incremental-steps)).
|
|
985
985
|
*
|
|
986
986
|
* The available options are:
|
|
987
987
|
* - `year: Number`—Controls the incremental step of the year value.
|
|
@@ -993,13 +993,13 @@ declare interface DateInputOptions {
|
|
|
993
993
|
*/
|
|
994
994
|
steps?: DateInputIncrementalSteps;
|
|
995
995
|
/**
|
|
996
|
-
* Specifies the descriptions of the format sections in the input field ([more information and example](
|
|
996
|
+
* Specifies the descriptions of the format sections in the input field ([more information and example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/placeholders)).
|
|
997
997
|
*/
|
|
998
998
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
999
999
|
/**
|
|
1000
1000
|
* Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
|
|
1001
1001
|
* For more information, refer to the article on
|
|
1002
|
-
* [placeholders](
|
|
1002
|
+
* [placeholders](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/placeholders).
|
|
1003
1003
|
*/
|
|
1004
1004
|
placeholder?: string | null;
|
|
1005
1005
|
/**
|
|
@@ -1053,7 +1053,7 @@ declare interface DateInputOptions {
|
|
|
1053
1053
|
*/
|
|
1054
1054
|
autoSwitchKeys: string[];
|
|
1055
1055
|
/**
|
|
1056
|
-
* The maximum year to assume to be from the current century when typing two-digit year value ([see example](
|
|
1056
|
+
* The maximum year to assume to be from the current century when typing two-digit year value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats#toc-two---digit-year-max)).
|
|
1057
1057
|
* The default value of 68, indicating that typing any value less than 69 will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
|
|
1058
1058
|
*
|
|
1059
1059
|
* @default `68`
|
|
@@ -1068,7 +1068,7 @@ declare interface DateInputOptions {
|
|
|
1068
1068
|
}
|
|
1069
1069
|
|
|
1070
1070
|
/**
|
|
1071
|
-
* Represents the props of the [KendoReact DateInput component](
|
|
1071
|
+
* Represents the props of the [KendoReact DateInput component](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput). The generic argument is passed to the `onChange` property and is used as a target in the [`DateInputChangeEvent`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputchangeevent) interface.
|
|
1072
1072
|
*/
|
|
1073
1073
|
export declare interface DateInputProps<T extends DateInputHandle = any> extends FormComponentProps, DateInputSettings, DateInputCommonPackageProps {
|
|
1074
1074
|
/** @hidden */
|
|
@@ -1114,7 +1114,7 @@ export declare interface DateInputProps<T extends DateInputHandle = any> extends
|
|
|
1114
1114
|
*/
|
|
1115
1115
|
ariaControls?: string;
|
|
1116
1116
|
/**
|
|
1117
|
-
* Fires when the user edits the `value` ([see example](
|
|
1117
|
+
* Fires when the user edits the `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/date-ranges)).
|
|
1118
1118
|
*/
|
|
1119
1119
|
onChange?: (event: DateInputChangeEvent<T>) => void;
|
|
1120
1120
|
/**
|
|
@@ -1175,7 +1175,7 @@ export declare interface DateInputProps<T extends DateInputHandle = any> extends
|
|
|
1175
1175
|
*/
|
|
1176
1176
|
autoFill?: boolean;
|
|
1177
1177
|
/**
|
|
1178
|
-
* The maximum year to assume to be from the current century when typing two-digit year value ([see example](
|
|
1178
|
+
* The maximum year to assume to be from the current century when typing two-digit year value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats#toc-two---digit-year-max)).
|
|
1179
1179
|
* The default value of 68, indicating that typing any value less than 69 will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
|
|
1180
1180
|
*
|
|
1181
1181
|
* @default `68`
|
|
@@ -1202,7 +1202,7 @@ export declare interface DateInputProps<T extends DateInputHandle = any> extends
|
|
|
1202
1202
|
* Represents the PropsContext of the `DateInput` component.
|
|
1203
1203
|
* Used for global configuration of all `DateInput` instances.
|
|
1204
1204
|
*
|
|
1205
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
1205
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
1206
1206
|
*/
|
|
1207
1207
|
export declare const DateInputPropsContext: React_2.Context<(p: DateInputProps<any>) => DateInputProps<any>>;
|
|
1208
1208
|
|
|
@@ -1211,11 +1211,11 @@ export declare const DateInputPropsContext: React_2.Context<(p: DateInputProps<a
|
|
|
1211
1211
|
*/
|
|
1212
1212
|
export declare interface DateInputSettings {
|
|
1213
1213
|
/**
|
|
1214
|
-
* Specifies the `date` format which is used for formatting the value ([see example](
|
|
1214
|
+
* Specifies the `date` format which is used for formatting the value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats)). If not set, the default format will be used.
|
|
1215
1215
|
*/
|
|
1216
1216
|
format?: string | DateFormatOptions;
|
|
1217
1217
|
/**
|
|
1218
|
-
* Specifies the descriptions of the format sections in the input field ([more information and example](
|
|
1218
|
+
* Specifies the descriptions of the format sections in the input field ([more information and example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/placeholders)).
|
|
1219
1219
|
*/
|
|
1220
1220
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
1221
1221
|
/**
|
|
@@ -1231,7 +1231,7 @@ export declare interface DateInputSettings {
|
|
|
1231
1231
|
*/
|
|
1232
1232
|
title?: string;
|
|
1233
1233
|
/**
|
|
1234
|
-
* Specifies the incremental steps of the DateInput ([see example](
|
|
1234
|
+
* Specifies the incremental steps of the DateInput ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/incremental-steps)).
|
|
1235
1235
|
*
|
|
1236
1236
|
* The available options are:
|
|
1237
1237
|
* - `year: Number`—Controls the incremental step of the year value.
|
|
@@ -1243,27 +1243,27 @@ export declare interface DateInputSettings {
|
|
|
1243
1243
|
*/
|
|
1244
1244
|
steps?: DateInputIncrementalSteps;
|
|
1245
1245
|
/**
|
|
1246
|
-
* Specifies the smallest date that is valid ([see example](
|
|
1246
|
+
* Specifies the smallest date that is valid ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/date-ranges)).
|
|
1247
1247
|
*/
|
|
1248
1248
|
min?: Date;
|
|
1249
1249
|
/**
|
|
1250
|
-
* Specifies the greatest date that is valid ([see example](
|
|
1250
|
+
* Specifies the greatest date that is valid ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/date-ranges)).
|
|
1251
1251
|
*/
|
|
1252
1252
|
max?: Date;
|
|
1253
1253
|
/**
|
|
1254
|
-
* Specifies the smallest time that is valid ([see example](
|
|
1254
|
+
* Specifies the smallest time that is valid ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/date-ranges#toc-limiting-the-time-range)).
|
|
1255
1255
|
*/
|
|
1256
1256
|
minTime?: Date;
|
|
1257
1257
|
/**
|
|
1258
|
-
* Specifies the greatest time that is valid ([see example](
|
|
1258
|
+
* Specifies the greatest time that is valid ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/date-ranges#toc-limiting-the-time-range)).
|
|
1259
1259
|
*/
|
|
1260
1260
|
maxTime?: Date;
|
|
1261
1261
|
/**
|
|
1262
|
-
* Determines whether the DateInput is disabled ([see example](
|
|
1262
|
+
* Determines whether the DateInput is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/disabled-state)).
|
|
1263
1263
|
*/
|
|
1264
1264
|
disabled?: boolean;
|
|
1265
1265
|
/**
|
|
1266
|
-
* Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example](
|
|
1266
|
+
* Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/spin-buttons)).
|
|
1267
1267
|
*/
|
|
1268
1268
|
spinners?: boolean;
|
|
1269
1269
|
/**
|
|
@@ -1298,7 +1298,7 @@ export declare interface DateInputSettings {
|
|
|
1298
1298
|
/**
|
|
1299
1299
|
* Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
|
|
1300
1300
|
* For more information, refer to the article on
|
|
1301
|
-
* [placeholders](
|
|
1301
|
+
* [placeholders](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/placeholders).
|
|
1302
1302
|
*/
|
|
1303
1303
|
placeholder?: string | null;
|
|
1304
1304
|
}
|
|
@@ -1351,8 +1351,8 @@ export declare interface DateInputsPopupSettings extends PopupProps {
|
|
|
1351
1351
|
/**
|
|
1352
1352
|
* Represents the KendoReact DatePicker Component.
|
|
1353
1353
|
*
|
|
1354
|
-
* Accepts properties of type [DatePickerProps](
|
|
1355
|
-
* Obtaining the `ref` returns an object of type [DatePickerHandle](
|
|
1354
|
+
* Accepts properties of type [DatePickerProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datepickerprops).
|
|
1355
|
+
* Obtaining the `ref` returns an object of type [DatePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datepickerhandle).
|
|
1356
1356
|
*/
|
|
1357
1357
|
export declare const DatePicker: React_2.ForwardRefExoticComponent<DatePickerProps & React_2.RefAttributes<DatePickerHandle>>;
|
|
1358
1358
|
|
|
@@ -1465,15 +1465,15 @@ export declare interface DatePickerOpenEvent {
|
|
|
1465
1465
|
}
|
|
1466
1466
|
|
|
1467
1467
|
/**
|
|
1468
|
-
* Represents the props of the [KendoReact DatePicker component](
|
|
1468
|
+
* Represents the props of the [KendoReact DatePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker).
|
|
1469
1469
|
*/
|
|
1470
1470
|
export declare interface DatePickerProps extends DatePickerSettings, FormComponentProps, DateInputCommonPackageProps, Omit<React_2.HTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'placeholder'> {
|
|
1471
1471
|
/**
|
|
1472
|
-
* Set the initial `value` when the component is uncontrolled ([see example](
|
|
1472
|
+
* Set the initial `value` when the component is uncontrolled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/default-value)).
|
|
1473
1473
|
*/
|
|
1474
1474
|
defaultValue?: Date | null;
|
|
1475
1475
|
/**
|
|
1476
|
-
* Fires when the user selects a new `value` ([see example](
|
|
1476
|
+
* Fires when the user selects a new `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/controlled-state#toc-controlling-the-date-value)).
|
|
1477
1477
|
*/
|
|
1478
1478
|
onChange?: (event: DatePickerChangeEvent) => void;
|
|
1479
1479
|
/**
|
|
@@ -1485,7 +1485,7 @@ export declare interface DatePickerProps extends DatePickerSettings, FormCompone
|
|
|
1485
1485
|
*/
|
|
1486
1486
|
onClose?: (event: DatePickerCloseEvent) => void;
|
|
1487
1487
|
/**
|
|
1488
|
-
* Set the current `value` ([see example](
|
|
1488
|
+
* Set the current `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/controlled-state#toc-controlling-the-date-value)).
|
|
1489
1489
|
* Provide a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance or `null`.
|
|
1490
1490
|
*/
|
|
1491
1491
|
value?: Date | null;
|
|
@@ -1567,7 +1567,7 @@ export declare interface DatePickerProps extends DatePickerSettings, FormCompone
|
|
|
1567
1567
|
autoFill?: boolean;
|
|
1568
1568
|
/**
|
|
1569
1569
|
/**
|
|
1570
|
-
* Set the upper threshold for interpreting a two-digit year as part of the current century ([see example](
|
|
1570
|
+
* Set the upper threshold for interpreting a two-digit year as part of the current century ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats#toc-two---digit-year-max)).
|
|
1571
1571
|
* Values smaller than (`twoDigitYearMax` + 1) map to 20xx. Larger map to 19xx.
|
|
1572
1572
|
*
|
|
1573
1573
|
* @default `68`
|
|
@@ -1596,7 +1596,7 @@ export declare interface DatePickerProps extends DatePickerSettings, FormCompone
|
|
|
1596
1596
|
* Represents the PropsContext of the `DatePicker` component.
|
|
1597
1597
|
* Used for global configuration of all `DatePicker` instances.
|
|
1598
1598
|
*
|
|
1599
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
1599
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
1600
1600
|
*/
|
|
1601
1601
|
export declare const DatePickerPropsContext: React_2.Context<(p: DatePickerProps) => DatePickerProps>;
|
|
1602
1602
|
|
|
@@ -1606,7 +1606,7 @@ export declare const DatePickerPropsContext: React_2.Context<(p: DatePickerProps
|
|
|
1606
1606
|
export declare interface DatePickerSettings {
|
|
1607
1607
|
/**
|
|
1608
1608
|
* Allows you to customize or replace the default Toggle button rendered by DatePicker.
|
|
1609
|
-
* ([see example](
|
|
1609
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/custom-rendering#toc-customizing-the-toggle-button)).
|
|
1610
1610
|
* Example usage of the `toggleButton` property:
|
|
1611
1611
|
* ```jsx
|
|
1612
1612
|
* <DatePicker toggleButton={CustomToggleButton} />
|
|
@@ -1615,7 +1615,7 @@ export declare interface DatePickerSettings {
|
|
|
1615
1615
|
toggleButton?: default_3.ComponentType<ToggleButtonProps>;
|
|
1616
1616
|
/**
|
|
1617
1617
|
* Allows you to customize or replace the default Calendar rendered by DatePicker.
|
|
1618
|
-
* ([see example](
|
|
1618
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/custom-rendering#toc-customizing-the-calendar)).
|
|
1619
1619
|
* Example usage of the `calendar` property:
|
|
1620
1620
|
* ```jsx
|
|
1621
1621
|
* <DatePicker calendar={CustomCalendar} />
|
|
@@ -1624,7 +1624,7 @@ export declare interface DatePickerSettings {
|
|
|
1624
1624
|
calendar?: default_3.ComponentType<CalendarProps<any>> | default_3.ComponentType<MultiViewCalendarProps<any>>;
|
|
1625
1625
|
/**
|
|
1626
1626
|
* Allows you to customize or replace the default Popup rendered by DatePicker.
|
|
1627
|
-
* ([see example](
|
|
1627
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/custom-rendering#toc-customizing-the-popup)).
|
|
1628
1628
|
* Example usage of the `popup` property:
|
|
1629
1629
|
* ```jsx
|
|
1630
1630
|
* <DatePicker popup={CustomPopup} />
|
|
@@ -1633,7 +1633,7 @@ export declare interface DatePickerSettings {
|
|
|
1633
1633
|
popup?: default_3.ComponentType<PopupProps>;
|
|
1634
1634
|
/**
|
|
1635
1635
|
* Allows you to customize or replace the default DateInput rendered by DatePicker.
|
|
1636
|
-
* ([see example](
|
|
1636
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/custom-rendering#toc-customizing-the-dateinput)).
|
|
1637
1637
|
* Example usage of the `dateInput` property:
|
|
1638
1638
|
* ```jsx
|
|
1639
1639
|
* <DatePicker dateInput={CustomDateInput} />
|
|
@@ -1649,7 +1649,7 @@ export declare interface DatePickerSettings {
|
|
|
1649
1649
|
*/
|
|
1650
1650
|
className?: string;
|
|
1651
1651
|
/**
|
|
1652
|
-
* Sets the default state of the DatePicker upon render ([see example](
|
|
1652
|
+
* Sets the default state of the DatePicker upon render ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/default-value)).
|
|
1653
1653
|
* Example usage of the `defaultShow` property:
|
|
1654
1654
|
* ```jsx
|
|
1655
1655
|
* <DatePicker defaultShow={true} />
|
|
@@ -1657,7 +1657,7 @@ export declare interface DatePickerSettings {
|
|
|
1657
1657
|
*/
|
|
1658
1658
|
defaultShow?: boolean;
|
|
1659
1659
|
/**
|
|
1660
|
-
* Determines whether the DatePicker is disabled ([see example](
|
|
1660
|
+
* Determines whether the DatePicker is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/disabled-state)).
|
|
1661
1661
|
* Example usage of the `disabled` property:
|
|
1662
1662
|
* ```jsx
|
|
1663
1663
|
* <DatePicker disabled={true} />
|
|
@@ -1665,7 +1665,7 @@ export declare interface DatePickerSettings {
|
|
|
1665
1665
|
*/
|
|
1666
1666
|
disabled?: boolean;
|
|
1667
1667
|
/**
|
|
1668
|
-
* Specifies the focused date of the DatePicker ([see example](
|
|
1668
|
+
* Specifies the focused date of the DatePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/date)).
|
|
1669
1669
|
* Example usage of the `focusedDate` property:
|
|
1670
1670
|
* ```jsx
|
|
1671
1671
|
* <DatePicker focusedDate={new Date()} />
|
|
@@ -1673,7 +1673,7 @@ export declare interface DatePickerSettings {
|
|
|
1673
1673
|
*/
|
|
1674
1674
|
focusedDate?: Date;
|
|
1675
1675
|
/**
|
|
1676
|
-
* Specifies the date format that is used to display the input value ([see example](
|
|
1676
|
+
* Specifies the date format that is used to display the input value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/formats)).
|
|
1677
1677
|
* Example usage of the `format` property:
|
|
1678
1678
|
* ```jsx
|
|
1679
1679
|
* <DatePicker format="MM/dd/yyyy" />
|
|
@@ -1681,7 +1681,7 @@ export declare interface DatePickerSettings {
|
|
|
1681
1681
|
*/
|
|
1682
1682
|
format?: string | DateFormatOptions;
|
|
1683
1683
|
/**
|
|
1684
|
-
* Defines the descriptions of the format sections in the input field ([more information and examples](
|
|
1684
|
+
* Defines the descriptions of the format sections in the input field ([more information and examples](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/placeholders)).
|
|
1685
1685
|
* Example usage of the `formatPlaceholder` property:
|
|
1686
1686
|
* ```jsx
|
|
1687
1687
|
* <DatePicker formatPlaceholder="Enter date" />
|
|
@@ -1722,7 +1722,7 @@ export declare interface DatePickerSettings {
|
|
|
1722
1722
|
*/
|
|
1723
1723
|
ariaLabel?: string;
|
|
1724
1724
|
/**
|
|
1725
|
-
* Specifies the greatest valid date ([see example](
|
|
1725
|
+
* Specifies the greatest valid date ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/date-ranges)).
|
|
1726
1726
|
* Example usage of the `max` property:
|
|
1727
1727
|
* ```jsx
|
|
1728
1728
|
* <DatePicker max={new Date(2099, 11, 31)} />
|
|
@@ -1730,7 +1730,7 @@ export declare interface DatePickerSettings {
|
|
|
1730
1730
|
*/
|
|
1731
1731
|
max?: Date;
|
|
1732
1732
|
/**
|
|
1733
|
-
* Specifies the smallest valid date ([see example](
|
|
1733
|
+
* Specifies the smallest valid date ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/date-ranges)).
|
|
1734
1734
|
* Example usage of the `min` property:
|
|
1735
1735
|
* ```jsx
|
|
1736
1736
|
* <DatePicker min={new Date(1900, 0, 1)} />
|
|
@@ -1775,7 +1775,7 @@ export declare interface DatePickerSettings {
|
|
|
1775
1775
|
*/
|
|
1776
1776
|
popupSettings?: DateInputsPopupSettings;
|
|
1777
1777
|
/**
|
|
1778
|
-
* Specifies if the calendar will be displayed ([see example](
|
|
1778
|
+
* Specifies if the calendar will be displayed ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/controlled-state#toc-controlling-the-popup-state)).
|
|
1779
1779
|
* Example usage of the `show` property:
|
|
1780
1780
|
* ```jsx
|
|
1781
1781
|
* <DatePicker show={true} />
|
|
@@ -1799,7 +1799,7 @@ export declare interface DatePickerSettings {
|
|
|
1799
1799
|
*/
|
|
1800
1800
|
title?: string;
|
|
1801
1801
|
/**
|
|
1802
|
-
* Determines whether to display a week number column in the `month` view of the Calendar ([see example](
|
|
1802
|
+
* Determines whether to display a week number column in the `month` view of the Calendar ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/week-num-column)).
|
|
1803
1803
|
* Example usage of the `weekNumber` property:
|
|
1804
1804
|
* ```jsx
|
|
1805
1805
|
* <DatePicker weekNumber={true} />
|
|
@@ -1825,7 +1825,7 @@ export declare interface DatePickerSettings {
|
|
|
1825
1825
|
/**
|
|
1826
1826
|
* Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
|
|
1827
1827
|
* For more information, refer to the article on
|
|
1828
|
-
* [placeholders](
|
|
1828
|
+
* [placeholders](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/placeholders).
|
|
1829
1829
|
* Example usage of the `placeholder` property:
|
|
1830
1830
|
* ```jsx
|
|
1831
1831
|
* <DatePicker placeholder="Enter a date" />
|
|
@@ -1840,8 +1840,8 @@ export declare type DateRangePicker = DateRangePickerHandle;
|
|
|
1840
1840
|
/**
|
|
1841
1841
|
* Represents the KendoReact DateRangePicker Component.
|
|
1842
1842
|
*
|
|
1843
|
-
* Accepts properties of type [DateRangePickerProps](
|
|
1844
|
-
* Obtaining the `ref` returns an object of type [DateRangePickerHandle](
|
|
1843
|
+
* Accepts properties of type [DateRangePickerProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/daterangepickerprops).
|
|
1844
|
+
* Obtaining the `ref` returns an object of type [DateRangePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/daterangepickerhandle).
|
|
1845
1845
|
*/
|
|
1846
1846
|
export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRangePickerProps & React_2.RefAttributes<any>>;
|
|
1847
1847
|
|
|
@@ -1934,21 +1934,21 @@ export declare interface DateRangePickerPopupSettings extends PopupProps {
|
|
|
1934
1934
|
}
|
|
1935
1935
|
|
|
1936
1936
|
/**
|
|
1937
|
-
* Represents the props of the [KendoReact DateRangePicker component](
|
|
1937
|
+
* Represents the props of the [KendoReact DateRangePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker).
|
|
1938
1938
|
*/
|
|
1939
1939
|
export declare interface DateRangePickerProps extends DateRangePickerSettings {
|
|
1940
1940
|
/**
|
|
1941
1941
|
* Override the validity state.
|
|
1942
1942
|
* If `valid` is set, ignore `required`.
|
|
1943
|
-
* Part of [FormComponentProps](
|
|
1943
|
+
* Part of [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops).
|
|
1944
1944
|
*/
|
|
1945
1945
|
valid?: boolean;
|
|
1946
1946
|
/**
|
|
1947
|
-
* Set the initial `value` when uncontrolled ([see example](
|
|
1947
|
+
* Set the initial `value` when uncontrolled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value)).
|
|
1948
1948
|
*/
|
|
1949
1949
|
defaultValue?: SelectionRange;
|
|
1950
1950
|
/**
|
|
1951
|
-
* Fires when the user changes part of the range ([see example](
|
|
1951
|
+
* Fires when the user changes part of the range ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-value)).
|
|
1952
1952
|
*/
|
|
1953
1953
|
onChange?: (event: DateRangePickerChangeEvent) => void;
|
|
1954
1954
|
/**
|
|
@@ -1960,11 +1960,11 @@ export declare interface DateRangePickerProps extends DateRangePickerSettings {
|
|
|
1960
1960
|
*/
|
|
1961
1961
|
onClose?: (event: DateRangePickerCloseEvent) => void;
|
|
1962
1962
|
/**
|
|
1963
|
-
* Fires when the popup is about to cancel in ([adaptive mode](
|
|
1963
|
+
* Fires when the popup is about to cancel in ([adaptive mode](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/adaptive-rendering)).
|
|
1964
1964
|
*/
|
|
1965
1965
|
onCancel?: (event: React_2.MouseEvent<HTMLButtonElement>) => void;
|
|
1966
1966
|
/**
|
|
1967
|
-
* Set the selected range ([see example](
|
|
1967
|
+
* Set the selected range ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-value)).
|
|
1968
1968
|
* Provide `start` and `end` valid `Date` values or `null`.
|
|
1969
1969
|
*/
|
|
1970
1970
|
value?: SelectionRange;
|
|
@@ -2020,7 +2020,7 @@ export declare interface DateRangePickerProps extends DateRangePickerSettings {
|
|
|
2020
2020
|
* Represents the PropsContext of the `DateRangePicker` component.
|
|
2021
2021
|
* Used for global configuration of all `DateRangePicker` instances.
|
|
2022
2022
|
*
|
|
2023
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
2023
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
2024
2024
|
*/
|
|
2025
2025
|
export declare const DateRangePickerPropsContext: React_2.Context<(p: DateRangePickerProps) => DateRangePickerProps>;
|
|
2026
2026
|
|
|
@@ -2030,17 +2030,17 @@ export declare const DateRangePickerPropsContext: React_2.Context<(p: DateRangeP
|
|
|
2030
2030
|
export declare interface DateRangePickerSettings {
|
|
2031
2031
|
/**
|
|
2032
2032
|
* Enables the customization or the override of the default start DateInput which is rendered by the DateRangePicker
|
|
2033
|
-
* ([see example](
|
|
2033
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#toc-customizing-the-dateinputs)).
|
|
2034
2034
|
*/
|
|
2035
2035
|
startDateInput?: React.ComponentType<DateInputProps<any>>;
|
|
2036
2036
|
/**
|
|
2037
2037
|
* Enables the customization or the override of the default end DateInput which is rendered by the DateRangePicker
|
|
2038
|
-
* ([see example](
|
|
2038
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#toc-customizing-the-calendar)).
|
|
2039
2039
|
*/
|
|
2040
2040
|
endDateInput?: React.ComponentType<DateInputProps<any>>;
|
|
2041
2041
|
/**
|
|
2042
2042
|
* Enables the customization or the override of the default Popup which is rendered by the DateRangePicker
|
|
2043
|
-
* ([see example](
|
|
2043
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#toc-customizing-the-popup)).
|
|
2044
2044
|
*/
|
|
2045
2045
|
popup?: React.ComponentType<PopupProps>;
|
|
2046
2046
|
/**
|
|
@@ -2048,13 +2048,13 @@ export declare interface DateRangePickerSettings {
|
|
|
2048
2048
|
*/
|
|
2049
2049
|
calendar?: React.ComponentType<MultiViewCalendarProps<any>>;
|
|
2050
2050
|
/**
|
|
2051
|
-
* If `allowReverse` is set to `true`, the component skips the validation of whether the `from` value is after the `to` value ([see example](
|
|
2051
|
+
* If `allowReverse` is set to `true`, the component skips the validation of whether the `from` value is after the `to` value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/reverse)).
|
|
2052
2052
|
*
|
|
2053
2053
|
* > If the [`calendarSettings`](#toc-calendarsettings) property is set, its `allowReverse` will take precedence.
|
|
2054
2054
|
*/
|
|
2055
2055
|
allowReverse?: boolean;
|
|
2056
2056
|
/**
|
|
2057
|
-
* Represents the additional props that can be passed to the [MultiViewCalendar](
|
|
2057
|
+
* Represents the additional props that can be passed to the [MultiViewCalendar](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-the-multiviewcalendar)).
|
|
2058
2058
|
*/
|
|
2059
2059
|
calendarSettings?: DateRangePickerCalendarSettings;
|
|
2060
2060
|
/**
|
|
@@ -2062,23 +2062,23 @@ export declare interface DateRangePickerSettings {
|
|
|
2062
2062
|
*/
|
|
2063
2063
|
className?: string;
|
|
2064
2064
|
/**
|
|
2065
|
-
* Sets the default state of the DateRangePicker upon render ([see example](
|
|
2065
|
+
* Sets the default state of the DateRangePicker upon render ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value)).
|
|
2066
2066
|
*/
|
|
2067
2067
|
defaultShow?: boolean;
|
|
2068
2068
|
/**
|
|
2069
|
-
* Determines whether the DateRangePicker is disabled ([see example](
|
|
2069
|
+
* Determines whether the DateRangePicker is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/disabled-state)).
|
|
2070
2070
|
*/
|
|
2071
2071
|
disabled?: boolean;
|
|
2072
2072
|
/**
|
|
2073
|
-
* Represents the additional props that can be passed to the end-date [DateInput](
|
|
2073
|
+
* Represents the additional props that can be passed to the end-date [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-dateinputs)).
|
|
2074
2074
|
*/
|
|
2075
2075
|
endDateInputSettings?: DateRangePickerDateInputSettings;
|
|
2076
2076
|
/**
|
|
2077
|
-
* Specifies the focused date of the DateRangePicker ([see example](
|
|
2077
|
+
* Specifies the focused date of the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/focused-date)).
|
|
2078
2078
|
*/
|
|
2079
2079
|
focusedDate?: Date;
|
|
2080
2080
|
/**
|
|
2081
|
-
* Specifies the `date` format which is used for formatting the value of the DateInput ([see example](
|
|
2081
|
+
* Specifies the `date` format which is used for formatting the value of the DateInput ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats)).
|
|
2082
2082
|
*
|
|
2083
2083
|
* > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
|
|
2084
2084
|
*/
|
|
@@ -2097,11 +2097,11 @@ export declare interface DateRangePickerSettings {
|
|
|
2097
2097
|
*/
|
|
2098
2098
|
ariaLabelledBy?: string;
|
|
2099
2099
|
/**
|
|
2100
|
-
* Specifies the greatest valid date ([see example](
|
|
2100
|
+
* Specifies the greatest valid date ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/date-ranges)).
|
|
2101
2101
|
*/
|
|
2102
2102
|
max?: Date;
|
|
2103
2103
|
/**
|
|
2104
|
-
* Specifies the smallest valid date ([see example](
|
|
2104
|
+
* Specifies the smallest valid date ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/date-ranges)).
|
|
2105
2105
|
*/
|
|
2106
2106
|
min?: Date;
|
|
2107
2107
|
/**
|
|
@@ -2113,15 +2113,15 @@ export declare interface DateRangePickerSettings {
|
|
|
2113
2113
|
*/
|
|
2114
2114
|
onFocus?: (event: React.FocusEvent<any>) => void;
|
|
2115
2115
|
/**
|
|
2116
|
-
* Represents the additional props that will be passed to the [Popup](
|
|
2116
|
+
* Represents the additional props that will be passed to the [Popup](https://www.telerik.com/kendo-react-ui/components/popup) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-the-popup)).
|
|
2117
2117
|
*/
|
|
2118
2118
|
popupSettings?: DateRangePickerPopupSettings;
|
|
2119
2119
|
/**
|
|
2120
|
-
* Specifies if the calendar will be displayed ([see example](
|
|
2120
|
+
* Specifies if the calendar will be displayed ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-popup-state)).
|
|
2121
2121
|
*/
|
|
2122
2122
|
show?: boolean;
|
|
2123
2123
|
/**
|
|
2124
|
-
* Represents the additional props that will be passed to the start-date [DateInput](
|
|
2124
|
+
* Represents the additional props that will be passed to the start-date [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-dateinputs)).
|
|
2125
2125
|
*/
|
|
2126
2126
|
startDateInputSettings?: DateRangePickerDateInputSettings;
|
|
2127
2127
|
/**
|
|
@@ -2129,7 +2129,7 @@ export declare interface DateRangePickerSettings {
|
|
|
2129
2129
|
*/
|
|
2130
2130
|
style?: React.CSSProperties;
|
|
2131
2131
|
/**
|
|
2132
|
-
* Determines whether the DateRangePicker will display a **Swap Value** button ([see example](
|
|
2132
|
+
* Determines whether the DateRangePicker will display a **Swap Value** button ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/reverse#toc-swapping-start-and-end-dates-in-ranges)).
|
|
2133
2133
|
*
|
|
2134
2134
|
* > The DateRangePicker will display the swap button only if the [`allowReverse`](#toc-allowreverse) property is also set to `true`.
|
|
2135
2135
|
*/
|
|
@@ -2320,8 +2320,8 @@ export declare type DateTimePicker = DateTimePickerHandle;
|
|
|
2320
2320
|
/**
|
|
2321
2321
|
* Represents the KendoReact DateTimePicker Component.
|
|
2322
2322
|
*
|
|
2323
|
-
* Accepts properties of type [DateTimePickerProps](
|
|
2324
|
-
* Obtaining the `ref` returns an object of type [DateTimePickerHandle](
|
|
2323
|
+
* Accepts properties of type [DateTimePickerProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datetimepickerprops).
|
|
2324
|
+
* Obtaining the `ref` returns an object of type [DateTimePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datetimepickerhandle).
|
|
2325
2325
|
*/
|
|
2326
2326
|
export declare const DateTimePicker: React_2.ForwardRefExoticComponent<DateTimePickerProps & React_2.RefAttributes<any>>;
|
|
2327
2327
|
|
|
@@ -2396,17 +2396,17 @@ export declare interface DateTimePickerOpenEvent {
|
|
|
2396
2396
|
}
|
|
2397
2397
|
|
|
2398
2398
|
/**
|
|
2399
|
-
* Represents the props of the [KendoReact DateTimePicker component](
|
|
2399
|
+
* Represents the props of the [KendoReact DateTimePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker).
|
|
2400
2400
|
*/
|
|
2401
2401
|
export declare interface DateTimePickerProps extends DateTimePickerSettings, FormComponentProps, DateInputCommonPackageProps {
|
|
2402
2402
|
/**
|
|
2403
|
-
* Set the initial `value` when uncontrolled ([see example](
|
|
2403
|
+
* Set the initial `value` when uncontrolled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/default-value)).
|
|
2404
2404
|
* See also [uncontrolled components](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
|
|
2405
2405
|
*/
|
|
2406
2406
|
defaultValue?: Date | null;
|
|
2407
2407
|
/**
|
|
2408
2408
|
/**
|
|
2409
|
-
* Fires when the user selects a new `value` ([see example](
|
|
2409
|
+
* Fires when the user selects a new `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/controlled-state#toc-controlling-the-date-value)).
|
|
2410
2410
|
*/
|
|
2411
2411
|
onChange?: (event: DateTimePickerChangeEvent) => void;
|
|
2412
2412
|
/**
|
|
@@ -2421,7 +2421,7 @@ export declare interface DateTimePickerProps extends DateTimePickerSettings, For
|
|
|
2421
2421
|
onClose?: (event: DateTimePickerCloseEvent) => void;
|
|
2422
2422
|
/**
|
|
2423
2423
|
/**
|
|
2424
|
-
* Set the current `value` ([see example](
|
|
2424
|
+
* Set the current `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/controlled-state#toc-controlling-the-date-value)).
|
|
2425
2425
|
* Provide a valid `Date` or `null`.
|
|
2426
2426
|
*/
|
|
2427
2427
|
value?: Date | null;
|
|
@@ -2495,7 +2495,7 @@ export declare interface DateTimePickerProps extends DateTimePickerSettings, For
|
|
|
2495
2495
|
*/
|
|
2496
2496
|
autoFill?: boolean;
|
|
2497
2497
|
/**
|
|
2498
|
-
* Set the upper threshold for interpreting a two-digit year as part of the current century ([see example](
|
|
2498
|
+
* Set the upper threshold for interpreting a two-digit year as part of the current century ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats#toc-two---digit-year-max)).
|
|
2499
2499
|
* Values smaller than (`twoDigitYearMax` + 1) map to 20xx. Larger map to 19xx.
|
|
2500
2500
|
*
|
|
2501
2501
|
* @default `68`
|
|
@@ -2523,7 +2523,7 @@ export declare interface DateTimePickerProps extends DateTimePickerSettings, For
|
|
|
2523
2523
|
* Represents the PropsContext of the `DateTimePicker` component.
|
|
2524
2524
|
* Used for global configuration of all `DateTimePicker` instances.
|
|
2525
2525
|
*
|
|
2526
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
2526
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
2527
2527
|
*/
|
|
2528
2528
|
export declare const DateTimePickerPropsContext: React_2.Context<(p: DateTimePickerProps) => DateTimePickerProps>;
|
|
2529
2529
|
|
|
@@ -2533,17 +2533,17 @@ export declare const DateTimePickerPropsContext: React_2.Context<(p: DateTimePic
|
|
|
2533
2533
|
export declare interface DateTimePickerSettings {
|
|
2534
2534
|
/**
|
|
2535
2535
|
* Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker
|
|
2536
|
-
* ([see example](
|
|
2536
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/custom-rendering#toc-customizing-the-calendar)).
|
|
2537
2537
|
*/
|
|
2538
2538
|
calendar?: default_3.ComponentType<CalendarProps>;
|
|
2539
2539
|
/**
|
|
2540
2540
|
* Enables the customization or the override of the default Popup which is rendered by the DateTimePicker
|
|
2541
|
-
* ([see example](
|
|
2541
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/custom-rendering#toc-customizing-the-popup)).
|
|
2542
2542
|
*/
|
|
2543
2543
|
popup?: default_3.ComponentType<PopupProps>;
|
|
2544
2544
|
/**
|
|
2545
2545
|
* Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker
|
|
2546
|
-
* ([see example](
|
|
2546
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/custom-rendering#toc-customizing-the-dateinput)).
|
|
2547
2547
|
*/
|
|
2548
2548
|
dateInput?: default_3.ComponentType<DateInputProps>;
|
|
2549
2549
|
/**
|
|
@@ -2557,7 +2557,7 @@ export declare interface DateTimePickerSettings {
|
|
|
2557
2557
|
*/
|
|
2558
2558
|
defaultShow?: boolean;
|
|
2559
2559
|
/**
|
|
2560
|
-
* Specifies the incremental steps of the `DateInput` and the internal `TimePart` ([see examples](
|
|
2560
|
+
* Specifies the incremental steps of the `DateInput` and the internal `TimePart` ([see examples](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/incremental-steps)).
|
|
2561
2561
|
*
|
|
2562
2562
|
* The available options are:
|
|
2563
2563
|
* - `year: Number`—Controls the incremental step of the year value.
|
|
@@ -2570,22 +2570,22 @@ export declare interface DateTimePickerSettings {
|
|
|
2570
2570
|
steps?: DateInputIncrementalSteps;
|
|
2571
2571
|
/**
|
|
2572
2572
|
* Determines whether the DateTimePicker is disabled
|
|
2573
|
-
* ([see example](
|
|
2573
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/disabled-state)).
|
|
2574
2574
|
*/
|
|
2575
2575
|
disabled?: boolean;
|
|
2576
2576
|
/**
|
|
2577
2577
|
* Specifies the initial focusedDate of the Calendar inside the DateTimePicker
|
|
2578
|
-
* ([see example](
|
|
2578
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/date)).
|
|
2579
2579
|
*/
|
|
2580
2580
|
focusedDate?: Date;
|
|
2581
2581
|
/**
|
|
2582
2582
|
* Specifies the date format that is used to display the input value
|
|
2583
|
-
* ([see example](
|
|
2583
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/formats)).
|
|
2584
2584
|
*/
|
|
2585
2585
|
format?: string | DateFormatOptions;
|
|
2586
2586
|
/**
|
|
2587
2587
|
* Defines the descriptions of the format sections in the input field
|
|
2588
|
-
* ([more information and examples](
|
|
2588
|
+
* ([more information and examples](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/placeholders)).
|
|
2589
2589
|
*/
|
|
2590
2590
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
2591
2591
|
/**
|
|
@@ -2603,20 +2603,20 @@ export declare interface DateTimePickerSettings {
|
|
|
2603
2603
|
ariaLabelledBy?: string;
|
|
2604
2604
|
/**
|
|
2605
2605
|
* Specifies the greatest valid date
|
|
2606
|
-
* ([see example](
|
|
2606
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/date-ranges)).
|
|
2607
2607
|
*/
|
|
2608
2608
|
max?: Date;
|
|
2609
2609
|
/**
|
|
2610
2610
|
* Specifies the smallest valid date
|
|
2611
|
-
* ([see example](
|
|
2611
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/date-ranges)).
|
|
2612
2612
|
*/
|
|
2613
2613
|
min?: Date;
|
|
2614
2614
|
/**
|
|
2615
|
-
* Specifies the smallest valid time within the day ([see example](
|
|
2615
|
+
* Specifies the smallest valid time within the day ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/date-ranges)).
|
|
2616
2616
|
*/
|
|
2617
2617
|
minTime?: Date;
|
|
2618
2618
|
/**
|
|
2619
|
-
* Specifies the greatest valid time within the day ([see example](
|
|
2619
|
+
* Specifies the greatest valid time within the day ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/date-ranges)).
|
|
2620
2620
|
*/
|
|
2621
2621
|
maxTime?: Date;
|
|
2622
2622
|
/**
|
|
@@ -2633,7 +2633,7 @@ export declare interface DateTimePickerSettings {
|
|
|
2633
2633
|
onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
|
|
2634
2634
|
/**
|
|
2635
2635
|
* Specifies if the popup will be displayed
|
|
2636
|
-
* ([see example](
|
|
2636
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/controlled-state#toc-controlling-the-popup-state)).
|
|
2637
2637
|
*/
|
|
2638
2638
|
show?: boolean;
|
|
2639
2639
|
/**
|
|
@@ -2646,7 +2646,7 @@ export declare interface DateTimePickerSettings {
|
|
|
2646
2646
|
title?: string;
|
|
2647
2647
|
/**
|
|
2648
2648
|
* Determines whether to display a week number column of the Calendar inside the DateTimePicker
|
|
2649
|
-
* ([see example](
|
|
2649
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/weeks-numbers)).
|
|
2650
2650
|
*/
|
|
2651
2651
|
weekNumber?: boolean;
|
|
2652
2652
|
/**
|
|
@@ -2664,7 +2664,7 @@ export declare interface DateTimePickerSettings {
|
|
|
2664
2664
|
/**
|
|
2665
2665
|
* Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
|
|
2666
2666
|
* For more information, refer to the article on
|
|
2667
|
-
* [placeholders](
|
|
2667
|
+
* [placeholders](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/placeholders).
|
|
2668
2668
|
*/
|
|
2669
2669
|
placeholder?: string | null;
|
|
2670
2670
|
}
|
|
@@ -3287,8 +3287,8 @@ export declare type MultiViewCalendar = MultiViewCalendarHandle;
|
|
|
3287
3287
|
/**
|
|
3288
3288
|
* Represents the KendoReact MultiViewCalendar Component.
|
|
3289
3289
|
*
|
|
3290
|
-
* Accepts properties of type [MultiViewCalendarProps](
|
|
3291
|
-
* Obtaining the `ref` returns an object of type [MultiViewCalendarHandle](
|
|
3290
|
+
* Accepts properties of type [MultiViewCalendarProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarprops).
|
|
3291
|
+
* Obtaining the `ref` returns an object of type [MultiViewCalendarHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarhandle).
|
|
3292
3292
|
*/
|
|
3293
3293
|
export declare const MultiViewCalendar: React_2.ForwardRefExoticComponent<MultiViewCalendarProps<any> & React_2.RefAttributes<any>>;
|
|
3294
3294
|
|
|
@@ -3335,7 +3335,7 @@ export declare interface MultiViewCalendarHandle extends Pick<MultiViewCalendarW
|
|
|
3335
3335
|
export declare type MultiViewCalendarMode = 'single' | 'multiple' | 'range';
|
|
3336
3336
|
|
|
3337
3337
|
/**
|
|
3338
|
-
* Represents the props of the [KendoReact MultiViewCalendar component](
|
|
3338
|
+
* Represents the props of the [KendoReact MultiViewCalendar component](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar). The generic argument is passed to the `onChange` property and is used as a target in the [`MultiViewCalendarChangeEvent`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/multiviewcalendarchangeevent) interface.
|
|
3339
3339
|
*/
|
|
3340
3340
|
export declare interface MultiViewCalendarProps<T = any> extends MultiViewCalendarSettings {
|
|
3341
3341
|
/** @hidden */
|
|
@@ -3366,7 +3366,7 @@ export declare interface MultiViewCalendarProps<T = any> extends MultiViewCalend
|
|
|
3366
3366
|
* Represents the PropsContext of the `MultiViewCalendar` component.
|
|
3367
3367
|
* Used for global configuration of all `MultiViewCalendar` instances.
|
|
3368
3368
|
*
|
|
3369
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
3369
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
3370
3370
|
*/
|
|
3371
3371
|
export declare const MultiViewCalendarPropsContext: React_2.Context<(p: MultiViewCalendarProps<any>) => MultiViewCalendarProps<any>>;
|
|
3372
3372
|
|
|
@@ -3471,17 +3471,17 @@ export declare interface MultiViewCalendarSettings {
|
|
|
3471
3471
|
onBlur?: (event: React.FocusEvent<any>) => void;
|
|
3472
3472
|
/**
|
|
3473
3473
|
* Enables the customization or the override of the default MultiViewCalendar cell
|
|
3474
|
-
* ([see example](
|
|
3474
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-view)).
|
|
3475
3475
|
*/
|
|
3476
3476
|
cell?: React.ComponentType<CalendarCellProps>;
|
|
3477
3477
|
/**
|
|
3478
3478
|
* Enables the customization or the override of the default week cell in the MultiViewCalendar
|
|
3479
|
-
* ([see example](
|
|
3479
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-cells-inside-the-week-column)).
|
|
3480
3480
|
*/
|
|
3481
3481
|
weekCell?: React.ComponentType<CalendarWeekCellProps>;
|
|
3482
3482
|
/**
|
|
3483
3483
|
* Enables the customization or the override of the default header title in the MultiViewCalendar
|
|
3484
|
-
* ([see example](
|
|
3484
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/custom-rendering#toc-titles-of-current-views)).
|
|
3485
3485
|
*/
|
|
3486
3486
|
headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
|
|
3487
3487
|
}
|
|
@@ -3970,8 +3970,8 @@ export declare type TimePicker = TimePickerHandle;
|
|
|
3970
3970
|
/**
|
|
3971
3971
|
* Represents the KendoReact TimePicker Component.
|
|
3972
3972
|
*
|
|
3973
|
-
* Accepts properties of type [TimePicker](
|
|
3974
|
-
* Obtaining the `ref` returns an object of type [TimePickerHandle](
|
|
3973
|
+
* Accepts properties of type [TimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/timepickerprops).
|
|
3974
|
+
* Obtaining the `ref` returns an object of type [TimePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/timepickerhandle).
|
|
3975
3975
|
*/
|
|
3976
3976
|
export declare const TimePicker: React_2.ForwardRefExoticComponent<TimePickerProps & React_2.RefAttributes<any>>;
|
|
3977
3977
|
|
|
@@ -4062,15 +4062,15 @@ export declare interface TimePickerOpenEvent {
|
|
|
4062
4062
|
}
|
|
4063
4063
|
|
|
4064
4064
|
/**
|
|
4065
|
-
* Represents the props of the [KendoReact TimePicker component](
|
|
4065
|
+
* Represents the props of the [KendoReact TimePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker).
|
|
4066
4066
|
*/
|
|
4067
4067
|
export declare interface TimePickerProps extends TimePickerSettings, FormComponentProps, DateInputCommonPackageProps {
|
|
4068
4068
|
/**
|
|
4069
|
-
* Sets the default value of the TimePicker ([see example](
|
|
4069
|
+
* Sets the default value of the TimePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/default-value#toc-setting-the-default-value)).
|
|
4070
4070
|
*/
|
|
4071
4071
|
defaultValue?: Date | null;
|
|
4072
4072
|
/**
|
|
4073
|
-
* Fires each time the user selects a new value ([see example](
|
|
4073
|
+
* Fires each time the user selects a new value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/controlled-state#toc-controlling-the-date-value)).
|
|
4074
4074
|
*/
|
|
4075
4075
|
onChange?: (event: TimePickerChangeEvent) => void;
|
|
4076
4076
|
/**
|
|
@@ -4082,7 +4082,7 @@ export declare interface TimePickerProps extends TimePickerSettings, FormCompone
|
|
|
4082
4082
|
*/
|
|
4083
4083
|
onClose?: (event: TimePickerCloseEvent) => void;
|
|
4084
4084
|
/**
|
|
4085
|
-
* Specifies the value of the TimePicker ([see example](
|
|
4085
|
+
* Specifies the value of the TimePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/controlled-state#toc-controlling-the-date-value)).
|
|
4086
4086
|
*
|
|
4087
4087
|
* > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
|
|
4088
4088
|
*/
|
|
@@ -4167,7 +4167,7 @@ export declare interface TimePickerProps extends TimePickerSettings, FormCompone
|
|
|
4167
4167
|
* Represents the PropsContext of the `TimePicker` component.
|
|
4168
4168
|
* Used for global configuration of all `TimePicker` instances.
|
|
4169
4169
|
*
|
|
4170
|
-
* For more information, refer to the [DateInputs Props Context](
|
|
4170
|
+
* For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
|
|
4171
4171
|
*/
|
|
4172
4172
|
export declare const TimePickerPropsContext: React_2.Context<(p: TimePickerProps) => TimePickerProps>;
|
|
4173
4173
|
|
|
@@ -4190,19 +4190,19 @@ export declare interface TimePickerSettings {
|
|
|
4190
4190
|
*/
|
|
4191
4191
|
nowButton?: boolean;
|
|
4192
4192
|
/**
|
|
4193
|
-
* Sets the default state of the popup upon render ([see example](
|
|
4193
|
+
* Sets the default state of the popup upon render ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/default-value#toc-setting-the-default-popup-state)).
|
|
4194
4194
|
*/
|
|
4195
4195
|
defaultShow?: boolean;
|
|
4196
4196
|
/**
|
|
4197
|
-
* Determines whether the TimePicker is disabled ([see example](
|
|
4197
|
+
* Determines whether the TimePicker is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/disabled-state)).
|
|
4198
4198
|
*/
|
|
4199
4199
|
disabled?: boolean;
|
|
4200
4200
|
/**
|
|
4201
|
-
* Specifies the date format that is used to display the input value ([see example](
|
|
4201
|
+
* Specifies the date format that is used to display the input value ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/formats)).
|
|
4202
4202
|
*/
|
|
4203
4203
|
format?: string | DateFormatOptions;
|
|
4204
4204
|
/**
|
|
4205
|
-
* Defines the descriptions of the format sections in the input field ([see example](
|
|
4205
|
+
* Defines the descriptions of the format sections in the input field ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/placeholders)).
|
|
4206
4206
|
*/
|
|
4207
4207
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
4208
4208
|
/**
|
|
@@ -4219,11 +4219,11 @@ export declare interface TimePickerSettings {
|
|
|
4219
4219
|
*/
|
|
4220
4220
|
ariaLabelledBy?: string;
|
|
4221
4221
|
/**
|
|
4222
|
-
* Specifies the greatest valid time ([see example](
|
|
4222
|
+
* Specifies the greatest valid time ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/time-ranges)).
|
|
4223
4223
|
*/
|
|
4224
4224
|
max?: Date;
|
|
4225
4225
|
/**
|
|
4226
|
-
* Specifies the smallest valid time ([see example](
|
|
4226
|
+
* Specifies the smallest valid time ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/time-ranges)).
|
|
4227
4227
|
*/
|
|
4228
4228
|
min?: Date;
|
|
4229
4229
|
/**
|
|
@@ -4248,11 +4248,11 @@ export declare interface TimePickerSettings {
|
|
|
4248
4248
|
*/
|
|
4249
4249
|
popupSettings?: DateInputsPopupSettings;
|
|
4250
4250
|
/**
|
|
4251
|
-
* Specifies if a time selector will be displayed ([see example](
|
|
4251
|
+
* Specifies if a time selector will be displayed ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/controlled-state#toc-controlling-the-popup-state)).
|
|
4252
4252
|
*/
|
|
4253
4253
|
show?: boolean;
|
|
4254
4254
|
/**
|
|
4255
|
-
* Configures the incremental steps of the TimePicker ([see example](
|
|
4255
|
+
* Configures the incremental steps of the TimePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/incremental-steps)).
|
|
4256
4256
|
*
|
|
4257
4257
|
* > If the incremental step is greater than `1`, the **Now** button will be hidden.
|
|
4258
4258
|
*/
|
|
@@ -4275,12 +4275,12 @@ export declare interface TimePickerSettings {
|
|
|
4275
4275
|
width?: number | string;
|
|
4276
4276
|
/**
|
|
4277
4277
|
* Enables the customization or the override of the default Popup which is rendered by the TimePicker
|
|
4278
|
-
* ([see example](
|
|
4278
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/custom-rendering#toc-customizing-the-popup)).
|
|
4279
4279
|
*/
|
|
4280
4280
|
popup?: default_3.ComponentType<PopupProps>;
|
|
4281
4281
|
/**
|
|
4282
4282
|
* Enables the customization or the override of the default DateInput which is rendered by the TimePicker
|
|
4283
|
-
* ([see example](
|
|
4283
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/custom-rendering#toc-customizing-the-dateinput)).
|
|
4284
4284
|
*/
|
|
4285
4285
|
dateInput?: default_3.ComponentType<DateInputProps>;
|
|
4286
4286
|
/**
|
|
@@ -4290,7 +4290,7 @@ export declare interface TimePickerSettings {
|
|
|
4290
4290
|
/**
|
|
4291
4291
|
* Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
|
|
4292
4292
|
* For more information, refer to the article on
|
|
4293
|
-
* [placeholders](
|
|
4293
|
+
* [placeholders](https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/placeholders).
|
|
4294
4294
|
*/
|
|
4295
4295
|
placeholder?: string | null;
|
|
4296
4296
|
}
|
|
@@ -4661,12 +4661,12 @@ declare interface TodayCommandProps {
|
|
|
4661
4661
|
}
|
|
4662
4662
|
|
|
4663
4663
|
/**
|
|
4664
|
-
* Represents the default `toggleButton` component rendered by the [KendoReact Scheduler DatePicker](
|
|
4664
|
+
* Represents the default `toggleButton` component rendered by the [KendoReact Scheduler DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker).
|
|
4665
4665
|
*/
|
|
4666
4666
|
export declare const ToggleButton: ForwardRefExoticComponent<ButtonProps & RefAttributes<ButtonHandle | null>>;
|
|
4667
4667
|
|
|
4668
4668
|
/**
|
|
4669
|
-
* Represents the props of the KendoReact [Toggle Button](
|
|
4669
|
+
* Represents the props of the KendoReact [Toggle Button](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/togglebutton) component.
|
|
4670
4670
|
*/
|
|
4671
4671
|
export declare interface ToggleButtonProps extends ButtonProps {
|
|
4672
4672
|
}
|