@progress/kendo-angular-scheduler 4.3.0-dev.202207221541 → 4.3.1-dev.202208101208

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 (15) hide show
  1. package/bundles/kendo-angular-scheduler.umd.js +1 -1
  2. package/esm2015/navigation/focusable.directive.js +1 -1
  3. package/esm2015/package-metadata.js +1 -1
  4. package/esm2015/scheduler.component.js +5 -5
  5. package/esm2015/views/agenda/agenda-task-item.component.js +6 -6
  6. package/esm2015/views/agenda/agenda-view-list.component.js +4 -4
  7. package/esm2015/views/day-time/day-time-view-item.component.js +14 -14
  8. package/esm2015/views/month/month-view-item.component.js +10 -10
  9. package/esm2015/views/month/month-view-renderer.component.js +2 -2
  10. package/esm2015/views/multi-day/multi-day-view-renderer.component.js +6 -6
  11. package/esm2015/views/timeline/timeline-multi-day-view.component.js +2 -2
  12. package/fesm2015/kendo-angular-scheduler.js +51 -51
  13. package/package.json +1 -1
  14. package/scheduler.component.d.ts +1 -1
  15. package/types/slot-selection.d.ts +1 -1
package/esm2015/navigation/focusable.directive.js CHANGED
@@ -44,7 +44,7 @@ export class FocusableDirective {
44
44
  this.element.nativeElement.focus();
45
45
  }
46
46
  toggleFocus(value) {
47
- const focusedClass = 'k-state-selected';
47
+ const focusedClass = 'k-selected';
48
48
  const element = this.element.nativeElement;
49
49
  if (value) {
50
50
  this.renderer.addClass(element, focusedClass);
package/esm2015/package-metadata.js CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-scheduler',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1658504437,
12
+ publishDate: 1660133212,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
package/esm2015/scheduler.component.js CHANGED
@@ -165,7 +165,7 @@ export class SchedulerComponent {
165
165
  this.highlightOngoingEvents = true;
166
166
  /**
167
167
  * A callback that executes for each slot of the Scheduler view.
168
- * If it returns `true`, the `k-state-selected` CSS class will be added to the cell, making it visibly selected.
168
+ * If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
169
169
  */
170
170
  this.isSlotSelected = alwaysFalse;
171
171
  /**
@@ -847,7 +847,7 @@ export class SchedulerComponent {
847
847
  this.domEvents.focus.emit(args);
848
848
  if (!focused) {
849
849
  this.domEvents.focusIn.emit(args);
850
- this.renderer.addClass(this.wrapper.nativeElement, 'k-state-focused');
850
+ this.renderer.addClass(this.wrapper.nativeElement, 'k-focus');
851
851
  focused = true;
852
852
  }
853
853
  });
@@ -856,7 +856,7 @@ export class SchedulerComponent {
856
856
  const outside = !closest(next, (node) => node === wrapper);
857
857
  if (outside) {
858
858
  this.domEvents.focusOut.emit(args);
859
- this.renderer.removeClass(this.wrapper.nativeElement, 'k-state-focused');
859
+ this.renderer.removeClass(this.wrapper.nativeElement, 'k-focus');
860
860
  focused = false;
861
861
  }
862
862
  });
@@ -1154,7 +1154,7 @@ SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
1154
1154
 
1155
1155
  <div [loading]="loading" kendoSchedulerLoading>
1156
1156
  </div>
1157
- `, isInline: true, styles: [".k-scheduler.k-state-focused { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }"], components: [{ type: i10.ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate"] }, { type: i11.EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i13.LoadingComponent, selector: "[kendoSchedulerLoading]", inputs: ["loading"] }], directives: [{ type: i14.LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1157
+ `, isInline: true, styles: [".k-scheduler.k-focus { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }"], components: [{ type: i10.ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate"] }, { type: i11.EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i13.LoadingComponent, selector: "[kendoSchedulerLoading]", inputs: ["loading"] }], directives: [{ type: i14.LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1158
1158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SchedulerComponent, decorators: [{
1159
1159
  type: Component,
1160
1160
  args: [{
@@ -1181,7 +1181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1181
1181
  PDFService
1182
1182
  ],
1183
1183
  // TODO: Move to themes
1184
- styles: ['.k-scheduler.k-state-focused { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }'],
1184
+ styles: ['.k-scheduler.k-focus { box-shadow: 0 0.5px 0.5px 0.5px rgba(0, 0, 0, .12); }'],
1185
1185
  encapsulation: ViewEncapsulation.None,
1186
1186
  template: `
1187
1187
  <ng-container kendoSchedulerLocalizedMessages
package/esm2015/views/agenda/agenda-task-item.component.js CHANGED
@@ -42,8 +42,8 @@ AgendaTaskItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
42
42
  AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: { item: ["kendoSchedulerAgendaTaskItem", "item"], color: "color", eventTemplate: "eventTemplate", editable: "editable" }, host: { properties: { "attr.aria-label": "this.eventTitle" } }, ngImport: i0, template: `
43
43
  <div class="k-task" [title]="item.title">
44
44
  <span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
45
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
46
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
45
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
46
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
47
47
  <ng-container *ngIf="!eventTemplate">
48
48
  {{item?.title }}
49
49
  </ng-container>
@@ -52,7 +52,7 @@ AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
52
52
  </ng-container>
53
53
 
54
54
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
55
- <span class="k-icon k-i-close"></span>
55
+ <span class="k-icon k-i-x"></span>
56
56
  </span>
57
57
  </div>
58
58
  `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -65,8 +65,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
65
65
  template: `
66
66
  <div class="k-task" [title]="item.title">
67
67
  <span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
68
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
69
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
68
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
69
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
70
70
  <ng-container *ngIf="!eventTemplate">
71
71
  {{item?.title }}
72
72
  </ng-container>
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
75
75
  </ng-container>
76
76
 
77
77
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
78
- <span class="k-icon k-i-close"></span>
78
+ <span class="k-icon k-i-x"></span>
79
79
  </span>
80
80
  </div>
81
81
  `
package/esm2015/views/agenda/agenda-view-list.component.js CHANGED
@@ -86,9 +86,9 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
86
86
  </td>
87
87
  <td class="k-scheduler-timecolumn" role="gridcell">
88
88
  <div *ngIf="!agendaTimeTemplate">
89
- <span class="k-icon k-i-arrow-60-left" *ngIf="extractDataItem(item).tail"></span>
89
+ <span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
90
90
  {{ formatTime(extractDataItem(item)) }}
91
- <span class="k-icon k-i-arrow-60-right" *ngIf="extractDataItem(item).head"></span>
91
+ <span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
92
92
  </div>
93
93
  <ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
94
94
  [ngTemplateOutletContext]="extractDataItem(item)">
@@ -128,9 +128,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
128
128
  </td>
129
129
  <td class="k-scheduler-timecolumn" role="gridcell">
130
130
  <div *ngIf="!agendaTimeTemplate">
131
- <span class="k-icon k-i-arrow-60-left" *ngIf="extractDataItem(item).tail"></span>
131
+ <span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
132
132
  {{ formatTime(extractDataItem(item)) }}
133
- <span class="k-icon k-i-arrow-60-right" *ngIf="extractDataItem(item).head"></span>
133
+ <span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
134
134
  </div>
135
135
  <ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
136
136
  [ngTemplateOutletContext]="extractDataItem(item)">
package/esm2015/views/day-time/day-time-view-item.component.js CHANGED
@@ -27,9 +27,9 @@ export class DayTimeViewItemComponent extends BaseViewItem {
27
27
  DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1.IntlService }, { token: i2.DayTimeSlotService }, { token: i3.LocalizationService }, { token: i4.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
28
28
  DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
29
29
  <span class="k-event-actions">
30
- <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail && !vertical"></span>
31
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
32
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
30
+ <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
31
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
32
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
33
33
  </span>
34
34
  <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
35
35
  [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -41,17 +41,17 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
41
41
 
42
42
  <span class="k-event-actions">
43
43
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
44
- <span class="k-icon k-i-close"></span>
44
+ <span class="k-icon k-i-x"></span>
45
45
  </span>
46
- <span class="k-icon k-i-arrow-60-right" *ngIf="item.head && !vertical"></span>
46
+ <span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
47
47
  </span>
48
48
 
49
49
  <span class="k-event-top-actions" *ngIf="item.tail && vertical">
50
- <span class="k-icon k-i-arrow-60-up"></span>
50
+ <span class="k-icon k-i-caret-alt-up"></span>
51
51
  </span>
52
52
 
53
53
  <span class="k-event-bottom-actions" *ngIf="item.head && vertical">
54
- <span class="k-icon k-i-arrow-60-down"></span>
54
+ <span class="k-icon k-i-caret-alt-down"></span>
55
55
  </span>
56
56
 
57
57
  <ng-container *ngIf="resizable && vertical">
@@ -71,9 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
71
71
  selector: '[dayTimeViewItem]',
72
72
  template: `
73
73
  <span class="k-event-actions">
74
- <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail && !vertical"></span>
75
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
76
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
74
+ <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
75
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
76
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
77
77
  </span>
78
78
  <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
79
79
  [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -85,17 +85,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
85
85
 
86
86
  <span class="k-event-actions">
87
87
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
88
- <span class="k-icon k-i-close"></span>
88
+ <span class="k-icon k-i-x"></span>
89
89
  </span>
90
- <span class="k-icon k-i-arrow-60-right" *ngIf="item.head && !vertical"></span>
90
+ <span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
91
91
  </span>
92
92
 
93
93
  <span class="k-event-top-actions" *ngIf="item.tail && vertical">
94
- <span class="k-icon k-i-arrow-60-up"></span>
94
+ <span class="k-icon k-i-caret-alt-up"></span>
95
95
  </span>
96
96
 
97
97
  <span class="k-event-bottom-actions" *ngIf="item.head && vertical">
98
- <span class="k-icon k-i-arrow-60-down"></span>
98
+ <span class="k-icon k-i-caret-alt-down"></span>
99
99
  </span>
100
100
 
101
101
  <ng-container *ngIf="resizable && vertical">
package/esm2015/views/month/month-view-item.component.js CHANGED
@@ -28,9 +28,9 @@ export class MonthViewItemComponent extends BaseViewItem {
28
28
  MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: i1.MonthSlotService }, { token: i2.LocalizationService }, { token: i3.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
29
29
  MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
30
30
  <span class="k-event-actions">
31
- <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
32
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
33
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
31
+ <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
32
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
33
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
34
34
  </span>
35
35
  <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
36
36
  [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -41,9 +41,9 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
41
41
 
42
42
  <span class="k-event-actions">
43
43
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
44
- <span class="k-icon k-i-close"></span>
44
+ <span class="k-icon k-i-x"></span>
45
45
  </span>
46
- <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
46
+ <span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
47
47
  </span>
48
48
 
49
49
  <ng-container *ngIf="resizable">
@@ -58,9 +58,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
58
58
  selector: '[monthViewItem]',
59
59
  template: `
60
60
  <span class="k-event-actions">
61
- <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
62
- <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
63
- <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
61
+ <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
62
+ <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
63
+ <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
64
64
  </span>
65
65
  <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
66
66
  [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -71,9 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
71
71
 
72
72
  <span class="k-event-actions">
73
73
  <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
74
- <span class="k-icon k-i-close"></span>
74
+ <span class="k-icon k-i-x"></span>
75
75
  </span>
76
- <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
76
+ <span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
77
77
  </span>
78
78
 
79
79
  <ng-container *ngIf="resizable">
package/esm2015/views/month/month-view-renderer.component.js CHANGED
@@ -287,7 +287,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
287
287
  [start]="day"
288
288
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
289
289
  [title]="cellTitle(day)"
290
- [class.k-state-selected]="isSlotSelected({
290
+ [class.k-selected]="isSlotSelected({
291
291
  start: toPlainDate(day),
292
292
  end: addDay(toPlainDate(day)),
293
293
  isAllDay: true,
@@ -415,7 +415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
415
415
  [start]="day"
416
416
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
417
417
  [title]="cellTitle(day)"
418
- [class.k-state-selected]="isSlotSelected({
418
+ [class.k-selected]="isSlotSelected({
419
419
  start: toPlainDate(day),
420
420
  end: addDay(toPlainDate(day)),
421
421
  isAllDay: true,
package/esm2015/views/multi-day/multi-day-view-renderer.component.js CHANGED
@@ -287,7 +287,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
287
287
  [start]="slot.start"
288
288
  [end]="slot.end"
289
289
  [id]="{ resourceIndex: resourceIndex, rangeIndex: 0, index: index }"
290
- [class.k-state-selected]="isSlotSelected({
290
+ [class.k-selected]="isSlotSelected({
291
291
  start: toPlainDate(slot.start),
292
292
  end: toPlainDate(slot.end),
293
293
  isAllDay: true,
@@ -389,7 +389,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
389
389
  daySlot
390
390
  [start]="slot.start"
391
391
  [end]="slot.end"
392
- [class.k-state-selected]="isSlotSelected({
392
+ [class.k-selected]="isSlotSelected({
393
393
  start: toPlainDate(slot.start),
394
394
  end: toPlainDate(slot.end),
395
395
  isAllDay: true,
@@ -413,7 +413,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
413
413
  [workWeekStart]="workWeekStart"
414
414
  [workWeekEnd]="workWeekEnd"
415
415
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
416
- [class.k-state-selected]="isSlotSelected({
416
+ [class.k-selected]="isSlotSelected({
417
417
  start: toPlainDateTime(daySlot.start, slot.start),
418
418
  end: toPlainDateTime(daySlot.start, slot.end),
419
419
  isAllDay: false,
@@ -547,7 +547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
547
547
  [start]="slot.start"
548
548
  [end]="slot.end"
549
549
  [id]="{ resourceIndex: resourceIndex, rangeIndex: 0, index: index }"
550
- [class.k-state-selected]="isSlotSelected({
550
+ [class.k-selected]="isSlotSelected({
551
551
  start: toPlainDate(slot.start),
552
552
  end: toPlainDate(slot.end),
553
553
  isAllDay: true,
@@ -649,7 +649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
649
649
  daySlot
650
650
  [start]="slot.start"
651
651
  [end]="slot.end"
652
- [class.k-state-selected]="isSlotSelected({
652
+ [class.k-selected]="isSlotSelected({
653
653
  start: toPlainDate(slot.start),
654
654
  end: toPlainDate(slot.end),
655
655
  isAllDay: true,
@@ -673,7 +673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
673
673
  [workWeekStart]="workWeekStart"
674
674
  [workWeekEnd]="workWeekEnd"
675
675
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
676
- [class.k-state-selected]="isSlotSelected({
676
+ [class.k-selected]="isSlotSelected({
677
677
  start: toPlainDateTime(daySlot.start, slot.start),
678
678
  end: toPlainDateTime(daySlot.start, slot.end),
679
679
  isAllDay: false,
package/esm2015/views/timeline/timeline-multi-day-view.component.js CHANGED
@@ -223,7 +223,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
223
223
  [workWeekEnd]="workWeekEnd"
224
224
  selectableSlot
225
225
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
226
- [class.k-state-selected]="isSlotSelected({
226
+ [class.k-selected]="isSlotSelected({
227
227
  start: toPlainDateTime(daySlot.start, slot.start),
228
228
  end: toPlainDateTime(daySlot.start, slot.end),
229
229
  isAllDay: false,
@@ -391,7 +391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
391
391
  [workWeekEnd]="workWeekEnd"
392
392
  selectableSlot
393
393
  [id]="{ resourceIndex: verticalResources.length ? verticalIndex : horizontalIndex, rangeIndex: rangeIndex, index: index }"
394
- [class.k-state-selected]="isSlotSelected({
394
+ [class.k-selected]="isSlotSelected({
395
395
  start: toPlainDateTime(daySlot.start, slot.start),
396
396
  end: toPlainDateTime(daySlot.start, slot.end),
397
397
  isAllDay: false,