@progress/kendo-angular-dateinputs 16.11.0-develop.8 → 16.11.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.
@@ -5,7 +5,6 @@
5
5
  import { ChangeDetectorRef, EventEmitter, OnChanges, TemplateRef, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
6
6
  import { BusViewService } from './services/bus-view.service';
7
7
  import { ViewService } from './models/view-service.interface';
8
- import { WeekNamesService } from './services/weeknames.service';
9
8
  import { IntlService } from '@progress/kendo-angular-intl';
10
9
  import { SelectionRangeEnd } from './models/selection-range-end.type';
11
10
  import { SelectionRange } from './models/selection-range.interface';
@@ -20,7 +19,6 @@ import * as i0 from "@angular/core";
20
19
  export declare class HorizontalViewListComponent implements OnChanges, OnDestroy {
21
20
  private bus;
22
21
  intl: IntlService;
23
- private weekService;
24
22
  private cdr;
25
23
  private element;
26
24
  private renderer;
@@ -84,7 +82,7 @@ export declare class HorizontalViewListComponent implements OnChanges, OnDestroy
84
82
  private showWeekNumbers;
85
83
  private intlSubscription;
86
84
  private animation;
87
- constructor(bus: BusViewService, intl: IntlService, weekService: WeekNamesService, cdr: ChangeDetectorRef, element: ElementRef<HTMLElement>, renderer: Renderer2);
85
+ constructor(bus: BusViewService, intl: IntlService, cdr: ChangeDetectorRef, element: ElementRef<HTMLElement>, renderer: Renderer2);
88
86
  ngOnChanges(changes: any): void;
89
87
  ngOnDestroy(): void;
90
88
  initService(): void;
@@ -7,6 +7,9 @@ import { WeekDaysFormat } from '../../common/models/week-days-format';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * @hidden
10
+ * @deprecated
11
+ *
12
+ * This service is deprecated and will be removed in a future major version release.
10
13
  */
11
14
  export declare class WeekNamesService {
12
15
  private intl;
@@ -643,7 +643,7 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
643
643
  /**
644
644
  * @hidden
645
645
  */
646
- handleChange(value: Date): void;
646
+ handleChange(value: Date, isInputValueChange?: boolean): void;
647
647
  /**
648
648
  * @hidden
649
649
  */
@@ -8,7 +8,6 @@ import { CenturyViewService } from "./services/century-view.service";
8
8
  import { DecadeViewService } from "./services/decade-view.service";
9
9
  import { CalendarDOMService } from "./services/dom.service";
10
10
  import { MonthViewService } from "./services/month-view.service";
11
- import { WeekNamesService } from "./services/weeknames.service";
12
11
  import { YearViewService } from "./services/year-view.service";
13
12
  import { IconsService } from "@progress/kendo-angular-icons";
14
13
  import { PopupService } from "@progress/kendo-angular-popup";
@@ -80,7 +79,6 @@ CalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
80
79
  DecadeViewService,
81
80
  MonthViewService,
82
81
  YearViewService,
83
- WeekNamesService,
84
82
  PopupService,
85
83
  NavigationService
86
84
  ], imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent] });
@@ -97,7 +95,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
97
95
  DecadeViewService,
98
96
  MonthViewService,
99
97
  YearViewService,
100
- WeekNamesService,
101
98
  PopupService,
102
99
  NavigationService
103
100
  ]
@@ -12,7 +12,6 @@ import { DecadeViewService } from './services/decade-view.service';
12
12
  import { CalendarDOMService } from './services/dom.service';
13
13
  import { MonthViewService } from './services/month-view.service';
14
14
  import { NavigationService } from './services/navigation.service';
15
- import { WeekNamesService } from './services/weeknames.service';
16
15
  import { YearViewService } from './services/year-view.service';
17
16
  import * as i0 from "@angular/core";
18
17
  import * as i1 from "./localization/calendar-custom-messages.component";
@@ -76,7 +75,6 @@ CalendarsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
76
75
  DecadeViewService,
77
76
  MonthViewService,
78
77
  YearViewService,
79
- WeekNamesService,
80
78
  PopupService,
81
79
  NavigationService
82
80
  ], imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent] });
@@ -93,7 +91,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
93
91
  DecadeViewService,
94
92
  MonthViewService,
95
93
  YearViewService,
96
- WeekNamesService,
97
94
  PopupService,
98
95
  NavigationService
99
96
  ]
@@ -6,12 +6,11 @@
6
6
  import { Component, ChangeDetectionStrategy, ChangeDetectorRef, EventEmitter, HostBinding, Input, Output, TemplateRef, ElementRef, Renderer2, HostListener } from '@angular/core';
7
7
  import { cloneDate } from '@progress/kendo-date-math';
8
8
  import { BusViewService } from './services/bus-view.service';
9
- import { WeekNamesService } from './services/weeknames.service';
10
9
  import { IntlService } from '@progress/kendo-angular-intl';
11
10
  import { Action } from './models/navigation-action.enum';
12
11
  import { CalendarViewEnum } from './models/view.enum';
13
12
  import { MIN_DATE, MAX_DATE } from '../defaults';
14
- import { dateInRange, hasChange } from '../util';
13
+ import { dateInRange, hasChange, shiftWeekNames } from '../util';
15
14
  import { isDocumentAvailable } from '@progress/kendo-angular-common';
16
15
  import { attributeNames, isPresent } from '../common/utils';
17
16
  import { KForOf } from './for.directive';
@@ -20,16 +19,14 @@ import { NgClass, NgIf, NgFor, NgTemplateOutlet } from '@angular/common';
20
19
  import * as i0 from "@angular/core";
21
20
  import * as i1 from "./services/bus-view.service";
22
21
  import * as i2 from "@progress/kendo-angular-intl";
23
- import * as i3 from "./services/weeknames.service";
24
22
  const DEFAULT_VIEWS_LENGTH = 2;
25
23
  /**
26
24
  * @hidden
27
25
  */
28
26
  export class HorizontalViewListComponent {
29
- constructor(bus, intl, weekService, cdr, element, renderer) {
27
+ constructor(bus, intl, cdr, element, renderer) {
30
28
  this.bus = bus;
31
29
  this.intl = intl;
32
- this.weekService = weekService;
33
30
  this.cdr = cdr;
34
31
  this.element = element;
35
32
  this.renderer = renderer;
@@ -232,7 +229,8 @@ export class HorizontalViewListComponent {
232
229
  return this.isListInRange(this.service.datesList(this.move(action), this.getTake(this.skip)));
233
230
  }
234
231
  getWeekNames(type) {
235
- return this.weekService.getWeekNames(this.weekNumber, type);
232
+ const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: type, type: 'days' }), this.intl.firstDay());
233
+ return this.weekNumber ? [''].concat(weekNames) : weekNames;
236
234
  }
237
235
  intlChange() {
238
236
  this.weekNames = this.getWeekNames(this.weekDaysFormat);
@@ -262,7 +260,7 @@ export class HorizontalViewListComponent {
262
260
  }
263
261
  }
264
262
  }
265
- HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: i1.BusViewService }, { token: i2.IntlService }, { token: i3.WeekNamesService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
263
+ HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: i1.BusViewService }, { token: i2.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
266
264
  HorizontalViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HorizontalViewListComponent, isStandalone: true, selector: "kendo-calendar-horizontal", inputs: { showOtherMonthDays: "showOtherMonthDays", cellTemplateRef: "cellTemplateRef", weekNumberTemplateRef: "weekNumberTemplateRef", allowReverse: "allowReverse", activeRangeEnd: "activeRangeEnd", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", isActive: "isActive", min: "min", max: "max", selectionRange: "selectionRange", selectedDates: "selectedDates", views: "views", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", orientation: "orientation", activeDescendant: "activeDescendant", tabIndex: "tabIndex", disabled: "disabled", id: "id", weekDaysFormat: "weekDaysFormat", weekNumber: "weekNumber" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", activeDateChange: "activeDateChange", focusCalendar: "focusCalendar", blurCalendar: "blurCalendar", focusedCellChange: "focusedCellChange" }, host: { listeners: { "focus": "handleMultiViewCalendarFocus()", "blur": "handleMultiViewCalendarBlur($event)" }, properties: { "class.k-calendar-view": "this.getComponentClass", "class.k-align-items-start": "this.getComponentClass", "class.k-justify-content-center": "this.getComponentClass", "class.k-hstack": "this.horizontalHostClass", "class.k-vstack": "this.verticalHostClass", "class.k-calendar-monthview": "this.getComponentMonthClass", "class.k-calendar-yearview": "this.getComponentYearClass", "class.k-calendar-decadeview": "this.getComponentDecadeClass", "class.k-calendar-centuryview": "this.getComponentCenturyClass", "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, usesOnChanges: true, ngImport: i0, template: `
267
265
  <ng-template #tableTemplate let-date="date" let-class="className">
268
266
  <table
@@ -439,7 +437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
439
437
  standalone: true,
440
438
  imports: [NgClass, NgIf, NgFor, ViewComponent, NgTemplateOutlet, KForOf]
441
439
  }]
442
- }], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i2.IntlService }, { type: i3.WeekNamesService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
440
+ }], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i2.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
443
441
  type: HostListener,
444
442
  args: ["focus"]
445
443
  }], handleMultiViewCalendarBlur: [{
@@ -8,7 +8,6 @@ import { CenturyViewService } from './services/century-view.service';
8
8
  import { DecadeViewService } from './services/decade-view.service';
9
9
  import { MonthViewService } from './services/month-view.service';
10
10
  import { NavigationService } from './services/navigation.service';
11
- import { WeekNamesService } from './services/weeknames.service';
12
11
  import { YearViewService } from './services/year-view.service';
13
12
  import { PopupService } from '@progress/kendo-angular-popup';
14
13
  import * as i0 from "@angular/core";
@@ -70,8 +69,7 @@ MultiViewCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
70
69
  CenturyViewService,
71
70
  DecadeViewService,
72
71
  MonthViewService,
73
- YearViewService,
74
- WeekNamesService
72
+ YearViewService
75
73
  ], imports: [i1.MultiViewCalendarCustomMessagesComponent, i2.MultiViewCalendarComponent] });
76
74
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiViewCalendarModule, decorators: [{
77
75
  type: NgModule,
@@ -84,8 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
84
82
  CenturyViewService,
85
83
  DecadeViewService,
86
84
  MonthViewService,
87
- YearViewService,
88
- WeekNamesService
85
+ YearViewService
89
86
  ]
90
87
  }]
91
88
  }] });
@@ -9,6 +9,9 @@ import * as i0 from "@angular/core";
9
9
  import * as i1 from "@progress/kendo-angular-intl";
10
10
  /**
11
11
  * @hidden
12
+ * @deprecated
13
+ *
14
+ * This service is deprecated and will be removed in a future major version release.
12
15
  */
13
16
  export class WeekNamesService {
14
17
  constructor(intl) {
@@ -12,7 +12,6 @@ import { DecadeViewService } from './calendar/services/decade-view.service';
12
12
  import { CalendarDOMService } from './calendar/services/dom.service';
13
13
  import { MonthViewService } from './calendar/services/month-view.service';
14
14
  import { NavigationService } from './calendar/services/navigation.service';
15
- import { WeekNamesService } from './calendar/services/weeknames.service';
16
15
  import { YearViewService } from './calendar/services/year-view.service';
17
16
  import { DayPeriodService } from './timepicker/services/dayperiod.service';
18
17
  import { TimePickerDOMService } from './timepicker/services/dom.service';
@@ -95,7 +94,6 @@ DateInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
95
94
  DecadeViewService,
96
95
  MonthViewService,
97
96
  YearViewService,
98
- WeekNamesService,
99
97
  PopupService,
100
98
  NavigationService,
101
99
  // TimePickerModule providers
@@ -120,7 +118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
120
118
  DecadeViewService,
121
119
  MonthViewService,
122
120
  YearViewService,
123
- WeekNamesService,
124
121
  PopupService,
125
122
  NavigationService,
126
123
  // TimePickerModule providers
@@ -781,10 +781,12 @@ export class DatePickerComponent extends MultiTabStop {
781
781
  /**
782
782
  * @hidden
783
783
  */
784
- handleChange(value) {
784
+ handleChange(value, isInputValueChange) {
785
785
  this.value = value;
786
786
  if (this.show) {
787
- this.focusInput();
787
+ if (!isInputValueChange) {
788
+ this.focusInput();
789
+ }
788
790
  this.show = false;
789
791
  }
790
792
  this.onControlChange(cloneDate(value));
@@ -794,7 +796,7 @@ export class DatePickerComponent extends MultiTabStop {
794
796
  * @hidden
795
797
  */
796
798
  handleInputChange(value) {
797
- this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value));
799
+ this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value), true);
798
800
  }
799
801
  /**
800
802
  * @hidden
@@ -860,6 +862,7 @@ export class DatePickerComponent extends MultiTabStop {
860
862
  handleKeydown(e) {
861
863
  const { altKey, shiftKey, keyCode, target } = e;
862
864
  if (keyCode === Keys.Escape) {
865
+ this.dateInput.focus();
863
866
  this.show = false;
864
867
  hasObservers(this.escape) && this.escape.emit();
865
868
  }
@@ -868,6 +871,7 @@ export class DatePickerComponent extends MultiTabStop {
868
871
  this.show = true;
869
872
  }
870
873
  if (keyCode === Keys.ArrowUp) {
874
+ this.dateInput.focus();
871
875
  this.show = false;
872
876
  }
873
877
  }
@@ -12,7 +12,6 @@ import { DecadeViewService } from '../calendar/services/decade-view.service';
12
12
  import { CalendarDOMService } from '../calendar/services/dom.service';
13
13
  import { MonthViewService } from '../calendar/services/month-view.service';
14
14
  import { NavigationService } from '../calendar/services/navigation.service';
15
- import { WeekNamesService } from '../calendar/services/weeknames.service';
16
15
  import { YearViewService } from '../calendar/services/year-view.service';
17
16
  import * as i0 from "@angular/core";
18
17
  import * as i1 from "./localization/datepicker-custom-messages.component";
@@ -46,7 +45,6 @@ DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
46
45
  DecadeViewService,
47
46
  MonthViewService,
48
47
  YearViewService,
49
- WeekNamesService,
50
48
  PopupService,
51
49
  NavigationService
52
50
  ], imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent] });
@@ -65,7 +63,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
65
63
  DecadeViewService,
66
64
  MonthViewService,
67
65
  YearViewService,
68
- WeekNamesService,
69
66
  PopupService,
70
67
  NavigationService
71
68
  ]
@@ -9,7 +9,6 @@ import { CenturyViewService } from '../calendar/services/century-view.service';
9
9
  import { DecadeViewService } from '../calendar/services/decade-view.service';
10
10
  import { MonthViewService } from '../calendar/services/month-view.service';
11
11
  import { NavigationService } from '../calendar/services/navigation.service';
12
- import { WeekNamesService } from '../calendar/services/weeknames.service';
13
12
  import { YearViewService } from '../calendar/services/year-view.service';
14
13
  import { IconsService } from '@progress/kendo-angular-icons';
15
14
  import { ResizeBatchService } from '@progress/kendo-angular-common';
@@ -74,7 +73,6 @@ DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
74
73
  DecadeViewService,
75
74
  MonthViewService,
76
75
  YearViewService,
77
- WeekNamesService,
78
76
  // DateInputModule providers
79
77
  IconsService,
80
78
  // AdaptiveModule providers
@@ -93,7 +91,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
93
91
  DecadeViewService,
94
92
  MonthViewService,
95
93
  YearViewService,
96
- WeekNamesService,
97
94
  // DateInputModule providers
98
95
  IconsService,
99
96
  // AdaptiveModule providers
@@ -832,6 +832,9 @@ export class DateTimePickerComponent extends MultiTabStop {
832
832
  const shouldOpen = !this.isOpen;
833
833
  // handle focus first to maintain correct event order `focus` => `open`
834
834
  this.handleFocus();
835
+ if (!shouldOpen) {
836
+ this.dateInput.focus();
837
+ }
835
838
  this.toggleDateTime(shouldOpen);
836
839
  this.switchFocus();
837
840
  });
@@ -925,6 +928,7 @@ export class DateTimePickerComponent extends MultiTabStop {
925
928
  const runInZone = valueChangePresent || hasObservers(this.close);
926
929
  this.run(runInZone, () => {
927
930
  this.handleValueChange(candidate);
931
+ this.dateInput.focus();
928
932
  this.toggleDateTime(false);
929
933
  });
930
934
  }
@@ -936,6 +940,7 @@ export class DateTimePickerComponent extends MultiTabStop {
936
940
  return;
937
941
  }
938
942
  const runInZone = hasObservers(this.close);
943
+ this.dateInput.focus();
939
944
  this.run(runInZone, () => this.toggleDateTime(false));
940
945
  hasObservers(this.escape) && this.escape.emit();
941
946
  }
@@ -12,7 +12,6 @@ import { DecadeViewService } from '../calendar/services/decade-view.service';
12
12
  import { CalendarDOMService } from '../calendar/services/dom.service';
13
13
  import { MonthViewService } from '../calendar/services/month-view.service';
14
14
  import { NavigationService } from '../calendar/services/navigation.service';
15
- import { WeekNamesService } from '../calendar/services/weeknames.service';
16
15
  import { YearViewService } from '../calendar/services/year-view.service';
17
16
  import { DayPeriodService } from '../timepicker/services/dayperiod.service';
18
17
  import { TimePickerDOMService } from '../timepicker/services/dom.service';
@@ -51,7 +50,6 @@ DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
51
50
  DecadeViewService,
52
51
  MonthViewService,
53
52
  YearViewService,
54
- WeekNamesService,
55
53
  PopupService,
56
54
  NavigationService,
57
55
  // TimePickerModule providers
@@ -76,7 +74,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
76
74
  DecadeViewService,
77
75
  MonthViewService,
78
76
  YearViewService,
79
- WeekNamesService,
80
77
  PopupService,
81
78
  NavigationService,
82
79
  // TimePickerModule providers
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dateinputs',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1727788828,
13
- version: '16.11.0-develop.8',
12
+ publishDate: 1728372382,
13
+ version: '16.11.0',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -528,6 +528,7 @@ export class TimePickerComponent extends MultiTabStop {
528
528
  handleKeydown(event) {
529
529
  const { altKey, keyCode } = event;
530
530
  if (keyCode === Keys.Escape) {
531
+ this.focusInput();
531
532
  this.show = false;
532
533
  hasObservers(this.escape) && this.escape.emit();
533
534
  this.cdr.detectChanges();
@@ -536,6 +537,7 @@ export class TimePickerComponent extends MultiTabStop {
536
537
  if (altKey) {
537
538
  if (keyCode === Keys.ArrowUp) {
538
539
  event.preventDefault();
540
+ this.focusInput();
539
541
  this.show = false;
540
542
  this.cdr.detectChanges();
541
543
  }
@@ -682,6 +684,7 @@ export class TimePickerComponent extends MultiTabStop {
682
684
  * @hidden
683
685
  */
684
686
  handleReject() {
687
+ this.focusInput();
685
688
  this.show = false;
686
689
  }
687
690
  /**
@@ -35,8 +35,8 @@ const packageMetadata = {
35
35
  name: '@progress/kendo-angular-dateinputs',
36
36
  productName: 'Kendo UI for Angular',
37
37
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
38
- publishDate: 1727788828,
39
- version: '16.11.0-develop.8',
38
+ publishDate: 1728372382,
39
+ version: '16.11.0',
40
40
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
41
41
  };
42
42
 
@@ -2028,37 +2028,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2028
2028
  type: Output
2029
2029
  }] } });
2030
2030
 
2031
- /**
2032
- * @hidden
2033
- */
2034
- class WeekNamesService {
2035
- constructor(intl) {
2036
- this.intl = intl;
2037
- }
2038
- getWeekNames(includeWeekNumber = false, nameType) {
2039
- const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: nameType, type: 'days' }), this.intl.firstDay());
2040
- return includeWeekNumber ? [''].concat(weekNames) : weekNames;
2041
- }
2042
- }
2043
- WeekNamesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
2044
- WeekNamesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, providedIn: 'root' });
2045
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, decorators: [{
2046
- type: Injectable,
2047
- args: [{
2048
- providedIn: 'root'
2049
- }]
2050
- }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
2051
-
2052
2031
  /* eslint-disable @angular-eslint/component-selector */
2053
2032
  const DEFAULT_VIEWS_LENGTH = 2;
2054
2033
  /**
2055
2034
  * @hidden
2056
2035
  */
2057
2036
  class HorizontalViewListComponent {
2058
- constructor(bus, intl, weekService, cdr, element, renderer) {
2037
+ constructor(bus, intl, cdr, element, renderer) {
2059
2038
  this.bus = bus;
2060
2039
  this.intl = intl;
2061
- this.weekService = weekService;
2062
2040
  this.cdr = cdr;
2063
2041
  this.element = element;
2064
2042
  this.renderer = renderer;
@@ -2261,7 +2239,8 @@ class HorizontalViewListComponent {
2261
2239
  return this.isListInRange(this.service.datesList(this.move(action), this.getTake(this.skip)));
2262
2240
  }
2263
2241
  getWeekNames(type) {
2264
- return this.weekService.getWeekNames(this.weekNumber, type);
2242
+ const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: type, type: 'days' }), this.intl.firstDay());
2243
+ return this.weekNumber ? [''].concat(weekNames) : weekNames;
2265
2244
  }
2266
2245
  intlChange() {
2267
2246
  this.weekNames = this.getWeekNames(this.weekDaysFormat);
@@ -2291,7 +2270,7 @@ class HorizontalViewListComponent {
2291
2270
  }
2292
2271
  }
2293
2272
  }
2294
- HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: WeekNamesService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
2273
+ HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
2295
2274
  HorizontalViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HorizontalViewListComponent, isStandalone: true, selector: "kendo-calendar-horizontal", inputs: { showOtherMonthDays: "showOtherMonthDays", cellTemplateRef: "cellTemplateRef", weekNumberTemplateRef: "weekNumberTemplateRef", allowReverse: "allowReverse", activeRangeEnd: "activeRangeEnd", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", isActive: "isActive", min: "min", max: "max", selectionRange: "selectionRange", selectedDates: "selectedDates", views: "views", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", orientation: "orientation", activeDescendant: "activeDescendant", tabIndex: "tabIndex", disabled: "disabled", id: "id", weekDaysFormat: "weekDaysFormat", weekNumber: "weekNumber" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", activeDateChange: "activeDateChange", focusCalendar: "focusCalendar", blurCalendar: "blurCalendar", focusedCellChange: "focusedCellChange" }, host: { listeners: { "focus": "handleMultiViewCalendarFocus()", "blur": "handleMultiViewCalendarBlur($event)" }, properties: { "class.k-calendar-view": "this.getComponentClass", "class.k-align-items-start": "this.getComponentClass", "class.k-justify-content-center": "this.getComponentClass", "class.k-hstack": "this.horizontalHostClass", "class.k-vstack": "this.verticalHostClass", "class.k-calendar-monthview": "this.getComponentMonthClass", "class.k-calendar-yearview": "this.getComponentYearClass", "class.k-calendar-decadeview": "this.getComponentDecadeClass", "class.k-calendar-centuryview": "this.getComponentCenturyClass", "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, usesOnChanges: true, ngImport: i0, template: `
2296
2275
  <ng-template #tableTemplate let-date="date" let-class="className">
2297
2276
  <table
@@ -2468,7 +2447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2468
2447
  standalone: true,
2469
2448
  imports: [NgClass, NgIf, NgFor, ViewComponent, NgTemplateOutlet, KForOf]
2470
2449
  }]
2471
- }], ctorParameters: function () { return [{ type: BusViewService }, { type: i1.IntlService }, { type: WeekNamesService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
2450
+ }], ctorParameters: function () { return [{ type: BusViewService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
2472
2451
  type: HostListener,
2473
2452
  args: ["focus"]
2474
2453
  }], handleMultiViewCalendarBlur: [{
@@ -10139,10 +10118,12 @@ class DatePickerComponent extends MultiTabStop {
10139
10118
  /**
10140
10119
  * @hidden
10141
10120
  */
10142
- handleChange(value) {
10121
+ handleChange(value, isInputValueChange) {
10143
10122
  this.value = value;
10144
10123
  if (this.show) {
10145
- this.focusInput();
10124
+ if (!isInputValueChange) {
10125
+ this.focusInput();
10126
+ }
10146
10127
  this.show = false;
10147
10128
  }
10148
10129
  this.onControlChange(cloneDate(value));
@@ -10152,7 +10133,7 @@ class DatePickerComponent extends MultiTabStop {
10152
10133
  * @hidden
10153
10134
  */
10154
10135
  handleInputChange(value) {
10155
- this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value));
10136
+ this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value), true);
10156
10137
  }
10157
10138
  /**
10158
10139
  * @hidden
@@ -10218,6 +10199,7 @@ class DatePickerComponent extends MultiTabStop {
10218
10199
  handleKeydown(e) {
10219
10200
  const { altKey, shiftKey, keyCode, target } = e;
10220
10201
  if (keyCode === Keys$1.Escape) {
10202
+ this.dateInput.focus();
10221
10203
  this.show = false;
10222
10204
  hasObservers(this.escape) && this.escape.emit();
10223
10205
  }
@@ -10226,6 +10208,7 @@ class DatePickerComponent extends MultiTabStop {
10226
10208
  this.show = true;
10227
10209
  }
10228
10210
  if (keyCode === Keys$1.ArrowUp) {
10211
+ this.dateInput.focus();
10229
10212
  this.show = false;
10230
10213
  }
10231
10214
  }
@@ -13414,6 +13397,7 @@ class TimePickerComponent extends MultiTabStop {
13414
13397
  handleKeydown(event) {
13415
13398
  const { altKey, keyCode } = event;
13416
13399
  if (keyCode === Keys$1.Escape) {
13400
+ this.focusInput();
13417
13401
  this.show = false;
13418
13402
  hasObservers(this.escape) && this.escape.emit();
13419
13403
  this.cdr.detectChanges();
@@ -13422,6 +13406,7 @@ class TimePickerComponent extends MultiTabStop {
13422
13406
  if (altKey) {
13423
13407
  if (keyCode === Keys$1.ArrowUp) {
13424
13408
  event.preventDefault();
13409
+ this.focusInput();
13425
13410
  this.show = false;
13426
13411
  this.cdr.detectChanges();
13427
13412
  }
@@ -13568,6 +13553,7 @@ class TimePickerComponent extends MultiTabStop {
13568
13553
  * @hidden
13569
13554
  */
13570
13555
  handleReject() {
13556
+ this.focusInput();
13571
13557
  this.show = false;
13572
13558
  }
13573
13559
  /**
@@ -15271,6 +15257,9 @@ class DateTimePickerComponent extends MultiTabStop {
15271
15257
  const shouldOpen = !this.isOpen;
15272
15258
  // handle focus first to maintain correct event order `focus` => `open`
15273
15259
  this.handleFocus();
15260
+ if (!shouldOpen) {
15261
+ this.dateInput.focus();
15262
+ }
15274
15263
  this.toggleDateTime(shouldOpen);
15275
15264
  this.switchFocus();
15276
15265
  });
@@ -15365,6 +15354,7 @@ class DateTimePickerComponent extends MultiTabStop {
15365
15354
  const runInZone = valueChangePresent || hasObservers(this.close);
15366
15355
  this.run(runInZone, () => {
15367
15356
  this.handleValueChange(candidate);
15357
+ this.dateInput.focus();
15368
15358
  this.toggleDateTime(false);
15369
15359
  });
15370
15360
  }
@@ -15376,6 +15366,7 @@ class DateTimePickerComponent extends MultiTabStop {
15376
15366
  return;
15377
15367
  }
15378
15368
  const runInZone = hasObservers(this.close);
15369
+ this.dateInput.focus();
15379
15370
  this.run(runInZone, () => this.toggleDateTime(false));
15380
15371
  hasObservers(this.escape) && this.escape.emit();
15381
15372
  }
@@ -16733,6 +16724,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
16733
16724
  args: ['actionSheet']
16734
16725
  }] } });
16735
16726
 
16727
+ /**
16728
+ * @hidden
16729
+ * @deprecated
16730
+ *
16731
+ * This service is deprecated and will be removed in a future major version release.
16732
+ */
16733
+ class WeekNamesService {
16734
+ constructor(intl) {
16735
+ this.intl = intl;
16736
+ }
16737
+ getWeekNames(includeWeekNumber = false, nameType) {
16738
+ const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: nameType, type: 'days' }), this.intl.firstDay());
16739
+ return includeWeekNumber ? [''].concat(weekNames) : weekNames;
16740
+ }
16741
+ }
16742
+ WeekNamesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
16743
+ WeekNamesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, providedIn: 'root' });
16744
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, decorators: [{
16745
+ type: Injectable,
16746
+ args: [{
16747
+ providedIn: 'root'
16748
+ }]
16749
+ }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
16750
+
16736
16751
  /**
16737
16752
  * A directive which renders the content of the DateRange Popup. To define the cell template, nest an
16738
16753
  * `<ng-template>` tag with the `kendoRangePopupTemplate` directive inside the component tag.
@@ -18659,7 +18674,6 @@ CalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
18659
18674
  DecadeViewService,
18660
18675
  MonthViewService,
18661
18676
  YearViewService,
18662
- WeekNamesService,
18663
18677
  PopupService,
18664
18678
  NavigationService
18665
18679
  ], imports: [CalendarCustomMessagesComponent, CalendarComponent] });
@@ -18676,7 +18690,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18676
18690
  DecadeViewService,
18677
18691
  MonthViewService,
18678
18692
  YearViewService,
18679
- WeekNamesService,
18680
18693
  PopupService,
18681
18694
  NavigationService
18682
18695
  ]
@@ -18730,7 +18743,6 @@ CalendarsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
18730
18743
  DecadeViewService,
18731
18744
  MonthViewService,
18732
18745
  YearViewService,
18733
- WeekNamesService,
18734
18746
  PopupService,
18735
18747
  NavigationService
18736
18748
  ], imports: [CalendarCustomMessagesComponent, CalendarComponent, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent] });
@@ -18747,7 +18759,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18747
18759
  DecadeViewService,
18748
18760
  MonthViewService,
18749
18761
  YearViewService,
18750
- WeekNamesService,
18751
18762
  PopupService,
18752
18763
  NavigationService
18753
18764
  ]
@@ -18796,7 +18807,6 @@ DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
18796
18807
  DecadeViewService,
18797
18808
  MonthViewService,
18798
18809
  YearViewService,
18799
- WeekNamesService,
18800
18810
  PopupService,
18801
18811
  NavigationService
18802
18812
  ], imports: [DatePickerCustomMessagesComponent, DatePickerComponent] });
@@ -18815,7 +18825,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18815
18825
  DecadeViewService,
18816
18826
  MonthViewService,
18817
18827
  YearViewService,
18818
- WeekNamesService,
18819
18828
  PopupService,
18820
18829
  NavigationService
18821
18830
  ]
@@ -18867,7 +18876,6 @@ DateInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
18867
18876
  DecadeViewService,
18868
18877
  MonthViewService,
18869
18878
  YearViewService,
18870
- WeekNamesService,
18871
18879
  PopupService,
18872
18880
  NavigationService,
18873
18881
  // TimePickerModule providers
@@ -18892,7 +18900,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18892
18900
  DecadeViewService,
18893
18901
  MonthViewService,
18894
18902
  YearViewService,
18895
- WeekNamesService,
18896
18903
  PopupService,
18897
18904
  NavigationService,
18898
18905
  // TimePickerModule providers
@@ -18963,7 +18970,6 @@ DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
18963
18970
  DecadeViewService,
18964
18971
  MonthViewService,
18965
18972
  YearViewService,
18966
- WeekNamesService,
18967
18973
  PopupService,
18968
18974
  NavigationService,
18969
18975
  // TimePickerModule providers
@@ -18988,7 +18994,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18988
18994
  DecadeViewService,
18989
18995
  MonthViewService,
18990
18996
  YearViewService,
18991
- WeekNamesService,
18992
18997
  PopupService,
18993
18998
  NavigationService,
18994
18999
  // TimePickerModule providers
@@ -19048,8 +19053,7 @@ MultiViewCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
19048
19053
  CenturyViewService,
19049
19054
  DecadeViewService,
19050
19055
  MonthViewService,
19051
- YearViewService,
19052
- WeekNamesService
19056
+ YearViewService
19053
19057
  ], imports: [MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent] });
19054
19058
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiViewCalendarModule, decorators: [{
19055
19059
  type: NgModule,
@@ -19062,8 +19066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
19062
19066
  CenturyViewService,
19063
19067
  DecadeViewService,
19064
19068
  MonthViewService,
19065
- YearViewService,
19066
- WeekNamesService
19069
+ YearViewService
19067
19070
  ]
19068
19071
  }]
19069
19072
  }] });
@@ -19119,7 +19122,6 @@ DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
19119
19122
  DecadeViewService,
19120
19123
  MonthViewService,
19121
19124
  YearViewService,
19122
- WeekNamesService,
19123
19125
  // DateInputModule providers
19124
19126
  IconsService,
19125
19127
  // AdaptiveModule providers
@@ -19138,7 +19140,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
19138
19140
  DecadeViewService,
19139
19141
  MonthViewService,
19140
19142
  YearViewService,
19141
- WeekNamesService,
19142
19143
  // DateInputModule providers
19143
19144
  IconsService,
19144
19145
  // AdaptiveModule providers
@@ -35,8 +35,8 @@ const packageMetadata = {
35
35
  name: '@progress/kendo-angular-dateinputs',
36
36
  productName: 'Kendo UI for Angular',
37
37
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
38
- publishDate: 1727788828,
39
- version: '16.11.0-develop.8',
38
+ publishDate: 1728372382,
39
+ version: '16.11.0',
40
40
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
41
41
  };
42
42
 
@@ -1477,27 +1477,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1477
1477
  type: Injectable
1478
1478
  }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
1479
1479
 
1480
- /**
1481
- * @hidden
1482
- */
1483
- class WeekNamesService {
1484
- constructor(intl) {
1485
- this.intl = intl;
1486
- }
1487
- getWeekNames(includeWeekNumber = false, nameType) {
1488
- const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: nameType, type: 'days' }), this.intl.firstDay());
1489
- return includeWeekNumber ? [''].concat(weekNames) : weekNames;
1490
- }
1491
- }
1492
- WeekNamesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
1493
- WeekNamesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, providedIn: 'root' });
1494
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, decorators: [{
1495
- type: Injectable,
1496
- args: [{
1497
- providedIn: 'root'
1498
- }]
1499
- }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
1500
-
1501
1480
  /**
1502
1481
  * @hidden
1503
1482
  */
@@ -2055,10 +2034,9 @@ const DEFAULT_VIEWS_LENGTH = 2;
2055
2034
  * @hidden
2056
2035
  */
2057
2036
  class HorizontalViewListComponent {
2058
- constructor(bus, intl, weekService, cdr, element, renderer) {
2037
+ constructor(bus, intl, cdr, element, renderer) {
2059
2038
  this.bus = bus;
2060
2039
  this.intl = intl;
2061
- this.weekService = weekService;
2062
2040
  this.cdr = cdr;
2063
2041
  this.element = element;
2064
2042
  this.renderer = renderer;
@@ -2261,7 +2239,8 @@ class HorizontalViewListComponent {
2261
2239
  return this.isListInRange(this.service.datesList(this.move(action), this.getTake(this.skip)));
2262
2240
  }
2263
2241
  getWeekNames(type) {
2264
- return this.weekService.getWeekNames(this.weekNumber, type);
2242
+ const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: type, type: 'days' }), this.intl.firstDay());
2243
+ return this.weekNumber ? [''].concat(weekNames) : weekNames;
2265
2244
  }
2266
2245
  intlChange() {
2267
2246
  this.weekNames = this.getWeekNames(this.weekDaysFormat);
@@ -2291,7 +2270,7 @@ class HorizontalViewListComponent {
2291
2270
  }
2292
2271
  }
2293
2272
  }
2294
- HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: WeekNamesService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
2273
+ HorizontalViewListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HorizontalViewListComponent, deps: [{ token: BusViewService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
2295
2274
  HorizontalViewListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HorizontalViewListComponent, isStandalone: true, selector: "kendo-calendar-horizontal", inputs: { showOtherMonthDays: "showOtherMonthDays", cellTemplateRef: "cellTemplateRef", weekNumberTemplateRef: "weekNumberTemplateRef", allowReverse: "allowReverse", activeRangeEnd: "activeRangeEnd", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", isActive: "isActive", min: "min", max: "max", selectionRange: "selectionRange", selectedDates: "selectedDates", views: "views", showViewHeader: "showViewHeader", animateNavigation: "animateNavigation", orientation: "orientation", activeDescendant: "activeDescendant", tabIndex: "tabIndex", disabled: "disabled", id: "id", weekDaysFormat: "weekDaysFormat", weekNumber: "weekNumber" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", activeDateChange: "activeDateChange", focusCalendar: "focusCalendar", blurCalendar: "blurCalendar", focusedCellChange: "focusedCellChange" }, host: { listeners: { "focus": "handleMultiViewCalendarFocus()", "blur": "handleMultiViewCalendarBlur($event)" }, properties: { "class.k-calendar-view": "this.getComponentClass", "class.k-align-items-start": "this.getComponentClass", "class.k-justify-content-center": "this.getComponentClass", "class.k-hstack": "this.horizontalHostClass", "class.k-vstack": "this.verticalHostClass", "class.k-calendar-monthview": "this.getComponentMonthClass", "class.k-calendar-yearview": "this.getComponentYearClass", "class.k-calendar-decadeview": "this.getComponentDecadeClass", "class.k-calendar-centuryview": "this.getComponentCenturyClass", "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, usesOnChanges: true, ngImport: i0, template: `
2296
2275
  <ng-template #tableTemplate let-date="date" let-class="className">
2297
2276
  <table
@@ -2468,7 +2447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2468
2447
  standalone: true,
2469
2448
  imports: [NgClass, NgIf, NgFor, ViewComponent, NgTemplateOutlet, KForOf]
2470
2449
  }]
2471
- }], ctorParameters: function () { return [{ type: BusViewService }, { type: i1.IntlService }, { type: WeekNamesService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
2450
+ }], ctorParameters: function () { return [{ type: BusViewService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { handleMultiViewCalendarFocus: [{
2472
2451
  type: HostListener,
2473
2452
  args: ["focus"]
2474
2453
  }], handleMultiViewCalendarBlur: [{
@@ -10116,10 +10095,12 @@ class DatePickerComponent extends MultiTabStop {
10116
10095
  /**
10117
10096
  * @hidden
10118
10097
  */
10119
- handleChange(value) {
10098
+ handleChange(value, isInputValueChange) {
10120
10099
  this.value = value;
10121
10100
  if (this.show) {
10122
- this.focusInput();
10101
+ if (!isInputValueChange) {
10102
+ this.focusInput();
10103
+ }
10123
10104
  this.show = false;
10124
10105
  }
10125
10106
  this.onControlChange(cloneDate(value));
@@ -10129,7 +10110,7 @@ class DatePickerComponent extends MultiTabStop {
10129
10110
  * @hidden
10130
10111
  */
10131
10112
  handleInputChange(value) {
10132
- this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value));
10113
+ this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value), true);
10133
10114
  }
10134
10115
  /**
10135
10116
  * @hidden
@@ -10195,6 +10176,7 @@ class DatePickerComponent extends MultiTabStop {
10195
10176
  handleKeydown(e) {
10196
10177
  const { altKey, shiftKey, keyCode, target } = e;
10197
10178
  if (keyCode === Keys$1.Escape) {
10179
+ this.dateInput.focus();
10198
10180
  this.show = false;
10199
10181
  hasObservers(this.escape) && this.escape.emit();
10200
10182
  }
@@ -10203,6 +10185,7 @@ class DatePickerComponent extends MultiTabStop {
10203
10185
  this.show = true;
10204
10186
  }
10205
10187
  if (keyCode === Keys$1.ArrowUp) {
10188
+ this.dateInput.focus();
10206
10189
  this.show = false;
10207
10190
  }
10208
10191
  }
@@ -13382,6 +13365,7 @@ class TimePickerComponent extends MultiTabStop {
13382
13365
  handleKeydown(event) {
13383
13366
  const { altKey, keyCode } = event;
13384
13367
  if (keyCode === Keys$1.Escape) {
13368
+ this.focusInput();
13385
13369
  this.show = false;
13386
13370
  hasObservers(this.escape) && this.escape.emit();
13387
13371
  this.cdr.detectChanges();
@@ -13390,6 +13374,7 @@ class TimePickerComponent extends MultiTabStop {
13390
13374
  if (altKey) {
13391
13375
  if (keyCode === Keys$1.ArrowUp) {
13392
13376
  event.preventDefault();
13377
+ this.focusInput();
13393
13378
  this.show = false;
13394
13379
  this.cdr.detectChanges();
13395
13380
  }
@@ -13536,6 +13521,7 @@ class TimePickerComponent extends MultiTabStop {
13536
13521
  * @hidden
13537
13522
  */
13538
13523
  handleReject() {
13524
+ this.focusInput();
13539
13525
  this.show = false;
13540
13526
  }
13541
13527
  /**
@@ -15229,6 +15215,9 @@ class DateTimePickerComponent extends MultiTabStop {
15229
15215
  const shouldOpen = !this.isOpen;
15230
15216
  // handle focus first to maintain correct event order `focus` => `open`
15231
15217
  this.handleFocus();
15218
+ if (!shouldOpen) {
15219
+ this.dateInput.focus();
15220
+ }
15232
15221
  this.toggleDateTime(shouldOpen);
15233
15222
  this.switchFocus();
15234
15223
  });
@@ -15322,6 +15311,7 @@ class DateTimePickerComponent extends MultiTabStop {
15322
15311
  const runInZone = valueChangePresent || hasObservers(this.close);
15323
15312
  this.run(runInZone, () => {
15324
15313
  this.handleValueChange(candidate);
15314
+ this.dateInput.focus();
15325
15315
  this.toggleDateTime(false);
15326
15316
  });
15327
15317
  }
@@ -15333,6 +15323,7 @@ class DateTimePickerComponent extends MultiTabStop {
15333
15323
  return;
15334
15324
  }
15335
15325
  const runInZone = hasObservers(this.close);
15326
+ this.dateInput.focus();
15336
15327
  this.run(runInZone, () => this.toggleDateTime(false));
15337
15328
  hasObservers(this.escape) && this.escape.emit();
15338
15329
  }
@@ -16687,6 +16678,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
16687
16678
  args: ['actionSheet']
16688
16679
  }] } });
16689
16680
 
16681
+ /**
16682
+ * @hidden
16683
+ * @deprecated
16684
+ *
16685
+ * This service is deprecated and will be removed in a future major version release.
16686
+ */
16687
+ class WeekNamesService {
16688
+ constructor(intl) {
16689
+ this.intl = intl;
16690
+ }
16691
+ getWeekNames(includeWeekNumber = false, nameType) {
16692
+ const weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: nameType, type: 'days' }), this.intl.firstDay());
16693
+ return includeWeekNumber ? [''].concat(weekNames) : weekNames;
16694
+ }
16695
+ }
16696
+ WeekNamesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Injectable });
16697
+ WeekNamesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, providedIn: 'root' });
16698
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WeekNamesService, decorators: [{
16699
+ type: Injectable,
16700
+ args: [{
16701
+ providedIn: 'root'
16702
+ }]
16703
+ }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });
16704
+
16690
16705
  /**
16691
16706
  * A directive which renders the content of the DateRange Popup. To define the cell template, nest an
16692
16707
  * `<ng-template>` tag with the `kendoRangePopupTemplate` directive inside the component tag.
@@ -18603,7 +18618,6 @@ CalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
18603
18618
  DecadeViewService,
18604
18619
  MonthViewService,
18605
18620
  YearViewService,
18606
- WeekNamesService,
18607
18621
  PopupService,
18608
18622
  NavigationService
18609
18623
  ], imports: [CalendarCustomMessagesComponent, CalendarComponent] });
@@ -18620,7 +18634,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18620
18634
  DecadeViewService,
18621
18635
  MonthViewService,
18622
18636
  YearViewService,
18623
- WeekNamesService,
18624
18637
  PopupService,
18625
18638
  NavigationService
18626
18639
  ]
@@ -18674,7 +18687,6 @@ CalendarsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
18674
18687
  DecadeViewService,
18675
18688
  MonthViewService,
18676
18689
  YearViewService,
18677
- WeekNamesService,
18678
18690
  PopupService,
18679
18691
  NavigationService
18680
18692
  ], imports: [CalendarCustomMessagesComponent, CalendarComponent, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent] });
@@ -18691,7 +18703,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18691
18703
  DecadeViewService,
18692
18704
  MonthViewService,
18693
18705
  YearViewService,
18694
- WeekNamesService,
18695
18706
  PopupService,
18696
18707
  NavigationService
18697
18708
  ]
@@ -18740,7 +18751,6 @@ DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
18740
18751
  DecadeViewService,
18741
18752
  MonthViewService,
18742
18753
  YearViewService,
18743
- WeekNamesService,
18744
18754
  PopupService,
18745
18755
  NavigationService
18746
18756
  ], imports: [DatePickerCustomMessagesComponent, DatePickerComponent] });
@@ -18759,7 +18769,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18759
18769
  DecadeViewService,
18760
18770
  MonthViewService,
18761
18771
  YearViewService,
18762
- WeekNamesService,
18763
18772
  PopupService,
18764
18773
  NavigationService
18765
18774
  ]
@@ -18811,7 +18820,6 @@ DateInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
18811
18820
  DecadeViewService,
18812
18821
  MonthViewService,
18813
18822
  YearViewService,
18814
- WeekNamesService,
18815
18823
  PopupService,
18816
18824
  NavigationService,
18817
18825
  // TimePickerModule providers
@@ -18836,7 +18844,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18836
18844
  DecadeViewService,
18837
18845
  MonthViewService,
18838
18846
  YearViewService,
18839
- WeekNamesService,
18840
18847
  PopupService,
18841
18848
  NavigationService,
18842
18849
  // TimePickerModule providers
@@ -18907,7 +18914,6 @@ DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
18907
18914
  DecadeViewService,
18908
18915
  MonthViewService,
18909
18916
  YearViewService,
18910
- WeekNamesService,
18911
18917
  PopupService,
18912
18918
  NavigationService,
18913
18919
  // TimePickerModule providers
@@ -18932,7 +18938,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
18932
18938
  DecadeViewService,
18933
18939
  MonthViewService,
18934
18940
  YearViewService,
18935
- WeekNamesService,
18936
18941
  PopupService,
18937
18942
  NavigationService,
18938
18943
  // TimePickerModule providers
@@ -18992,8 +18997,7 @@ MultiViewCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
18992
18997
  CenturyViewService,
18993
18998
  DecadeViewService,
18994
18999
  MonthViewService,
18995
- YearViewService,
18996
- WeekNamesService
19000
+ YearViewService
18997
19001
  ], imports: [MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent] });
18998
19002
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiViewCalendarModule, decorators: [{
18999
19003
  type: NgModule,
@@ -19006,8 +19010,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
19006
19010
  CenturyViewService,
19007
19011
  DecadeViewService,
19008
19012
  MonthViewService,
19009
- YearViewService,
19010
- WeekNamesService
19013
+ YearViewService
19011
19014
  ]
19012
19015
  }]
19013
19016
  }] });
@@ -19063,7 +19066,6 @@ DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
19063
19066
  DecadeViewService,
19064
19067
  MonthViewService,
19065
19068
  YearViewService,
19066
- WeekNamesService,
19067
19069
  // DateInputModule providers
19068
19070
  IconsService,
19069
19071
  // AdaptiveModule providers
@@ -19082,7 +19084,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
19082
19084
  DecadeViewService,
19083
19085
  MonthViewService,
19084
19086
  YearViewService,
19085
- WeekNamesService,
19086
19087
  // DateInputModule providers
19087
19088
  IconsService,
19088
19089
  // AdaptiveModule providers
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dateinputs",
3
- "version": "16.11.0-develop.8",
3
+ "version": "16.11.0",
4
4
  "description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -34,18 +34,18 @@
34
34
  "@angular/forms": "15 - 18",
35
35
  "@angular/platform-browser": "15 - 18",
36
36
  "@progress/kendo-licensing": "^1.0.2",
37
- "@progress/kendo-angular-buttons": "16.11.0-develop.8",
38
- "@progress/kendo-angular-common": "16.11.0-develop.8",
39
- "@progress/kendo-angular-intl": "16.11.0-develop.8",
40
- "@progress/kendo-angular-l10n": "16.11.0-develop.8",
41
- "@progress/kendo-angular-icons": "16.11.0-develop.8",
42
- "@progress/kendo-angular-popup": "16.11.0-develop.8",
43
- "@progress/kendo-angular-navigation": "16.11.0-develop.8",
37
+ "@progress/kendo-angular-buttons": "16.11.0",
38
+ "@progress/kendo-angular-common": "16.11.0",
39
+ "@progress/kendo-angular-intl": "16.11.0",
40
+ "@progress/kendo-angular-l10n": "16.11.0",
41
+ "@progress/kendo-angular-icons": "16.11.0",
42
+ "@progress/kendo-angular-popup": "16.11.0",
43
+ "@progress/kendo-angular-navigation": "16.11.0",
44
44
  "rxjs": "^6.5.3 || ^7.0.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "16.11.0-develop.8",
48
+ "@progress/kendo-angular-schematics": "16.11.0",
49
49
  "@progress/kendo-common": "^0.2.0",
50
50
  "@progress/kendo-date-math": "^1.1.0",
51
51
  "@progress/kendo-dateinputs-common": "^0.3.5"