@progress/kendo-angular-dateinputs 17.0.0-develop.9 → 17.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 (185) hide show
  1. package/calendar/calendar.component.d.ts +1 -1
  2. package/calendar/footer.component.d.ts +1 -1
  3. package/calendar/for.directive.d.ts +1 -1
  4. package/calendar/header.component.d.ts +1 -1
  5. package/calendar/horizontal-view-list.component.d.ts +1 -1
  6. package/calendar/localization/calendar-messages.d.ts +1 -1
  7. package/calendar/localization/multiview-calendar-messages.d.ts +1 -1
  8. package/calendar/models/orientation.d.ts +1 -1
  9. package/calendar/models/selection-range-end.type.d.ts +1 -1
  10. package/calendar/models/selection.d.ts +1 -1
  11. package/calendar/models/type.d.ts +1 -1
  12. package/calendar/models/view.type.d.ts +1 -1
  13. package/calendar/multiview-calendar.component.d.ts +1 -1
  14. package/calendar/navigation.component.d.ts +1 -1
  15. package/calendar/view-list.component.d.ts +1 -1
  16. package/calendar/view.component.d.ts +1 -1
  17. package/common/models/fillmode.d.ts +1 -1
  18. package/common/models/rounded.d.ts +1 -1
  19. package/common/models/size.d.ts +1 -1
  20. package/common/models/week-days-format.d.ts +1 -1
  21. package/dateinput/dateinput.component.d.ts +2 -2
  22. package/dateinput/localization/messages.d.ts +1 -1
  23. package/dateinput/models/format-placeholder.model.d.ts +1 -1
  24. package/datepicker/datepicker.component.d.ts +1 -1
  25. package/datepicker/localization/messages.d.ts +1 -1
  26. package/daterange/auto-correct-on.type.d.ts +1 -1
  27. package/daterange/date-range-end-input.directive.d.ts +1 -1
  28. package/daterange/date-range-popup.component.d.ts +86 -2
  29. package/daterange/date-range-selection.directive.d.ts +1 -1
  30. package/daterange/date-range-start-input.directive.d.ts +1 -1
  31. package/daterange/date-range.component.d.ts +1 -1
  32. package/daterange/localization/messages.d.ts +1 -1
  33. package/datetimepicker/datetimepicker.component.d.ts +1 -1
  34. package/datetimepicker/localization/messages.d.ts +1 -1
  35. package/datetimepicker/models/active-tab.type.d.ts +1 -1
  36. package/{esm2020 → esm2022}/calendar/calendar.component.mjs +277 -167
  37. package/{esm2020 → esm2022}/calendar/calendar.module.mjs +14 -14
  38. package/{esm2020 → esm2022}/calendar/calendars.module.mjs +14 -14
  39. package/{esm2020 → esm2022}/calendar/footer.component.mjs +10 -6
  40. package/{esm2020 → esm2022}/calendar/for.directive.mjs +13 -4
  41. package/{esm2020 → esm2022}/calendar/header.component.mjs +46 -29
  42. package/{esm2020 → esm2022}/calendar/horizontal-view-list.component.mjs +63 -40
  43. package/{esm2020 → esm2022}/calendar/localization/calendar-custom-messages.component.mjs +9 -8
  44. package/{esm2020 → esm2022}/calendar/localization/calendar-localized-messages.directive.mjs +9 -8
  45. package/{esm2020/calendar/localization/multiview-calendar-messages.mjs → esm2022/calendar/localization/calendar-messages.mjs} +21 -5
  46. package/{esm2020 → esm2022}/calendar/localization/multiview-calendar-custom-messages.component.mjs +9 -8
  47. package/{esm2020 → esm2022}/calendar/localization/multiview-calendar-localized-messages.directive.mjs +9 -8
  48. package/esm2022/calendar/localization/multiview-calendar-messages.mjs +45 -0
  49. package/{esm2020 → esm2022}/calendar/multiview-calendar.component.mjs +300 -212
  50. package/{esm2020 → esm2022}/calendar/multiview-calendar.module.mjs +11 -11
  51. package/{esm2020 → esm2022}/calendar/navigation.component.mjs +34 -15
  52. package/{esm2020 → esm2022}/calendar/services/bus-view.service.mjs +8 -6
  53. package/{esm2020 → esm2022}/calendar/services/century-view.service.mjs +15 -17
  54. package/{esm2020 → esm2022}/calendar/services/decade-view.service.mjs +15 -17
  55. package/{esm2020 → esm2022}/calendar/services/disabled-dates.service.mjs +12 -14
  56. package/{esm2020 → esm2022}/calendar/services/dom.service.mjs +21 -3
  57. package/{esm2020 → esm2022}/calendar/services/month-view.service.mjs +16 -15
  58. package/{esm2020 → esm2022}/calendar/services/navigation.service.mjs +4 -3
  59. package/{esm2020 → esm2022}/calendar/services/scroll-sync.service.mjs +11 -3
  60. package/{esm2020 → esm2022}/calendar/services/selection.service.mjs +5 -3
  61. package/{esm2020 → esm2022}/calendar/services/weeknames.service.mjs +4 -3
  62. package/{esm2020 → esm2022}/calendar/services/year-view.service.mjs +16 -15
  63. package/{esm2020 → esm2022}/calendar/templates/cell-template.directive.mjs +4 -3
  64. package/{esm2020 → esm2022}/calendar/templates/century-cell-template.directive.mjs +4 -3
  65. package/{esm2020 → esm2022}/calendar/templates/decade-cell-template.directive.mjs +4 -3
  66. package/{esm2020 → esm2022}/calendar/templates/footer-template.directive.mjs +4 -3
  67. package/{esm2020 → esm2022}/calendar/templates/header-template.directive.mjs +4 -3
  68. package/{esm2020 → esm2022}/calendar/templates/header-title-template.directive.mjs +4 -3
  69. package/{esm2020 → esm2022}/calendar/templates/month-cell-template.directive.mjs +4 -3
  70. package/{esm2020 → esm2022}/calendar/templates/navigation-item-template.directive.mjs +4 -3
  71. package/{esm2020 → esm2022}/calendar/templates/weeknumber-cell-template.directive.mjs +4 -3
  72. package/{esm2020 → esm2022}/calendar/templates/year-cell-template.directive.mjs +4 -3
  73. package/{esm2020 → esm2022}/calendar/view-list.component.mjs +68 -37
  74. package/{esm2020 → esm2022}/calendar/view.component.mjs +50 -24
  75. package/{esm2020 → esm2022}/common/picker.service.mjs +7 -6
  76. package/{esm2020 → esm2022}/dateinput/dateinput.component.mjs +282 -231
  77. package/{esm2020 → esm2022}/dateinput/dateinput.module.mjs +6 -6
  78. package/{esm2020 → esm2022}/dateinput/localization/dateinput-custom-messages.component.mjs +9 -8
  79. package/{esm2020 → esm2022}/dateinput/localization/dateinput-localized-messages.directive.mjs +9 -8
  80. package/{esm2020 → esm2022}/dateinput/localization/messages.mjs +15 -3
  81. package/{esm2020 → esm2022}/dateinputs.module.mjs +22 -22
  82. package/{esm2020 → esm2022}/datepicker/datepicker.component.mjs +403 -282
  83. package/{esm2020 → esm2022}/datepicker/datepicker.module.mjs +16 -16
  84. package/{esm2020 → esm2022}/datepicker/localization/datepicker-custom-messages.component.mjs +9 -8
  85. package/{esm2020 → esm2022}/datepicker/localization/datepicker-localized-messages.directive.mjs +9 -8
  86. package/esm2022/datepicker/localization/messages.mjs +57 -0
  87. package/{esm2020 → esm2022}/daterange/date-range-end-input.directive.mjs +38 -28
  88. package/{esm2020 → esm2022}/daterange/date-range-input.mjs +19 -13
  89. package/{esm2020 → esm2022}/daterange/date-range-popup-template.directive.mjs +4 -3
  90. package/{esm2020 → esm2022}/daterange/date-range-popup.component.mjs +324 -87
  91. package/{esm2020 → esm2022}/daterange/date-range-selection.directive.mjs +41 -36
  92. package/{esm2020 → esm2022}/daterange/date-range-start-input.directive.mjs +40 -29
  93. package/{esm2020 → esm2022}/daterange/date-range.component.mjs +31 -14
  94. package/{esm2020 → esm2022}/daterange/date-range.module.mjs +16 -16
  95. package/{esm2020 → esm2022}/daterange/date-range.service.mjs +34 -33
  96. package/{esm2020 → esm2022}/daterange/localization/daterange-popup-custom-messages.component.mjs +9 -8
  97. package/{esm2020 → esm2022}/daterange/localization/daterange-popup-localized-messages.directive.mjs +9 -8
  98. package/{esm2020 → esm2022}/daterange/localization/messages.mjs +19 -3
  99. package/{esm2020 → esm2022}/datetimepicker/datetimepicker.component.mjs +390 -292
  100. package/{esm2020 → esm2022}/datetimepicker/datetimepicker.module.mjs +22 -22
  101. package/{esm2020 → esm2022}/datetimepicker/localization/datetimepicker-custom-messages.component.mjs +9 -8
  102. package/{esm2020 → esm2022}/datetimepicker/localization/localized-messages.directive.mjs +9 -8
  103. package/esm2022/datetimepicker/localization/messages.mjs +147 -0
  104. package/{esm2020 → esm2022}/index.mjs +0 -1
  105. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  106. package/{esm2020 → esm2022}/preventable-event.mjs +2 -3
  107. package/esm2022/timepicker/localization/messages.mjs +99 -0
  108. package/{esm2020 → esm2022}/timepicker/localization/timepicker-custom-messages.component.mjs +9 -8
  109. package/{esm2020 → esm2022}/timepicker/localization/timepicker-localized-messages.directive.mjs +9 -8
  110. package/{esm2020 → esm2022}/timepicker/localization/timeselector-custom-messages.component.mjs +9 -8
  111. package/{esm2020 → esm2022}/timepicker/localization/timeselector-localized-messages.directive.mjs +9 -8
  112. package/{esm2020 → esm2022}/timepicker/services/dayperiod.service.mjs +7 -3
  113. package/{esm2020 → esm2022}/timepicker/services/dom.service.mjs +7 -3
  114. package/{esm2020 → esm2022}/timepicker/services/hours.service.mjs +10 -5
  115. package/{esm2020 → esm2022}/timepicker/services/milliseconds.service.mjs +9 -4
  116. package/{esm2020 → esm2022}/timepicker/services/minutes.service.mjs +9 -4
  117. package/{esm2020 → esm2022}/timepicker/services/seconds.service.mjs +9 -4
  118. package/{esm2020 → esm2022}/timepicker/timelist.component.mjs +45 -27
  119. package/{esm2020 → esm2022}/timepicker/timepicker.component.mjs +301 -219
  120. package/{esm2020 → esm2022}/timepicker/timepicker.module.mjs +14 -14
  121. package/{esm2020 → esm2022}/timepicker/timeselector.component.mjs +96 -73
  122. package/{esm2020 → esm2022}/virtualization/services/row-height.service.mjs +5 -2
  123. package/{esm2020 → esm2022}/virtualization/services/scroller.service.mjs +14 -3
  124. package/{esm2020 → esm2022}/virtualization/virtualization.component.mjs +42 -28
  125. package/{fesm2020 → fesm2022}/progress-kendo-angular-dateinputs.mjs +3758 -2455
  126. package/index.d.ts +0 -1
  127. package/package.json +20 -26
  128. package/schematics/ngAdd/index.js +1 -1
  129. package/timepicker/localization/messages.d.ts +1 -1
  130. package/timepicker/timelist.component.d.ts +1 -1
  131. package/timepicker/timepicker.component.d.ts +2 -1
  132. package/timepicker/timeselector.component.d.ts +1 -1
  133. package/util.d.ts +1 -1
  134. package/virtualization/services/scroller.service.d.ts +2 -2
  135. package/virtualization/virtualization.component.d.ts +1 -1
  136. package/common/adaptive.module.d.ts +0 -18
  137. package/esm2020/calendar/localization/calendar-messages.mjs +0 -29
  138. package/esm2020/common/adaptive.module.mjs +0 -44
  139. package/esm2020/datepicker/localization/messages.mjs +0 -33
  140. package/esm2020/datetimepicker/localization/messages.mjs +0 -63
  141. package/esm2020/timepicker/localization/messages.mjs +0 -47
  142. package/fesm2015/progress-kendo-angular-dateinputs.mjs +0 -19188
  143. /package/{esm2020 → esm2022}/calendar/models/cell-context.interface.mjs +0 -0
  144. /package/{esm2020 → esm2022}/calendar/models/keydown.interface.mjs +0 -0
  145. /package/{esm2020 → esm2022}/calendar/models/navigation-action.enum.mjs +0 -0
  146. /package/{esm2020 → esm2022}/calendar/models/orientation.mjs +0 -0
  147. /package/{esm2020 → esm2022}/calendar/models/row-length-options.interface.mjs +0 -0
  148. /package/{esm2020 → esm2022}/calendar/models/scrollable.interface.mjs +0 -0
  149. /package/{esm2020 → esm2022}/calendar/models/selection-range-end.type.mjs +0 -0
  150. /package/{esm2020 → esm2022}/calendar/models/selection-range.interface.mjs +0 -0
  151. /package/{esm2020 → esm2022}/calendar/models/selection.mjs +0 -0
  152. /package/{esm2020 → esm2022}/calendar/models/type.mjs +0 -0
  153. /package/{esm2020 → esm2022}/calendar/models/view-service.interface.mjs +0 -0
  154. /package/{esm2020 → esm2022}/calendar/models/view.enum.mjs +0 -0
  155. /package/{esm2020 → esm2022}/calendar/models/view.type.mjs +0 -0
  156. /package/{esm2020 → esm2022}/common/dom-queries.mjs +0 -0
  157. /package/{esm2020 → esm2022}/common/models/fillmode.mjs +0 -0
  158. /package/{esm2020 → esm2022}/common/models/rounded.mjs +0 -0
  159. /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
  160. /package/{esm2020 → esm2022}/common/models/week-days-format.mjs +0 -0
  161. /package/{esm2020 → esm2022}/common/utils.mjs +0 -0
  162. /package/{esm2020 → esm2022}/dateinput/arrow.enum.mjs +0 -0
  163. /package/{esm2020 → esm2022}/dateinput/models/format-placeholder.model.mjs +0 -0
  164. /package/{esm2020 → esm2022}/dateinput/models/format-settings.model.mjs +0 -0
  165. /package/{esm2020 → esm2022}/dateinput/models/incremental-steps.model.mjs +0 -0
  166. /package/{esm2020 → esm2022}/daterange/auto-correct-on.type.mjs +0 -0
  167. /package/{esm2020 → esm2022}/datetimepicker/models/active-tab.type.mjs +0 -0
  168. /package/{esm2020 → esm2022}/defaults.mjs +0 -0
  169. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  170. /package/{esm2020 → esm2022}/popup-settings.model.mjs +0 -0
  171. /package/{esm2020 → esm2022}/progress-kendo-angular-dateinputs.mjs +0 -0
  172. /package/{esm2020 → esm2022}/timepicker/models/incremental-steps.model.mjs +0 -0
  173. /package/{esm2020 → esm2022}/timepicker/models/list-item.interface.mjs +0 -0
  174. /package/{esm2020 → esm2022}/timepicker/models/list-service-settings.mjs +0 -0
  175. /package/{esm2020 → esm2022}/timepicker/models/list-service.interface.mjs +0 -0
  176. /package/{esm2020 → esm2022}/timepicker/models/time-part.default.mjs +0 -0
  177. /package/{esm2020 → esm2022}/timepicker/util.mjs +0 -0
  178. /package/{esm2020 → esm2022}/util.mjs +0 -0
  179. /package/{esm2020 → esm2022}/validators/disabled-date.validator.mjs +0 -0
  180. /package/{esm2020 → esm2022}/validators/disabled-dates-range.validator.mjs +0 -0
  181. /package/{esm2020 → esm2022}/validators/incomplete-date.validator.mjs +0 -0
  182. /package/{esm2020 → esm2022}/validators/max.validator.mjs +0 -0
  183. /package/{esm2020 → esm2022}/validators/min.validator.mjs +0 -0
  184. /package/{esm2020 → esm2022}/validators/time-range.validator.mjs +0 -0
  185. /package/{esm2020 → esm2022}/virtualization/models/scrollable.interface.mjs +0 -0
@@ -19,37 +19,48 @@ import * as i2 from "../dateinput/dateinput.component";
19
19
  * > You can use the DateRangeStartInputDirective only with a DateInput component.
20
20
  */
21
21
  export class DateRangeStartInputDirective extends DateRangeInput {
22
+ rangeService;
23
+ dateInput;
24
+ renderer;
25
+ /**
26
+ * Specifies the auto-correction behavior. If the start date is greater than the end date,
27
+ * the directive fixes the date range to a single date either on input change or on blur
28
+ * ([see example](slug:autocorrect_daterange#toc-input-directives)).
29
+ *
30
+ * By default, the component does not perform any auto-correction.
31
+ */
32
+ autoCorrectOn;
33
+ /**
34
+ * Specifies the navigation behavior of the calendar when the active end is changed on input focus.
35
+ * When enabled, the calendar navigates to the value of the focused input. Otherwise, the calendar
36
+ * displays the last picked date.
37
+ *
38
+ * By default, the automatic navigation behavior on input focus is disabled.
39
+ *
40
+ * @example
41
+ * ```ts
42
+ * _@Component({
43
+ * selector: 'my-app',
44
+ * template: `
45
+ * <h5>Toggle input focus to see the calendar navigating between range ends.</h5>
46
+ * <kendo-daterange>
47
+ * <kendo-dateinput kendoDateRangeStartInput [navigateCalendarOnFocus]="true" [(value)]="start"></kendo-dateinput>
48
+ * <kendo-dateinput kendoDateRangeEndInput [navigateCalendarOnFocus]="true" [(value)]="end"></kendo-dateinput>
49
+ * </kendo-daterange>
50
+ * `
51
+ * })
52
+ * export class AppComponent {
53
+ * public start: Date = new Date(2018, 3, 10);
54
+ * public end: Date = new Date(2018, 10, 20);
55
+ * }
56
+ * ```
57
+ */
58
+ navigateCalendarOnFocus = false;
22
59
  constructor(rangeService, dateInput, element, renderer, zone) {
23
60
  super('start', rangeService, dateInput, element, renderer, zone);
24
61
  this.rangeService = rangeService;
25
62
  this.dateInput = dateInput;
26
63
  this.renderer = renderer;
27
- /**
28
- * Specifies the navigation behavior of the calendar when the active end is changed on input focus.
29
- * When enabled, the calendar navigates to the value of the focused input. Otherwise, the calendar
30
- * displays the last picked date.
31
- *
32
- * By default, the automatic navigation behavior on input focus is disabled.
33
- *
34
- * @example
35
- * ```ts
36
- * _@Component({
37
- * selector: 'my-app',
38
- * template: `
39
- * <h5>Toggle input focus to see the calendar navigating between range ends.</h5>
40
- * <kendo-daterange>
41
- * <kendo-dateinput kendoDateRangeStartInput [navigateCalendarOnFocus]="true" [(value)]="start"></kendo-dateinput>
42
- * <kendo-dateinput kendoDateRangeEndInput [navigateCalendarOnFocus]="true" [(value)]="end"></kendo-dateinput>
43
- * </kendo-daterange>
44
- * `
45
- * })
46
- * export class AppComponent {
47
- * public start: Date = new Date(2018, 3, 10);
48
- * public end: Date = new Date(2018, 10, 20);
49
- * }
50
- * ```
51
- */
52
- this.navigateCalendarOnFocus = false;
53
64
  }
54
65
  ngOnInit() {
55
66
  this.rangeService.registerStartInput(this.dateInput);
@@ -80,10 +91,10 @@ export class DateRangeStartInputDirective extends DateRangeInput {
80
91
  this.dateInput.writeValue(cloneDate(start));
81
92
  this.dateInput.notify();
82
93
  }
94
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
95
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeStartInputDirective, isStandalone: true, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
83
96
  }
84
- DateRangeStartInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
85
- DateRangeStartInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeStartInputDirective, isStandalone: true, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
86
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
97
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
87
98
  type: Directive,
88
99
  args: [{
89
100
  selector: '[kendoDateRangeStartInput]',
@@ -31,15 +31,21 @@ import * as i1 from "./date-range.service";
31
31
  * ```
32
32
  */
33
33
  export class DateRangeComponent {
34
- constructor(dateRangeService) {
35
- this.dateRangeService = dateRangeService;
36
- this.wrapperClass = true;
37
- /**
38
- * @hidden
39
- */
40
- this.showDefault = false;
41
- validatePackage(packageMetadata);
42
- }
34
+ dateRangeService;
35
+ /**
36
+ * @hidden
37
+ *
38
+ * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
39
+ * Sets the size of the component.
40
+ *
41
+ * The possible values are:
42
+ * * `small`
43
+ * * `medium` (Default)
44
+ * * `large`
45
+ * * `none`
46
+ *
47
+ */
48
+ size;
43
49
  /**
44
50
  * @hidden
45
51
  */
@@ -53,9 +59,20 @@ export class DateRangeComponent {
53
59
  this.dateRangeService.deactivatePopup();
54
60
  }
55
61
  }
62
+ wrapperClass = true;
63
+ /**
64
+ * @hidden
65
+ */
66
+ showDefault = false;
67
+ contentPopup;
56
68
  get hasContentPopup() {
57
69
  return this.contentPopup.length > 0;
58
70
  }
71
+ subscription;
72
+ constructor(dateRangeService) {
73
+ this.dateRangeService = dateRangeService;
74
+ validatePackage(packageMetadata);
75
+ }
59
76
  ngAfterContentInit() {
60
77
  this.showDefault = !this.hasContentPopup;
61
78
  this.subscription = this.contentPopup.changes.subscribe(() => {
@@ -65,13 +82,13 @@ export class DateRangeComponent {
65
82
  ngOnDestroy() {
66
83
  this.subscription?.unsubscribe();
67
84
  }
68
- }
69
- DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.DateRangeService }], target: i0.ɵɵFactoryTarget.Component });
70
- DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
85
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.DateRangeService }], target: i0.ɵɵFactoryTarget.Component });
86
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
71
87
  <ng-content></ng-content>
72
88
  <kendo-daterange-popup *ngIf="showDefault" [size]="size"></kendo-daterange-popup>
73
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["allowReverse", "animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
74
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeComponent, decorators: [{
89
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
90
+ }
91
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeComponent, decorators: [{
75
92
  type: Component,
76
93
  args: [{
77
94
  providers: [DateRangeService],
@@ -62,23 +62,23 @@ import * as i9 from "./date-range-start-input.directive";
62
62
  * ```
63
63
  */
64
64
  export class DateRangeModule {
65
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
66
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, imports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective], exports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective] });
67
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, providers: [
68
+ // MultiViewCalendarModule providers
69
+ PopupService,
70
+ NavigationService,
71
+ CenturyViewService,
72
+ DecadeViewService,
73
+ MonthViewService,
74
+ YearViewService,
75
+ // DateInputModule providers
76
+ IconsService,
77
+ // AdaptiveModule providers
78
+ ResizeBatchService
79
+ ], imports: [i3.DateInputComponent, i6.DateRangeComponent, i7.DateRangePopupComponent] });
65
80
  }
66
- DateRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
67
- DateRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, imports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective], exports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective] });
68
- DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, providers: [
69
- // MultiViewCalendarModule providers
70
- PopupService,
71
- NavigationService,
72
- CenturyViewService,
73
- DecadeViewService,
74
- MonthViewService,
75
- YearViewService,
76
- // DateInputModule providers
77
- IconsService,
78
- // AdaptiveModule providers
79
- ResizeBatchService
80
- ], imports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i6.DateRangeComponent, i7.DateRangePopupComponent] });
81
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, decorators: [{
81
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeModule, decorators: [{
82
82
  type: NgModule,
83
83
  args: [{
84
84
  exports: [...KENDO_DATERANGE],
@@ -15,36 +15,33 @@ const hasActiveContent = (popup) => popup && popup.hasActiveContent();
15
15
  * For example, the start and end `DateInput` and `DateRangePopup` components.
16
16
  */
17
17
  export class DateRangeService {
18
- /** @hidden */
19
- constructor(renderer) {
20
- this.renderer = renderer;
21
- /**
22
- * An Observable instance that notifies when the `activeRangeEnd` state is changed.
23
- */
24
- this.activeRangeEnd$ = new BehaviorSubject(null);
25
- /**
26
- * An Observable instance that notifies when the `focusedDate` is changed.
27
- */
28
- this.focusedDate$ = new BehaviorSubject(null);
29
- /**
30
- * An Observable instance that notifies when the end `DateInput` component is changed.
31
- * For example, when a new end `DateInput` is attached or when the old one is detached.
32
- */
33
- this.endInput$ = new BehaviorSubject(null);
34
- /**
35
- * An Observable instance that notifies when the start `DateInput` component is changed.
36
- * For example, when a new start `DateInput` is attached or the old one is detached.
37
- */
38
- this.startInput$ = new BehaviorSubject(null);
39
- /**
40
- * An Observable instance that notifies when the `DateRangePopup` component is changed.
41
- */
42
- this.dateRangePopup$ = new BehaviorSubject(null);
43
- /**
44
- * An Observable instance that notifies when the state of the selection range is changed.
45
- */
46
- this.range$ = new BehaviorSubject(EMPTY_SELECTIONRANGE);
47
- }
18
+ renderer;
19
+ /**
20
+ * An Observable instance that notifies when the `activeRangeEnd` state is changed.
21
+ */
22
+ activeRangeEnd$ = new BehaviorSubject(null);
23
+ /**
24
+ * An Observable instance that notifies when the `focusedDate` is changed.
25
+ */
26
+ focusedDate$ = new BehaviorSubject(null);
27
+ /**
28
+ * An Observable instance that notifies when the end `DateInput` component is changed.
29
+ * For example, when a new end `DateInput` is attached or when the old one is detached.
30
+ */
31
+ endInput$ = new BehaviorSubject(null);
32
+ /**
33
+ * An Observable instance that notifies when the start `DateInput` component is changed.
34
+ * For example, when a new start `DateInput` is attached or the old one is detached.
35
+ */
36
+ startInput$ = new BehaviorSubject(null);
37
+ /**
38
+ * An Observable instance that notifies when the `DateRangePopup` component is changed.
39
+ */
40
+ dateRangePopup$ = new BehaviorSubject(null);
41
+ /**
42
+ * An Observable instance that notifies when the state of the selection range is changed.
43
+ */
44
+ range$ = new BehaviorSubject(EMPTY_SELECTIONRANGE);
48
45
  /**
49
46
  * Gets the current `activeRangeEnd` value.
50
47
  */
@@ -91,6 +88,10 @@ export class DateRangeService {
91
88
  get inputEndElement() {
92
89
  return this.endInput$.value.inputElement;
93
90
  }
91
+ /** @hidden */
92
+ constructor(renderer) {
93
+ this.renderer = renderer;
94
+ }
94
95
  /**
95
96
  * Activates the registered `DateRangePopup` component.
96
97
  * The method opens the popup and focuses the calendar.
@@ -214,10 +215,10 @@ export class DateRangeService {
214
215
  setRange(range = EMPTY_SELECTIONRANGE) {
215
216
  this.range$.next(range);
216
217
  }
218
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeService, deps: [{ token: i0.Renderer2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
219
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeService });
217
220
  }
218
- DateRangeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeService, deps: [{ token: i0.Renderer2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
219
- DateRangeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeService });
220
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeService, decorators: [{
221
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeService, decorators: [{
221
222
  type: Injectable
222
223
  }], ctorParameters: function () { return [{ type: i0.Renderer2, decorators: [{
223
224
  type: Optional
@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
11
11
  * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
12
12
  */
13
13
  export class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
14
+ service;
14
15
  constructor(service) {
15
16
  super();
16
17
  this.service = service;
@@ -18,15 +19,15 @@ export class DateRangePopupCustomMessagesComponent extends DateRangePopupMessage
18
19
  get override() {
19
20
  return true;
20
21
  }
22
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
23
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePopupCustomMessagesComponent, isStandalone: true, selector: "kendo-daterange-popup-messages", providers: [
24
+ {
25
+ provide: DateRangePopupMessages,
26
+ useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
27
+ }
28
+ ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
21
29
  }
22
- DateRangePopupCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
23
- DateRangePopupCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupCustomMessagesComponent, isStandalone: true, selector: "kendo-daterange-popup-messages", providers: [
24
- {
25
- provide: DateRangePopupMessages,
26
- useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
27
- }
28
- ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupCustomMessagesComponent, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupCustomMessagesComponent, decorators: [{
30
31
  type: Component,
31
32
  args: [{
32
33
  providers: [
@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
11
11
  * @hidden
12
12
  */
13
13
  export class DateRangePopupLocalizedMessagesDirective extends DateRangePopupMessages {
14
+ service;
14
15
  constructor(service) {
15
16
  super();
16
17
  this.service = service;
17
18
  }
19
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePopupLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateRangePopupLocalizedMessages]", providers: [
21
+ {
22
+ provide: DateRangePopupMessages,
23
+ useExisting: forwardRef(() => DateRangePopupLocalizedMessagesDirective)
24
+ }
25
+ ], usesInheritance: true, ngImport: i0 });
18
26
  }
19
- DateRangePopupLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
- DateRangePopupLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateRangePopupLocalizedMessages]", providers: [
21
- {
22
- provide: DateRangePopupMessages,
23
- useExisting: forwardRef(() => DateRangePopupLocalizedMessagesDirective)
24
- }
25
- ], usesInheritance: true, ngImport: i0 });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, decorators: [{
27
28
  type: Directive,
28
29
  args: [{
29
30
  providers: [
@@ -9,10 +9,26 @@ import * as i0 from "@angular/core";
9
9
  * @hidden
10
10
  */
11
11
  export class DateRangePopupMessages extends ComponentMessages {
12
+ /**
13
+ * The text of the **Accept** button in the popup footer of the DateRange Popup.
14
+ */
15
+ accept;
16
+ /**
17
+ * The label of the **Accept** button in the popup footer of the DateRange Popup.
18
+ */
19
+ acceptLabel;
20
+ /**
21
+ * The text of the **Cancel** button in the popup footer of the DateRange Popup.
22
+ */
23
+ cancel;
24
+ /**
25
+ * The label of the **Cancel** button in the popup footer of the DateRange Popup.
26
+ */
27
+ cancelLabel;
28
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
29
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePopupMessages, selector: "kendo-daterangepopup-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel" }, usesInheritance: true, ngImport: i0 });
12
30
  }
13
- DateRangePopupMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
14
- DateRangePopupMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupMessages, selector: "kendo-daterangepopup-messages-base", inputs: { accept: "accept", acceptLabel: "acceptLabel", cancel: "cancel", cancelLabel: "cancelLabel" }, usesInheritance: true, ngImport: i0 });
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupMessages, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupMessages, decorators: [{
16
32
  type: Directive,
17
33
  args: [{
18
34
  // eslint-disable-next-line