@progress/kendo-angular-dateinputs 22.1.0-develop.9 → 23.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar.component.d.ts +25 -25
- package/calendar/localization/calendar-custom-messages.component.d.ts +1 -1
- package/calendar/localization/multiview-calendar-custom-messages.component.d.ts +1 -1
- package/calendar/multiview-calendar.component.d.ts +18 -18
- package/calendar/templates/cell-template.directive.d.ts +2 -2
- package/calendar/templates/century-cell-template.directive.d.ts +1 -1
- package/calendar/templates/decade-cell-template.directive.d.ts +1 -1
- package/calendar/templates/footer-template.directive.d.ts +1 -1
- package/calendar/templates/header-template.directive.d.ts +1 -1
- package/calendar/templates/header-title-template.directive.d.ts +1 -1
- package/calendar/templates/month-cell-template.directive.d.ts +1 -1
- package/calendar/templates/navigation-item-template.directive.d.ts +1 -1
- package/calendar/templates/weeknumber-cell-template.directive.d.ts +1 -1
- package/calendar/templates/year-cell-template.directive.d.ts +1 -1
- package/common/models/fillmode.d.ts +1 -2
- package/common/models/size.d.ts +1 -2
- package/dateinput/dateinput.component.d.ts +18 -18
- package/dateinput/localization/dateinput-custom-messages.component.d.ts +1 -1
- package/dateinput/models/format-settings.model.d.ts +1 -1
- package/datepicker/datepicker.component.d.ts +33 -32
- package/datepicker/localization/datepicker-custom-messages.component.d.ts +1 -1
- package/daterange/date-range-end-input.directive.d.ts +1 -1
- package/daterange/date-range-popup.component.d.ts +24 -24
- package/daterange/date-range-selection.directive.d.ts +4 -4
- package/daterange/date-range-start-input.directive.d.ts +1 -1
- package/daterange/date-range.component.d.ts +1 -1
- package/daterange/localization/daterange-popup-custom-messages.component.d.ts +1 -1
- package/datetimepicker/datetimepicker.component.d.ts +30 -29
- package/datetimepicker/localization/datetimepicker-custom-messages.component.d.ts +1 -1
- package/datetimepicker/models/active-tab.type.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-dateinputs.mjs +340 -393
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/timepicker/localization/timepicker-custom-messages.component.d.ts +1 -1
- package/timepicker/timepicker.component.d.ts +22 -22
- package/util.d.ts +0 -12
|
@@ -38,7 +38,7 @@ import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
|
|
|
38
38
|
import * as i0 from "@angular/core";
|
|
39
39
|
/**
|
|
40
40
|
* Represents the Kendo UI DatePicker component for Angular.
|
|
41
|
-
* Provides a user-friendly way to select dates with a calendar popup ([see example](
|
|
41
|
+
* Provides a user-friendly way to select dates with a calendar popup ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker)).
|
|
42
42
|
*
|
|
43
43
|
* @example
|
|
44
44
|
* ```ts
|
|
@@ -185,24 +185,24 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
185
185
|
*/
|
|
186
186
|
weekDaysFormat?: WeekDaysFormat;
|
|
187
187
|
/**
|
|
188
|
-
* Shows the days that fall outside the current month in the Calendar ([see example](
|
|
188
|
+
* Shows the days that fall outside the current month in the Calendar ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options#displaying-other-month-days)).
|
|
189
189
|
* The default value is `false` for infinite Calendar type and `true` for classic Calendar type.
|
|
190
190
|
*/
|
|
191
191
|
showOtherMonthDays: boolean;
|
|
192
192
|
/**
|
|
193
|
-
* Specifies the active view that the Calendar initially renders ([see example](
|
|
193
|
+
* Specifies the active view that the Calendar initially renders ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/view-options#active-view)).
|
|
194
194
|
*
|
|
195
195
|
* You have to set `activeView` within the `topView`-`bottomView` range.
|
|
196
196
|
* @default 'month'
|
|
197
197
|
*/
|
|
198
198
|
activeView: CalendarView;
|
|
199
199
|
/**
|
|
200
|
-
* Specifies the bottommost Calendar view to which you can navigate ([see example](
|
|
200
|
+
* Specifies the bottommost Calendar view to which you can navigate ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#view-selection-depth)).
|
|
201
201
|
* @default 'month'
|
|
202
202
|
*/
|
|
203
203
|
bottomView: CalendarView;
|
|
204
204
|
/**
|
|
205
|
-
* Specifies the topmost Calendar view to which you can navigate ([see example](
|
|
205
|
+
* Specifies the topmost Calendar view to which you can navigate ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#view-selection-depth)).
|
|
206
206
|
* @default 'century'
|
|
207
207
|
*/
|
|
208
208
|
topView: CalendarView;
|
|
@@ -213,7 +213,7 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
213
213
|
calendarType: CalendarType;
|
|
214
214
|
/**
|
|
215
215
|
* Determines whether to enable animation when navigating to previous/next Calendar view.
|
|
216
|
-
* Applies to the [`classic`](
|
|
216
|
+
* Applies to the [`classic`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#calendartype) Calendar only.
|
|
217
217
|
*
|
|
218
218
|
* This feature uses the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). In order to run the animation in browsers that do not support it, you need the `web-animations-js` polyfill.
|
|
219
219
|
*
|
|
@@ -221,21 +221,21 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
221
221
|
*/
|
|
222
222
|
animateCalendarNavigation: boolean;
|
|
223
223
|
/**
|
|
224
|
-
* Specifies or gets the `disabled` property of the DatePicker and determines whether the component is active ([see example](
|
|
225
|
-
* To learn how to disable the component in reactive forms, refer to the article on [Forms Support](
|
|
224
|
+
* Specifies or gets the `disabled` property of the DatePicker and determines whether the component is active ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-state)).
|
|
225
|
+
* To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/forms#managing-the-datepicker-disabled-state-in-reactive-forms).
|
|
226
226
|
*/
|
|
227
227
|
disabled: boolean;
|
|
228
228
|
/**
|
|
229
|
-
* Specifies the read-only state of the DatePicker ([see example](
|
|
229
|
+
* Specifies the read-only state of the DatePicker ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/readonly-state#read-only-datepicker)).
|
|
230
230
|
*
|
|
231
231
|
* @default false
|
|
232
232
|
*/
|
|
233
233
|
readonly: boolean;
|
|
234
234
|
/**
|
|
235
235
|
* Sets the read-only state of the DatePicker input field
|
|
236
|
-
* ([see example](
|
|
236
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/readonly-state#read-only-input)).
|
|
237
237
|
*
|
|
238
|
-
* If you set the [`readonly`](
|
|
238
|
+
* If you set the [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonly) property value to `true`,
|
|
239
239
|
* the input will be rendered in a read-only state regardless of the `readOnlyInput` value.
|
|
240
240
|
*/
|
|
241
241
|
readOnlyInput: boolean;
|
|
@@ -251,20 +251,20 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
251
251
|
/**
|
|
252
252
|
* Sets or gets the `navigation` property of the Calendar
|
|
253
253
|
* and determines whether the navigation side-bar is displayed.
|
|
254
|
-
* ([see example](
|
|
254
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/sidebar)).
|
|
255
255
|
*/
|
|
256
256
|
set navigation(state: boolean);
|
|
257
257
|
get navigation(): boolean;
|
|
258
258
|
private _navigation;
|
|
259
259
|
/**
|
|
260
260
|
* Specifies the smallest valid date
|
|
261
|
-
* ([see example](
|
|
261
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/date-ranges)).
|
|
262
262
|
* @default 1900-1-1
|
|
263
263
|
*/
|
|
264
264
|
min: Date;
|
|
265
265
|
/**
|
|
266
266
|
* Specifies the biggest valid date
|
|
267
|
-
* ([see example](
|
|
267
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/date-ranges)).
|
|
268
268
|
* @default 2099-12-31
|
|
269
269
|
*/
|
|
270
270
|
max: Date;
|
|
@@ -309,7 +309,7 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
309
309
|
autoFill: boolean;
|
|
310
310
|
/**
|
|
311
311
|
* Specifies the focused date of the Calendar component
|
|
312
|
-
* ([see example](
|
|
312
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#focused-dates)).
|
|
313
313
|
* @default null
|
|
314
314
|
*/
|
|
315
315
|
focusedDate: Date;
|
|
@@ -322,7 +322,7 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
322
322
|
get value(): Date | null;
|
|
323
323
|
/**
|
|
324
324
|
* Specifies the date format that is used to display the input value
|
|
325
|
-
* ([see example](
|
|
325
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/formats)).
|
|
326
326
|
*
|
|
327
327
|
* Format value options include string to provide a single format that is used regardless whether the input is focused or blurred.
|
|
328
328
|
* FormatSettings can be used to display different formats when the component is focused or blurred by providing a settings object with specified inputFormat and displayFormat values.
|
|
@@ -330,7 +330,7 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
330
330
|
format: string | FormatSettings;
|
|
331
331
|
/**
|
|
332
332
|
* The maximum year to assume to be from the current century when typing two-digit year value
|
|
333
|
-
* ([see example](
|
|
333
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/formats#two-digit-year-format)).
|
|
334
334
|
*
|
|
335
335
|
* The default value is 68, indicating that typing any value less than 69
|
|
336
336
|
* will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
|
|
@@ -339,13 +339,13 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
339
339
|
twoDigitYearMax: number;
|
|
340
340
|
/**
|
|
341
341
|
* Defines the descriptions of the format sections in the input field.
|
|
342
|
-
* ([more information and examples](
|
|
342
|
+
* ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders)).
|
|
343
343
|
*
|
|
344
344
|
*/
|
|
345
345
|
formatPlaceholder: DateInputFormatPlaceholder;
|
|
346
346
|
/**
|
|
347
347
|
* Specifies the hint the DatePicker displays when its value is `null`.
|
|
348
|
-
* ([more information and exaples](
|
|
348
|
+
* ([more information and exaples](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/placeholders)).
|
|
349
349
|
*/
|
|
350
350
|
placeholder: string;
|
|
351
351
|
/**
|
|
@@ -361,19 +361,19 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
361
361
|
get tabIndex(): number;
|
|
362
362
|
/**
|
|
363
363
|
* Sets the dates of the DatePicker that will be disabled
|
|
364
|
-
* ([see example](
|
|
364
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-dates)).
|
|
365
365
|
*/
|
|
366
366
|
set disabledDates(value: ((date: Date) => boolean) | Date[] | Day[]);
|
|
367
367
|
get disabledDates(): ((date: Date) => boolean) | Date[] | Day[];
|
|
368
368
|
/**
|
|
369
369
|
* Sets the title of the input element of the DatePicker and the title text rendered
|
|
370
|
-
* in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](
|
|
370
|
+
* in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
|
|
371
371
|
* @default ""
|
|
372
372
|
*/
|
|
373
373
|
adaptiveTitle: string;
|
|
374
374
|
/**
|
|
375
375
|
* Sets the subtitle text rendered in the header of the popup(action sheet).
|
|
376
|
-
* Applicable only when [`AdaptiveMode` is set to `auto`](
|
|
376
|
+
* Applicable only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
|
|
377
377
|
* @default ""
|
|
378
378
|
*/
|
|
379
379
|
adaptiveSubtitle: string;
|
|
@@ -386,31 +386,32 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
386
386
|
/**
|
|
387
387
|
* Determines whether the built-in validator for disabled
|
|
388
388
|
* date ranges is enforced when validating a form
|
|
389
|
-
* ([see example](
|
|
389
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-dates#using-a-function)).
|
|
390
390
|
* @default true
|
|
391
391
|
*/
|
|
392
392
|
disabledDatesValidation: boolean;
|
|
393
393
|
/**
|
|
394
394
|
* Determines whether to display a week number column in the `month` view of the Calendar
|
|
395
|
-
* ([see example](
|
|
395
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/calendar-options#week-number-column)).
|
|
396
396
|
* @default false
|
|
397
397
|
*/
|
|
398
398
|
weekNumber: boolean;
|
|
399
399
|
/**
|
|
400
400
|
* Sets the size of the component.
|
|
401
|
-
* @default
|
|
401
|
+
* @default undefined
|
|
402
402
|
*/
|
|
403
403
|
set size(size: DateInputSize);
|
|
404
404
|
get size(): DateInputSize;
|
|
405
405
|
/**
|
|
406
406
|
* Specifies the border radius of the component.
|
|
407
|
-
* @default
|
|
407
|
+
* @default undefined
|
|
408
408
|
*/
|
|
409
409
|
set rounded(rounded: DateInputRounded);
|
|
410
410
|
get rounded(): DateInputRounded;
|
|
411
411
|
/**
|
|
412
412
|
* Specifies the fillMode of the component.
|
|
413
|
-
*
|
|
413
|
+
*
|
|
414
|
+
* @default undefined
|
|
414
415
|
*/
|
|
415
416
|
set fillMode(fillMode: DateInputFillMode);
|
|
416
417
|
get fillMode(): DateInputFillMode;
|
|
@@ -422,28 +423,28 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
|
|
|
422
423
|
adaptiveMode: AdaptiveMode;
|
|
423
424
|
/**
|
|
424
425
|
* Fires each time the user selects a new value
|
|
425
|
-
* ([see example](
|
|
426
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
|
|
426
427
|
*/
|
|
427
428
|
valueChange: EventEmitter<Date>;
|
|
428
429
|
/**
|
|
429
430
|
* Fires each time the user focuses the input element
|
|
430
|
-
* ([see example](
|
|
431
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
|
|
431
432
|
*/
|
|
432
433
|
onFocus: EventEmitter<any>;
|
|
433
434
|
/**
|
|
434
435
|
* Fires each time the input element gets blurred
|
|
435
|
-
* ([see example](
|
|
436
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
|
|
436
437
|
*/
|
|
437
438
|
onBlur: EventEmitter<any>;
|
|
438
439
|
/**
|
|
439
440
|
* Fires each time the popup is about to open
|
|
440
|
-
* ([see example](
|
|
441
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
|
|
441
442
|
* This event is preventable. If you cancel the event, the popup will remain closed.
|
|
442
443
|
*/
|
|
443
444
|
open: EventEmitter<PreventableEvent>;
|
|
444
445
|
/**
|
|
445
446
|
* Fires each time the popup is about to close
|
|
446
|
-
* ([see example](
|
|
447
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/events)).
|
|
447
448
|
* This event is preventable. If you cancel the event, the popup will remain open.
|
|
448
449
|
*/
|
|
449
450
|
close: EventEmitter<PreventableEvent>;
|
|
@@ -6,7 +6,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
6
6
|
import { DatePickerMessages } from './messages';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
* Allows you to override the default localization messages of the DatePicker component ([see example](
|
|
9
|
+
* Allows you to override the default localization messages of the DatePicker component ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
|
|
10
10
|
*
|
|
11
11
|
* @example
|
|
12
12
|
* ```html
|
|
@@ -38,7 +38,7 @@ export declare class DateRangeEndInputDirective extends DateRangeInput implement
|
|
|
38
38
|
private rangeService;
|
|
39
39
|
private dateInput;
|
|
40
40
|
/**
|
|
41
|
-
* Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](
|
|
41
|
+
* Specifies the auto-correction behavior. If the start date is greater than the end date, the directive fixes the date range to a single date either on input change or on blur ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#input-directives)).
|
|
42
42
|
*
|
|
43
43
|
* By default, the component does not perform any auto-correction.
|
|
44
44
|
*
|
|
@@ -61,17 +61,17 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
61
61
|
showCalendarHeader: boolean;
|
|
62
62
|
/**
|
|
63
63
|
* Specifies the focused date of the MultiViewCalendar component.
|
|
64
|
-
* Defines which date receives focus when the component loads ([see example](
|
|
64
|
+
* Defines which date receives focus when the component loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
|
|
65
65
|
*
|
|
66
66
|
* If the MultiViewCalendar is out of the min or max range, it normalizes the defined `focusedDate`.
|
|
67
67
|
*/
|
|
68
68
|
focusedDate: Date;
|
|
69
69
|
/**
|
|
70
|
-
* Specifies the dates in the MultiViewCalendar that you want to disable ([see example](
|
|
70
|
+
* Specifies the dates in the MultiViewCalendar that you want to disable ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-dates)).
|
|
71
71
|
*/
|
|
72
72
|
disabledDates: ((date: Date) => boolean) | Date[] | Day[];
|
|
73
73
|
/**
|
|
74
|
-
* Specifies the initial view that the MultiViewCalendar displays when it loads ([see example](
|
|
74
|
+
* Specifies the initial view that the MultiViewCalendar displays when it loads ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options)).
|
|
75
75
|
* By default, the active view is `month`.
|
|
76
76
|
*
|
|
77
77
|
* You have to set `activeView` within the `topView`-`bottomView` range.
|
|
@@ -80,25 +80,25 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
80
80
|
*/
|
|
81
81
|
activeView: CalendarView;
|
|
82
82
|
/**
|
|
83
|
-
* Specifies the lowest view level that users can navigate to ([see example](
|
|
83
|
+
* Specifies the lowest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
|
|
84
84
|
*
|
|
85
85
|
* @default 'month'
|
|
86
86
|
*/
|
|
87
87
|
bottomView: CalendarView;
|
|
88
88
|
/**
|
|
89
|
-
* Specifies the highest view level that users can navigate to ([see example](
|
|
89
|
+
* Specifies the highest view level that users can navigate to ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-depth)).
|
|
90
90
|
*
|
|
91
91
|
* @default 'century'
|
|
92
92
|
*/
|
|
93
93
|
topView: CalendarView;
|
|
94
94
|
/**
|
|
95
|
-
* Specifies the minimum date that users can select ([see example](
|
|
95
|
+
* Specifies the minimum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
|
|
96
96
|
*
|
|
97
97
|
* @default '1900-01-01'
|
|
98
98
|
*/
|
|
99
99
|
min: Date;
|
|
100
100
|
/**
|
|
101
|
-
* Specifies the maximum date that users can select ([see example](
|
|
101
|
+
* Specifies the maximum date that users can select ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/dates#focused-dates)).
|
|
102
102
|
*
|
|
103
103
|
* @default '2099-12-31'
|
|
104
104
|
*/
|
|
@@ -117,7 +117,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
117
117
|
*/
|
|
118
118
|
animateNavigation: boolean;
|
|
119
119
|
/**
|
|
120
|
-
* Determines whether the MultiViewCalendar is interactive ([see example](
|
|
120
|
+
* Determines whether the MultiViewCalendar is interactive ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/disabled-state)).
|
|
121
121
|
* When you set `disabled` to `true`, users cannot interact with the component.
|
|
122
122
|
*
|
|
123
123
|
* @default false
|
|
@@ -130,7 +130,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
130
130
|
*/
|
|
131
131
|
views: number;
|
|
132
132
|
/**
|
|
133
|
-
* Determines whether to display week numbers in the `month` view ([see example](
|
|
133
|
+
* Determines whether to display week numbers in the `month` view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/week-num-column)).
|
|
134
134
|
*
|
|
135
135
|
* @default false
|
|
136
136
|
*/
|
|
@@ -139,7 +139,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
139
139
|
* Controls the popup animations.
|
|
140
140
|
* When you set `animate` to `true`, the popup displays opening and closing animations.
|
|
141
141
|
* For more information about controlling the popup animations,
|
|
142
|
-
* refer to the article on [animations](
|
|
142
|
+
* refer to the article on [animations](https://www.telerik.com/kendo-angular-ui/components/popup/animations).
|
|
143
143
|
*
|
|
144
144
|
* @default true
|
|
145
145
|
*/
|
|
@@ -148,24 +148,24 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
148
148
|
* Specifies the element that serves as an anchor for the popup.
|
|
149
149
|
* The popup opens next to this element.
|
|
150
150
|
* For more information, refer to the section on
|
|
151
|
-
* [aligning to specific components](
|
|
151
|
+
* [aligning to specific components](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#aligning-to-components).
|
|
152
152
|
*/
|
|
153
153
|
anchor: ElementRef;
|
|
154
154
|
/**
|
|
155
155
|
* Specifies the alignment point for the anchor element.
|
|
156
156
|
* For more information, refer to the section on
|
|
157
|
-
* [positioning](
|
|
157
|
+
* [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
|
|
158
158
|
*/
|
|
159
159
|
anchorAlign: Align;
|
|
160
160
|
/**
|
|
161
|
-
* Determines whether to display a header for each view ([see example](
|
|
161
|
+
* Determines whether to display a header for each view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-header)).
|
|
162
162
|
* For example, displays the month name in the month view.
|
|
163
163
|
*
|
|
164
164
|
* @default false
|
|
165
165
|
*/
|
|
166
166
|
showViewHeader: boolean;
|
|
167
167
|
/**
|
|
168
|
-
* Determines whether to display days from adjacent months in the current month view ([see example](
|
|
168
|
+
* Determines whether to display days from adjacent months in the current month view ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/view-options#displaying-other-month-days)).
|
|
169
169
|
*
|
|
170
170
|
* @default false
|
|
171
171
|
*/
|
|
@@ -180,7 +180,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
180
180
|
/**
|
|
181
181
|
* Configures how the popup behaves when it encounters viewport boundaries.
|
|
182
182
|
* For more information, refer to the article on
|
|
183
|
-
* [viewport boundary detection](
|
|
183
|
+
* [viewport boundary detection](https://www.telerik.com/kendo-angular-ui/components/popup/viewport-boundary-detection).
|
|
184
184
|
*
|
|
185
185
|
* @default { horizontal: 'fit', vertical: 'flip' }
|
|
186
186
|
*/
|
|
@@ -188,7 +188,7 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
188
188
|
/**
|
|
189
189
|
* Specifies the alignment point for the popup element.
|
|
190
190
|
* For more information, refer to the section on
|
|
191
|
-
* [positioning](
|
|
191
|
+
* [positioning](https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning#positioning).
|
|
192
192
|
*/
|
|
193
193
|
popupAlign: Align;
|
|
194
194
|
/**
|
|
@@ -205,14 +205,14 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
205
205
|
adaptiveMode: AdaptiveMode;
|
|
206
206
|
/**
|
|
207
207
|
* Specifies the title text for the input element and the header of the action sheet.
|
|
208
|
-
* Applies only when [`AdaptiveMode` is set to `auto`](
|
|
208
|
+
* Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
|
|
209
209
|
*
|
|
210
210
|
* @default ""
|
|
211
211
|
*/
|
|
212
212
|
adaptiveTitle: string;
|
|
213
213
|
/**
|
|
214
214
|
* Specifies the subtitle text displayed in the header of the action sheet.
|
|
215
|
-
* Applies only when [`AdaptiveMode` is set to `auto`](
|
|
215
|
+
* Applies only when [`AdaptiveMode` is set to `auto`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/adaptivemode).
|
|
216
216
|
*
|
|
217
217
|
* @default ""
|
|
218
218
|
*/
|
|
@@ -222,29 +222,29 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
222
222
|
*
|
|
223
223
|
* TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
|
|
224
224
|
* Sets the size of the component.
|
|
225
|
-
* @default
|
|
225
|
+
* @default undefined
|
|
226
226
|
*/
|
|
227
227
|
size: DateInputSize;
|
|
228
228
|
/**
|
|
229
|
-
* Fires when the popup is about to open ([see example](
|
|
229
|
+
* Fires when the popup is about to open ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
|
|
230
230
|
* You can prevent this event to keep the popup closed.
|
|
231
231
|
*/
|
|
232
232
|
open: EventEmitter<PreventableEvent>;
|
|
233
233
|
/**
|
|
234
|
-
* Fires when the popup is about to close ([see example](
|
|
234
|
+
* Fires when the popup is about to close ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
|
|
235
235
|
* You can prevent this event to keep the popup open.
|
|
236
236
|
*/
|
|
237
237
|
close: EventEmitter<PreventableEvent>;
|
|
238
238
|
/**
|
|
239
|
-
* Fires when the calendar element loses focus ([see example](
|
|
239
|
+
* Fires when the calendar element loses focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
|
|
240
240
|
*/
|
|
241
241
|
onBlur: EventEmitter<null>;
|
|
242
242
|
/**
|
|
243
|
-
* Fires when the calendar element receives focus ([see example](
|
|
243
|
+
* Fires when the calendar element receives focus ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
|
|
244
244
|
*/
|
|
245
245
|
onFocus: EventEmitter<null>;
|
|
246
246
|
/**
|
|
247
|
-
* Fires when the popup closes due to an `ESC` keypress or when it leaves the viewport ([see example](
|
|
247
|
+
* Fires when the popup closes due to an `ESC` keypress or when it leaves the viewport ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/popup#events)).
|
|
248
248
|
*/
|
|
249
249
|
cancel: EventEmitter<null>;
|
|
250
250
|
/**
|
|
@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
|
|
|
12
12
|
/**
|
|
13
13
|
* Manages the MultiViewCalendar range selection.
|
|
14
14
|
* This directive will be `deprecated` in a future version.
|
|
15
|
-
* Use the MultiViewCalendar [range selection](
|
|
15
|
+
* Use the MultiViewCalendar [range selection](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/selection-modes#range-selection) instead.
|
|
16
16
|
*/
|
|
17
17
|
export declare class DateRangeSelectionDirective implements OnInit {
|
|
18
18
|
private calendar;
|
|
@@ -22,7 +22,7 @@ export declare class DateRangeSelectionDirective implements OnInit {
|
|
|
22
22
|
/**
|
|
23
23
|
* Specifies the auto-correction behavior. If the start date is greater than the end date,
|
|
24
24
|
* the directive corrects the date range to a single date either on input change or on blur
|
|
25
|
-
* ([see example](
|
|
25
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#calendar-selection-directive)).
|
|
26
26
|
*
|
|
27
27
|
* By default, the auto-correction triggers on change.
|
|
28
28
|
* To disable this behavior, set the `autoCorrectOn` property to `none`.
|
|
@@ -55,12 +55,12 @@ export declare class DateRangeSelectionDirective implements OnInit {
|
|
|
55
55
|
shouldSetRange: boolean;
|
|
56
56
|
/**
|
|
57
57
|
* Fires when the active range end changes. For more information, refer to
|
|
58
|
-
* the section on [events](
|
|
58
|
+
* the section on [events](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events).
|
|
59
59
|
*/
|
|
60
60
|
activeRangeEndChange: EventEmitter<SelectionRangeEnd>;
|
|
61
61
|
/**
|
|
62
62
|
* Fires when the selection range changes. For more information, refer to
|
|
63
|
-
* the section on [events](
|
|
63
|
+
* the section on [events](https://www.telerik.com/kendo-angular-ui/components/dateinputs/multiviewcalendar/events).
|
|
64
64
|
*/
|
|
65
65
|
selectionRangeChange: EventEmitter<SelectionRange>;
|
|
66
66
|
private get calendarRange();
|
|
@@ -40,7 +40,7 @@ export declare class DateRangeStartInputDirective extends DateRangeInput impleme
|
|
|
40
40
|
renderer: Renderer2;
|
|
41
41
|
/**
|
|
42
42
|
* Specifies when the component automatically corrects invalid date ranges.
|
|
43
|
-
* When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur ([see example](
|
|
43
|
+
* When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/daterange/autocorrect#input-directives)).
|
|
44
44
|
*
|
|
45
45
|
* By default, the component does not perform any auto-correction.
|
|
46
46
|
*
|
|
@@ -36,7 +36,7 @@ export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
|
|
|
36
36
|
* TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
|
|
37
37
|
* Sets the size of the component.
|
|
38
38
|
*
|
|
39
|
-
* @default
|
|
39
|
+
* @default undefined
|
|
40
40
|
*/
|
|
41
41
|
size: DateInputSize;
|
|
42
42
|
/**
|
|
@@ -6,7 +6,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
6
6
|
import { DateRangePopupMessages } from './messages';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
|
-
* Custom component messages override default component messages ([see example](
|
|
9
|
+
* Custom component messages override default component messages ([see example](https://www.telerik.com/kendo-angular-ui/components/dateinputs/globalization#custom-messages)).
|
|
10
10
|
*/
|
|
11
11
|
export declare class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
|
|
12
12
|
protected service: LocalizationService;
|