@progress/kendo-angular-dateinputs 21.4.1 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/calendar/localization/calendar-messages.d.ts +1 -1
  2. package/calendar/localization/multiview-calendar-messages.d.ts +1 -1
  3. package/dateinput/localization/messages.d.ts +1 -1
  4. package/datepicker/localization/messages.d.ts +1 -1
  5. package/daterange/date-range-input.d.ts +1 -1
  6. package/daterange/localization/messages.d.ts +1 -1
  7. package/datetimepicker/localization/messages.d.ts +1 -1
  8. package/fesm2022/progress-kendo-angular-dateinputs.mjs +262 -262
  9. package/package.json +15 -23
  10. package/timepicker/localization/messages.d.ts +1 -1
  11. package/esm2022/calendar/calendar.component.mjs +0 -1711
  12. package/esm2022/calendar/calendar.module.mjs +0 -91
  13. package/esm2022/calendar/calendars.module.mjs +0 -87
  14. package/esm2022/calendar/footer.component.mjs +0 -77
  15. package/esm2022/calendar/for.directive.mjs +0 -116
  16. package/esm2022/calendar/header.component.mjs +0 -367
  17. package/esm2022/calendar/horizontal-view-list.component.mjs +0 -580
  18. package/esm2022/calendar/localization/calendar-custom-messages.component.mjs +0 -51
  19. package/esm2022/calendar/localization/calendar-localized-messages.directive.mjs +0 -39
  20. package/esm2022/calendar/localization/calendar-messages.mjs +0 -45
  21. package/esm2022/calendar/localization/multiview-calendar-custom-messages.component.mjs +0 -51
  22. package/esm2022/calendar/localization/multiview-calendar-localized-messages.directive.mjs +0 -39
  23. package/esm2022/calendar/localization/multiview-calendar-messages.mjs +0 -45
  24. package/esm2022/calendar/models/cell-context.interface.mjs +0 -5
  25. package/esm2022/calendar/models/navigation-action.enum.mjs +0 -20
  26. package/esm2022/calendar/models/orientation.mjs +0 -5
  27. package/esm2022/calendar/models/row-length-options.interface.mjs +0 -5
  28. package/esm2022/calendar/models/scrollable.interface.mjs +0 -5
  29. package/esm2022/calendar/models/selection-range-end.type.mjs +0 -5
  30. package/esm2022/calendar/models/selection-range.interface.mjs +0 -10
  31. package/esm2022/calendar/models/selection.mjs +0 -50
  32. package/esm2022/calendar/models/type.mjs +0 -5
  33. package/esm2022/calendar/models/view-service.interface.mjs +0 -5
  34. package/esm2022/calendar/models/view.enum.mjs +0 -16
  35. package/esm2022/calendar/models/view.type.mjs +0 -5
  36. package/esm2022/calendar/multiview-calendar.component.mjs +0 -1564
  37. package/esm2022/calendar/multiview-calendar.module.mjs +0 -89
  38. package/esm2022/calendar/navigation.component.mjs +0 -230
  39. package/esm2022/calendar/services/bus-view.service.mjs +0 -83
  40. package/esm2022/calendar/services/century-view.service.mjs +0 -219
  41. package/esm2022/calendar/services/decade-view.service.mjs +0 -217
  42. package/esm2022/calendar/services/disabled-dates.service.mjs +0 -66
  43. package/esm2022/calendar/services/dom.service.mjs +0 -203
  44. package/esm2022/calendar/services/month-view.service.mjs +0 -223
  45. package/esm2022/calendar/services/navigation.service.mjs +0 -60
  46. package/esm2022/calendar/services/scroll-sync.service.mjs +0 -89
  47. package/esm2022/calendar/services/selection.service.mjs +0 -62
  48. package/esm2022/calendar/services/weeknames.service.mjs +0 -33
  49. package/esm2022/calendar/services/year-view.service.mjs +0 -204
  50. package/esm2022/calendar/templates/cell-template.directive.mjs +0 -45
  51. package/esm2022/calendar/templates/century-cell-template.directive.mjs +0 -43
  52. package/esm2022/calendar/templates/decade-cell-template.directive.mjs +0 -43
  53. package/esm2022/calendar/templates/footer-template.directive.mjs +0 -44
  54. package/esm2022/calendar/templates/header-template.directive.mjs +0 -47
  55. package/esm2022/calendar/templates/header-title-template.directive.mjs +0 -43
  56. package/esm2022/calendar/templates/month-cell-template.directive.mjs +0 -43
  57. package/esm2022/calendar/templates/navigation-item-template.directive.mjs +0 -43
  58. package/esm2022/calendar/templates/weeknumber-cell-template.directive.mjs +0 -43
  59. package/esm2022/calendar/templates/year-cell-template.directive.mjs +0 -43
  60. package/esm2022/calendar/view-list.component.mjs +0 -497
  61. package/esm2022/calendar/view.component.mjs +0 -432
  62. package/esm2022/common/dom-queries.mjs +0 -24
  63. package/esm2022/common/models/fillmode.mjs +0 -5
  64. package/esm2022/common/models/rounded.mjs +0 -5
  65. package/esm2022/common/models/size.mjs +0 -5
  66. package/esm2022/common/models/week-days-format.mjs +0 -5
  67. package/esm2022/common/picker.service.mjs +0 -17
  68. package/esm2022/common/utils.mjs +0 -70
  69. package/esm2022/dateinput/arrow.enum.mjs +0 -13
  70. package/esm2022/dateinput/dateinput.component.mjs +0 -1196
  71. package/esm2022/dateinput/dateinput.module.mjs +0 -45
  72. package/esm2022/dateinput/localization/dateinput-custom-messages.component.mjs +0 -60
  73. package/esm2022/dateinput/localization/dateinput-localized-messages.directive.mjs +0 -39
  74. package/esm2022/dateinput/localization/messages.mjs +0 -39
  75. package/esm2022/dateinput/models/format-placeholder.model.mjs +0 -5
  76. package/esm2022/dateinput/models/format-settings.model.mjs +0 -5
  77. package/esm2022/dateinput/models/incremental-steps.model.mjs +0 -5
  78. package/esm2022/dateinputs.module.mjs +0 -136
  79. package/esm2022/datepicker/datepicker.component.mjs +0 -1758
  80. package/esm2022/datepicker/datepicker.module.mjs +0 -83
  81. package/esm2022/datepicker/localization/datepicker-custom-messages.component.mjs +0 -53
  82. package/esm2022/datepicker/localization/datepicker-localized-messages.directive.mjs +0 -39
  83. package/esm2022/datepicker/localization/messages.mjs +0 -63
  84. package/esm2022/daterange/auto-correct-on.type.mjs +0 -5
  85. package/esm2022/daterange/date-range-end-input.directive.mjs +0 -105
  86. package/esm2022/daterange/date-range-input.mjs +0 -138
  87. package/esm2022/daterange/date-range-popup-template.directive.mjs +0 -36
  88. package/esm2022/daterange/date-range-popup.component.mjs +0 -1051
  89. package/esm2022/daterange/date-range-selection.directive.mjs +0 -223
  90. package/esm2022/daterange/date-range-start-input.directive.mjs +0 -109
  91. package/esm2022/daterange/date-range.component.mjs +0 -116
  92. package/esm2022/daterange/date-range.module.mjs +0 -103
  93. package/esm2022/daterange/date-range.service.mjs +0 -225
  94. package/esm2022/daterange/localization/daterange-popup-custom-messages.component.mjs +0 -43
  95. package/esm2022/daterange/localization/daterange-popup-localized-messages.directive.mjs +0 -39
  96. package/esm2022/daterange/localization/messages.mjs +0 -51
  97. package/esm2022/datetimepicker/datetimepicker.component.mjs +0 -2505
  98. package/esm2022/datetimepicker/datetimepicker.module.mjs +0 -106
  99. package/esm2022/datetimepicker/localization/datetimepicker-custom-messages.component.mjs +0 -52
  100. package/esm2022/datetimepicker/localization/localized-messages.directive.mjs +0 -39
  101. package/esm2022/datetimepicker/localization/messages.mjs +0 -153
  102. package/esm2022/datetimepicker/models/active-tab.type.mjs +0 -5
  103. package/esm2022/defaults.mjs +0 -24
  104. package/esm2022/directives.mjs +0 -146
  105. package/esm2022/index.mjs +0 -78
  106. package/esm2022/package-metadata.mjs +0 -16
  107. package/esm2022/popup-settings.model.mjs +0 -5
  108. package/esm2022/preventable-event.mjs +0 -27
  109. package/esm2022/progress-kendo-angular-dateinputs.mjs +0 -8
  110. package/esm2022/timepicker/localization/messages.mjs +0 -105
  111. package/esm2022/timepicker/localization/timepicker-custom-messages.component.mjs +0 -54
  112. package/esm2022/timepicker/localization/timepicker-localized-messages.directive.mjs +0 -39
  113. package/esm2022/timepicker/localization/timeselector-custom-messages.component.mjs +0 -45
  114. package/esm2022/timepicker/localization/timeselector-localized-messages.directive.mjs +0 -39
  115. package/esm2022/timepicker/models/incremental-steps.model.mjs +0 -5
  116. package/esm2022/timepicker/models/list-item.interface.mjs +0 -5
  117. package/esm2022/timepicker/models/list-service-settings.mjs +0 -5
  118. package/esm2022/timepicker/models/list-service.interface.mjs +0 -5
  119. package/esm2022/timepicker/models/time-part.default.mjs +0 -14
  120. package/esm2022/timepicker/services/dayperiod.service.mjs +0 -131
  121. package/esm2022/timepicker/services/dom.service.mjs +0 -126
  122. package/esm2022/timepicker/services/hours.service.mjs +0 -130
  123. package/esm2022/timepicker/services/milliseconds.service.mjs +0 -131
  124. package/esm2022/timepicker/services/minutes.service.mjs +0 -128
  125. package/esm2022/timepicker/services/seconds.service.mjs +0 -128
  126. package/esm2022/timepicker/timelist.component.mjs +0 -388
  127. package/esm2022/timepicker/timepicker.component.mjs +0 -1598
  128. package/esm2022/timepicker/timepicker.module.mjs +0 -71
  129. package/esm2022/timepicker/timeselector.component.mjs +0 -728
  130. package/esm2022/timepicker/util.mjs +0 -70
  131. package/esm2022/util.mjs +0 -406
  132. package/esm2022/validators/disabled-date.validator.mjs +0 -18
  133. package/esm2022/validators/disabled-dates-range.validator.mjs +0 -26
  134. package/esm2022/validators/incomplete-date.validator.mjs +0 -18
  135. package/esm2022/validators/max.validator.mjs +0 -21
  136. package/esm2022/validators/min.validator.mjs +0 -21
  137. package/esm2022/validators/time-range.validator.mjs +0 -23
  138. package/esm2022/virtualization/models/scrollable.interface.mjs +0 -5
  139. package/esm2022/virtualization/services/row-height.service.mjs +0 -73
  140. package/esm2022/virtualization/services/scroller.service.mjs +0 -109
  141. package/esm2022/virtualization/virtualization.component.mjs +0 -324
@@ -1,83 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NgModule } from '@angular/core';
6
- import { KENDO_DATEPICKER } from '../directives';
7
- import { IconsService } from '@progress/kendo-angular-icons';
8
- import { ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
9
- import { PopupService } from '@progress/kendo-angular-popup';
10
- import { CenturyViewService } from '../calendar/services/century-view.service';
11
- import { DecadeViewService } from '../calendar/services/decade-view.service';
12
- import { CalendarDOMService } from '../calendar/services/dom.service';
13
- import { MonthViewService } from '../calendar/services/month-view.service';
14
- import { NavigationService } from '../calendar/services/navigation.service';
15
- import { YearViewService } from '../calendar/services/year-view.service';
16
- import { AdaptiveService } from '@progress/kendo-angular-utils';
17
- import * as i0 from "@angular/core";
18
- import * as i1 from "./localization/datepicker-custom-messages.component";
19
- import * as i2 from "./datepicker.component";
20
- import * as i3 from "../calendar/templates/cell-template.directive";
21
- import * as i4 from "../calendar/templates/century-cell-template.directive";
22
- import * as i5 from "../calendar/templates/decade-cell-template.directive";
23
- import * as i6 from "../calendar/templates/footer-template.directive";
24
- import * as i7 from "../calendar/templates/header-template.directive";
25
- import * as i8 from "../calendar/templates/header-title-template.directive";
26
- import * as i9 from "../calendar/templates/month-cell-template.directive";
27
- import * as i10 from "../calendar/templates/navigation-item-template.directive";
28
- import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
29
- import * as i12 from "../calendar/templates/year-cell-template.directive";
30
- import * as i13 from "@progress/kendo-angular-common";
31
- // IMPORTANT: NgModule export kept for backwards compatibility
32
- /**
33
- * Required for adding all DatePicker features in [NgModule-based](link:site.data.urls.angular['ngmoduleapi']) Angular applications.
34
- *
35
- * @example
36
- * ```typescript
37
- * import { DatePickerModule } from '@progress/kendo-angular-dateinputs';
38
- *
39
- * @NgModule({
40
- * imports: [DatePickerModule]
41
- * })
42
- * export class AppModule { }
43
- * ```
44
- */
45
- export class DatePickerModule {
46
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
47
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective] });
48
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, providers: [
49
- // DateInputModule providers
50
- IconsService,
51
- // CalendarModule providers
52
- ResizeBatchService,
53
- CalendarDOMService,
54
- CenturyViewService,
55
- DecadeViewService,
56
- MonthViewService,
57
- YearViewService,
58
- PopupService,
59
- NavigationService,
60
- AdaptiveService
61
- ], imports: [i2.DatePickerComponent] });
62
- }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerModule, decorators: [{
64
- type: NgModule,
65
- args: [{
66
- exports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
67
- imports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
68
- providers: [
69
- // DateInputModule providers
70
- IconsService,
71
- // CalendarModule providers
72
- ResizeBatchService,
73
- CalendarDOMService,
74
- CenturyViewService,
75
- DecadeViewService,
76
- MonthViewService,
77
- YearViewService,
78
- PopupService,
79
- NavigationService,
80
- AdaptiveService
81
- ]
82
- }]
83
- }] });
@@ -1,53 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, forwardRef } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { DatePickerMessages } from './messages';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@progress/kendo-angular-l10n";
10
- /**
11
- * Allows you to override the default localization messages of the DatePicker component ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
12
- *
13
- * @example
14
- * ```html
15
- * <kendo-datepicker>
16
- * <kendo-datepicker-messages
17
- * today="Today"
18
- * toggle="Open calendar">
19
- * </kendo-datepicker-messages>
20
- * </kendo-datepicker>
21
- * ```
22
- */
23
- export class DatePickerCustomMessagesComponent extends DatePickerMessages {
24
- service;
25
- constructor(service) {
26
- super();
27
- this.service = service;
28
- }
29
- get override() {
30
- return true;
31
- }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
33
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datepicker-messages", providers: [
34
- {
35
- provide: DatePickerMessages,
36
- useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
37
- }
38
- ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
39
- }
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
41
- type: Component,
42
- args: [{
43
- providers: [
44
- {
45
- provide: DatePickerMessages,
46
- useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
47
- }
48
- ],
49
- selector: 'kendo-datepicker-messages',
50
- template: ``,
51
- standalone: true
52
- }]
53
- }], ctorParameters: () => [{ type: i1.LocalizationService }] });
@@ -1,39 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, forwardRef } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { DatePickerMessages } from './messages';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@progress/kendo-angular-l10n";
10
- /**
11
- * @hidden
12
- */
13
- export class DatePickerLocalizedMessagesDirective extends DatePickerMessages {
14
- service;
15
- constructor(service) {
16
- super();
17
- this.service = service;
18
- }
19
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDatePickerLocalizedMessages]", providers: [
21
- {
22
- provide: DatePickerMessages,
23
- useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
24
- }
25
- ], usesInheritance: true, ngImport: i0 });
26
- }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
28
- type: Directive,
29
- args: [{
30
- providers: [
31
- {
32
- provide: DatePickerMessages,
33
- useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
34
- }
35
- ],
36
- selector: '[kendoDatePickerLocalizedMessages]',
37
- standalone: true
38
- }]
39
- }], ctorParameters: () => [{ type: i1.LocalizationService }] });
@@ -1,63 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, Input } from '@angular/core';
6
- import { ComponentMessages } from '@progress/kendo-angular-l10n';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * @hidden
10
- */
11
- export class DatePickerMessages extends ComponentMessages {
12
- /**
13
- * The **Today** button text in the header of the Calendar.
14
- */
15
- today;
16
- /**
17
- * The title of the **Toggle** button of the DatePicker.
18
- */
19
- toggle;
20
- /**
21
- * The title of the **Prev** button in the header of the Classic Calendar.
22
- */
23
- prevButtonTitle;
24
- /**
25
- * The title of the **Next** button in the header of the Classic Calendar.
26
- */
27
- nextButtonTitle;
28
- /**
29
- * The title of the **Parent View** button in the header of the Calendar.
30
- */
31
- parentViewButtonTitle;
32
- /**
33
- * The title of the **Clear** button of the DatePicker.
34
- */
35
- clearTitle;
36
- /**
37
- * The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.
38
- */
39
- adaptiveCloseButtonTitle;
40
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
41
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DatePickerMessages, selector: "kendo-datepicker-messages-base", inputs: { today: "today", toggle: "toggle", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", clearTitle: "clearTitle", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle" }, usesInheritance: true, ngImport: i0 });
42
- }
43
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DatePickerMessages, decorators: [{
44
- type: Directive,
45
- args: [{
46
- // eslint-disable-next-line
47
- selector: 'kendo-datepicker-messages-base'
48
- }]
49
- }], propDecorators: { today: [{
50
- type: Input
51
- }], toggle: [{
52
- type: Input
53
- }], prevButtonTitle: [{
54
- type: Input
55
- }], nextButtonTitle: [{
56
- type: Input
57
- }], parentViewButtonTitle: [{
58
- type: Input
59
- }], clearTitle: [{
60
- type: Input
61
- }], adaptiveCloseButtonTitle: [{
62
- type: Input
63
- }] } });
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,105 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
6
- import { cloneDate, isEqual } from '@progress/kendo-date-math';
7
- import { DateInputComponent } from '../dateinput/dateinput.component';
8
- import { DateRangeInput } from './date-range-input';
9
- import { DateRangeService } from './date-range.service';
10
- import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
11
- import { clampRange, isInRange } from '../util';
12
- import { attributeNames, isPresent } from '../common/utils';
13
- import * as i0 from "@angular/core";
14
- import * as i1 from "./date-range.service";
15
- import * as i2 from "../dateinput/dateinput.component";
16
- /**
17
- * Manages the end date selection in a date range.
18
- *
19
- * You can use the `DateRangeEndInputDirective` only with a DateInput component.
20
- *
21
- * @example
22
- * ```typescript
23
- * @Component({
24
- * selector: 'my-app',
25
- * template: `
26
- * <kendo-daterange>
27
- * <kendo-dateinput kendoDateRangeStartInput [(value)]="startDate"></kendo-dateinput>
28
- * <kendo-dateinput kendoDateRangeEndInput [(value)]="endDate"></kendo-dateinput>
29
- * </kendo-daterange>
30
- * `
31
- * })
32
- * export class AppComponent {
33
- * public startDate: Date = new Date();
34
- * public endDate: Date = new Date();
35
- * }
36
- * ```
37
- *
38
- * @remarks
39
- * Applied to: {@link DateInputComponent}
40
- */
41
- export class DateRangeEndInputDirective extends DateRangeInput {
42
- rangeService;
43
- dateInput;
44
- /**
45
- * 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](slug:autocorrect_daterange#toc-input-directives)).
46
- *
47
- * By default, the component does not perform any auto-correction.
48
- *
49
- */
50
- autoCorrectOn;
51
- /**
52
- * Specifies the navigation behavior of the calendar when the active end is changed on input focus. When enabled,
53
- * the calendar navigates to the value of the focused input. Otherwise, the calendar displays the last picked date.
54
- *
55
- * @default false
56
- */
57
- navigateCalendarOnFocus = false;
58
- constructor(rangeService, dateInput, element, renderer, zone) {
59
- super('end', rangeService, dateInput, element, renderer, zone);
60
- this.rangeService = rangeService;
61
- this.dateInput = dateInput;
62
- }
63
- ngOnInit() {
64
- this.rangeService.registerEndInput(this.dateInput);
65
- super.init();
66
- this.dateInput.pickerType = 'daterangeend';
67
- }
68
- ngAfterViewInit() {
69
- this.renderer.setAttribute(this.dateInput.inputElement, attributeNames.ariaExpanded, 'false');
70
- }
71
- ngOnDestroy() {
72
- super.destroy();
73
- }
74
- getRange(value, correctOn) {
75
- const { min, max } = this.dateInput;
76
- if (!isInRange(value, min, max)) {
77
- return null;
78
- }
79
- const { start } = this.rangeService.selectionRange || EMPTY_SELECTIONRANGE;
80
- const shouldClamp = this.autoCorrectOn === correctOn && isPresent(value) && value < start;
81
- return shouldClamp ? clampRange(value) : { start, end: cloneDate(value) };
82
- }
83
- updateInputValue(range) {
84
- const { end } = range || EMPTY_SELECTIONRANGE;
85
- const { min, max } = this.dateInput;
86
- if (isEqual(this.dateInput.value, end) || !isInRange(end, min, max)) {
87
- return;
88
- }
89
- this.dateInput.writeValue(cloneDate(end));
90
- this.dateInput.notify();
91
- }
92
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
93
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeEndInputDirective, isStandalone: true, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
94
- }
95
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
96
- type: Directive,
97
- args: [{
98
- selector: '[kendoDateRangeEndInput]',
99
- standalone: true
100
- }]
101
- }], ctorParameters: () => [{ type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { autoCorrectOn: [{
102
- type: Input
103
- }], navigateCalendarOnFocus: [{
104
- type: Input
105
- }] } });
@@ -1,138 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, Renderer2, NgZone, Directive } from '@angular/core';
6
- import { cloneDate } from '@progress/kendo-date-math';
7
- import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
8
- import { Subscription, fromEvent } from 'rxjs';
9
- import { DateInputComponent } from '../dateinput/dateinput.component';
10
- import { DateRangeService } from './date-range.service';
11
- import { isPresent } from '../common/utils';
12
- import * as i0 from "@angular/core";
13
- import * as i1 from "./date-range.service";
14
- import * as i2 from "../dateinput/dateinput.component";
15
- /**
16
- * @hidden
17
- */
18
- export class DateRangeInput {
19
- activeRangeEnd;
20
- dateRangeService;
21
- input;
22
- element;
23
- renderer;
24
- zone;
25
- navigateCalendarOnFocus = false;
26
- get isActiveEnd() {
27
- return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
28
- }
29
- popupSubscriptions = new Subscription();
30
- subscriptions = new Subscription();
31
- get popupCalendarActivated() {
32
- const popup = this.dateRangeService.dateRangePopup$.value;
33
- return isPresent(popup) && isPresent(popup.calendar);
34
- }
35
- constructor(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
36
- this.activeRangeEnd = activeRangeEnd;
37
- this.dateRangeService = dateRangeService;
38
- this.input = input;
39
- this.element = element;
40
- this.renderer = renderer;
41
- this.zone = zone;
42
- }
43
- init() {
44
- this.input.role = 'combobox';
45
- this.input.hasPopup = 'grid';
46
- if (this.input.value) {
47
- this.dateRangeService.setRange(this.getRange(this.input.value));
48
- }
49
- [
50
- this.input.onBlur.subscribe(() => this.deactivate()),
51
- this.input.valueUpdate.subscribe(value => this.updateRange(value, 'change')),
52
- this.dateRangeService.activeRangeEnd$.subscribe(() => {
53
- if (this.navigateCalendarOnFocus) {
54
- this.focusActiveDate();
55
- }
56
- this.toggleActiveClass(this.isActiveEnd);
57
- }),
58
- this.dateRangeService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
59
- this.dateRangeService.range$.subscribe(range => this.updateInputValue(range)),
60
- fromEvent(this.element.nativeElement, 'click').subscribe(() => this.activate()),
61
- fromEvent(this.element.nativeElement, 'keydown').subscribe((event) => this.togglePopup(event || {}))
62
- ].forEach(s => this.subscriptions.add(s));
63
- }
64
- destroy() {
65
- this.subscriptions.unsubscribe();
66
- this.unsubscribePopup();
67
- }
68
- initPopup(popup) {
69
- if (!popup) {
70
- this.unsubscribePopup();
71
- return;
72
- }
73
- if (!popup.anchor) {
74
- popup.anchor = this.element.nativeElement;
75
- }
76
- [
77
- popup.cancel.subscribe(() => this.isActiveEnd && this.input.focus()),
78
- popup.onFocus.subscribe(() => this.toggleActiveClass(this.isActiveEnd)),
79
- popup.onBlur.subscribe(() => this.deactivate()),
80
- popup.close?.subscribe(() => this.isActiveEnd && this.input.focus())
81
- ].forEach(s => this.popupSubscriptions.add(s));
82
- }
83
- unsubscribePopup() {
84
- this.popupSubscriptions.unsubscribe();
85
- this.popupSubscriptions = new Subscription();
86
- }
87
- activate() {
88
- this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);
89
- this.dateRangeService.activatePopup();
90
- }
91
- deactivate() {
92
- this.zone.runOutsideAngular(() => {
93
- setTimeout(() => {
94
- this.updateRange(this.input.value, 'blur');
95
- if (this.dateRangeService.hasActiveComponent()) {
96
- return;
97
- }
98
- this.toggleActiveClass(false);
99
- this.zone.run(() => this.dateRangeService.deactivatePopup());
100
- });
101
- });
102
- }
103
- updateRange(value, correctOn) {
104
- const range = this.getRange(value, correctOn);
105
- if (range) {
106
- this.focusActiveDate();
107
- this.dateRangeService.setRange(range);
108
- }
109
- }
110
- togglePopup(e) {
111
- const code = normalizeKeys(e);
112
- const altKey = e.altKey;
113
- if (code === Keys.Escape) {
114
- this.dateRangeService.cancelPopup();
115
- }
116
- else if (altKey && code === Keys.ArrowDown) {
117
- this.dateRangeService.activatePopup();
118
- }
119
- }
120
- focusActiveDate() {
121
- if (this.input.value && this.isActiveEnd) {
122
- this.dateRangeService.setFocusedDate(cloneDate(this.input.value));
123
- }
124
- }
125
- toggleActiveClass(show) {
126
- const action = show ? 'addClass' : 'removeClass';
127
- const nativeElement = this.element.nativeElement;
128
- if (nativeElement && nativeElement.querySelector) {
129
- this.renderer[action](nativeElement, 'k-focus');
130
- }
131
- }
132
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeInput, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
133
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeInput, ngImport: i0 });
134
- }
135
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeInput, decorators: [{
136
- type: Directive,
137
- args: [{}]
138
- }], ctorParameters: () => [{ type: undefined }, { type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }] });
@@ -1,36 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Renders the content of the DateRange Popup.
9
- * To define the popup template, nest an `<ng-template>` tag with the `kendoDateRangePopupTemplate` directive inside the component tag.
10
- *
11
- * @example
12
- * ```html
13
- * <kendo-daterange>
14
- * <ng-template kendoDateRangePopupTemplate>
15
- * <div class="custom-popup-content">
16
- * Custom content for the DateRange Popup
17
- * </div>
18
- * </ng-template>
19
- * </kendo-daterange>
20
- * ```
21
- */
22
- export class DateRangePopupTemplateDirective {
23
- templateRef;
24
- constructor(templateRef) {
25
- this.templateRef = templateRef;
26
- }
27
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
28
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangePopupTemplateDirective, isStandalone: true, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
29
- }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
31
- type: Directive,
32
- args: [{
33
- selector: '[kendoDateRangePopupTemplate]',
34
- standalone: true
35
- }]
36
- }], ctorParameters: () => [{ type: i0.TemplateRef }] });