@progress/kendo-angular-scheduler 2.2.0-dev.202112171600 → 3.0.0-dev.202201191316

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 (45) hide show
  1. package/dist/cdn/js/kendo-angular-scheduler.js +2 -2
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/editing/date-time-picker.component.js +2 -1
  4. package/dist/es/editing/edit-dialog.component.js +1 -1
  5. package/dist/es/editing/recurrence/end-rule-radio-button.directive.js +5 -0
  6. package/dist/es/editing/recurrence/recurrence-monthly-yearly-editor.component.js +1 -1
  7. package/dist/es/editing/recurrence/repeat-on-radio-button.directive.js +5 -0
  8. package/dist/es/package-metadata.js +1 -1
  9. package/dist/es/scheduler.module.js +3 -1
  10. package/dist/es/toolbar/view-selector.component.js +1 -1
  11. package/dist/es/views/common/base-view.js +2 -1
  12. package/dist/es/views/common/slot-selectable.directive.js +2 -2
  13. package/dist/es/views/common/view-footer.component.js +1 -1
  14. package/dist/es/views/common/views-shared.module.js +2 -1
  15. package/dist/es2015/editing/date-time-picker.component.js +7 -1
  16. package/dist/es2015/editing/edit-dialog.component.js +7 -7
  17. package/dist/es2015/editing/recurrence/end-rule-radio-button.directive.d.ts +1 -0
  18. package/dist/es2015/editing/recurrence/end-rule-radio-button.directive.js +5 -0
  19. package/dist/es2015/editing/recurrence/recurrence-monthly-yearly-editor.component.js +14 -5
  20. package/dist/es2015/editing/recurrence/repeat-on-radio-button.directive.d.ts +1 -0
  21. package/dist/es2015/editing/recurrence/repeat-on-radio-button.directive.js +5 -0
  22. package/dist/es2015/index.metadata.json +1 -1
  23. package/dist/es2015/package-metadata.js +1 -1
  24. package/dist/es2015/scheduler.module.js +3 -1
  25. package/dist/es2015/toolbar/view-selector.component.js +1 -1
  26. package/dist/es2015/views/common/base-view.js +2 -1
  27. package/dist/es2015/views/common/slot-selectable.directive.js +2 -2
  28. package/dist/es2015/views/common/view-footer.component.js +1 -1
  29. package/dist/es2015/views/common/views-shared.module.js +2 -1
  30. package/dist/fesm2015/index.js +49 -21
  31. package/dist/fesm5/index.js +25 -11
  32. package/dist/npm/editing/date-time-picker.component.js +2 -1
  33. package/dist/npm/editing/edit-dialog.component.js +1 -1
  34. package/dist/npm/editing/recurrence/end-rule-radio-button.directive.js +5 -0
  35. package/dist/npm/editing/recurrence/recurrence-monthly-yearly-editor.component.js +1 -1
  36. package/dist/npm/editing/recurrence/repeat-on-radio-button.directive.js +5 -0
  37. package/dist/npm/package-metadata.js +1 -1
  38. package/dist/npm/scheduler.module.js +2 -0
  39. package/dist/npm/toolbar/view-selector.component.js +1 -1
  40. package/dist/npm/views/common/base-view.js +2 -1
  41. package/dist/npm/views/common/slot-selectable.directive.js +2 -2
  42. package/dist/npm/views/common/view-footer.component.js +1 -1
  43. package/dist/npm/views/common/views-shared.module.js +2 -1
  44. package/dist/systemjs/kendo-angular-scheduler.js +1 -1
  45. package/package.json +17 -17
@@ -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: 1639756470,
12
+ publishDate: 1642597829,
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
  };
@@ -35,7 +35,7 @@ import { EditDialogComponent } from './editing/edit-dialog.component';
35
35
  import { ReactiveFormsModule } from '@angular/forms';
36
36
  import { ButtonsModule } from '@progress/kendo-angular-buttons';
37
37
  import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
38
- import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
38
+ import { CheckBoxModule, NumericTextBoxModule, TextAreaModule, TextBoxModule } from '@progress/kendo-angular-inputs';
39
39
  import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
40
40
  import { SchedulerDateTimePickerComponent } from './editing/date-time-picker.component';
41
41
  import { RecurrenceEditorComponent } from './editing/recurrence/recurrence-editor.component';
@@ -108,6 +108,8 @@ const publicDirectives = [
108
108
  ];
109
109
  const importedKendoModules = [
110
110
  ButtonsModule,
111
+ CheckBoxModule,
112
+ TextAreaModule,
111
113
  DateInputsModule,
112
114
  DialogModule,
113
115
  NumericTextBoxModule,
@@ -77,7 +77,7 @@ ToolbarViewSelectorComponent = tslib_1.__decorate([
77
77
  template: `
78
78
  <select *ngIf="ctx.views?.length > 1"
79
79
  (change)="onChange($event)"
80
- class="k-views-dropdown k-dropdown">
80
+ class="k-views-dropdown k-picker-md k-rounded-md k-picker-solid k-dropdownlist k-picker">
81
81
  <option *ngFor="let view of ctx.views"
82
82
  [selected]="isSelected(view) == true"
83
83
  [value]="view.name"
@@ -282,7 +282,8 @@ export class BaseView {
282
282
  this.pressTarget = task;
283
283
  }
284
284
  }
285
- if (this.selectable) {
285
+ const notDraggingEvent = !this.pressTarget;
286
+ if (notDraggingEvent && this.selectable) {
286
287
  this.initDragSelect(args);
287
288
  }
288
289
  this.dragArgs = args;
@@ -63,9 +63,9 @@ let SlotSelectableDirective = class SlotSelectableDirective {
63
63
  }
64
64
  return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
65
65
  }
66
- initDragSelect({ start, end, isAllDay, resources, originalEvent }) {
66
+ initDragSelect({ start, end, isAllDay, resources }) {
67
67
  this.selectionOriginResources = resources.slice();
68
- this.selectedRange = { start, end, isAllDay, resources: resources.slice(), originalEvent };
68
+ this.selectedRange = { start, end, isAllDay, resources: resources.slice() };
69
69
  this.cdr.markForCheck();
70
70
  }
71
71
  onDrag({ start, end, resources }) {
@@ -47,7 +47,7 @@ ViewFooterComponent = tslib_1.__decorate([
47
47
  // tslint:disable-next-line:component-selector
48
48
  selector: '[viewFooter]',
49
49
  template: `
50
- <button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
50
+ <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
51
51
  <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
52
52
  <span class="k-button-text">{{ item.text }}</span>
53
53
  </button>
@@ -13,6 +13,7 @@ import { ResourceIteratorPipe } from './resource-iterator.pipe';
13
13
  import { HintContainerComponent } from './hint-container.component';
14
14
  import { ResizeHintComponent } from './resize-hint.component';
15
15
  import { SharedModule } from '../../shared.module';
16
+ import { ButtonsModule } from '@progress/kendo-angular-buttons';
16
17
  const DECLARATIONS = [
17
18
  ViewFooterComponent,
18
19
  WorkHoursFooterDirective,
@@ -28,7 +29,7 @@ let ViewsSharedModule = class ViewsSharedModule {
28
29
  };
29
30
  ViewsSharedModule = tslib_1.__decorate([
30
31
  NgModule({
31
- imports: [CommonModule, IntlModule, SharedModule],
32
+ imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
32
33
  exports: [
33
34
  DECLARATIONS,
34
35
  IntlModule,
@@ -21,7 +21,7 @@ import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
21
21
  import { orderBy, groupBy } from '@progress/kendo-data-query';
22
22
  import Draggable from '@telerik/kendo-draggable';
23
23
  import { MultiSelectComponent, DropDownListComponent, ComboBoxComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
24
- import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
24
+ import { CheckBoxModule, TextAreaModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
25
25
  import { drawDOM, exportPDF } from '@progress/kendo-drawing';
26
26
  import { saveAs } from '@progress/kendo-file-saver';
27
27
 
@@ -32,7 +32,7 @@ const packageMetadata = {
32
32
  name: '@progress/kendo-angular-scheduler',
33
33
  productName: 'Kendo UI for Angular',
34
34
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
35
- publishDate: 1639756470,
35
+ publishDate: 1642597829,
36
36
  version: '',
37
37
  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'
38
38
  };
@@ -4431,7 +4431,7 @@ ToolbarViewSelectorComponent = __decorate([
4431
4431
  template: `
4432
4432
  <select *ngIf="ctx.views?.length > 1"
4433
4433
  (change)="onChange($event)"
4434
- class="k-views-dropdown k-dropdown">
4434
+ class="k-views-dropdown k-picker-md k-rounded-md k-picker-solid k-dropdownlist k-picker">
4435
4435
  <option *ngFor="let view of ctx.views"
4436
4436
  [selected]="isSelected(view) == true"
4437
4437
  [value]="view.name"
@@ -6656,7 +6656,8 @@ class BaseView {
6656
6656
  this.pressTarget = task;
6657
6657
  }
6658
6658
  }
6659
- if (this.selectable) {
6659
+ const notDraggingEvent = !this.pressTarget;
6660
+ if (notDraggingEvent && this.selectable) {
6660
6661
  this.initDragSelect(args);
6661
6662
  }
6662
6663
  this.dragArgs = args;
@@ -7879,7 +7880,7 @@ ViewFooterComponent = __decorate([
7879
7880
  // tslint:disable-next-line:component-selector
7880
7881
  selector: '[viewFooter]',
7881
7882
  template: `
7882
- <button type="button" class="k-button" *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
7883
+ <button type="button" kendoButton *ngFor="let item of items" [ngClass]="item.cssClass" (click)="onItemClick($event, item)">
7883
7884
  <span class="k-button-icon k-icon" [ngClass]="item.iconClass"></span>
7884
7885
  <span class="k-button-text">{{ item.text }}</span>
7885
7886
  </button>
@@ -8075,7 +8076,7 @@ let ViewsSharedModule = class ViewsSharedModule {
8075
8076
  };
8076
8077
  ViewsSharedModule = __decorate([
8077
8078
  NgModule({
8078
- imports: [CommonModule, IntlModule, SharedModule],
8079
+ imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
8079
8080
  exports: [
8080
8081
  DECLARATIONS,
8081
8082
  IntlModule,
@@ -12129,7 +12130,7 @@ EditDialogComponent = __decorate([
12129
12130
  <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>
12130
12131
  </div>
12131
12132
  <div class='k-edit-field'>
12132
- <input #title id='k-event-title' class='k-textbox' placeholder='Title' [formControl]='formGroup.get(fields.title)' />
12133
+ <input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='formGroup.get(fields.title)' />
12133
12134
  </div>
12134
12135
 
12135
12136
  <div class='k-edit-label'>
@@ -12171,17 +12172,17 @@ EditDialogComponent = __decorate([
12171
12172
  </ng-container>
12172
12173
 
12173
12174
  <div class='k-edit-field' *ngIf="hasAllDay">
12174
- <input type='checkbox' id='k-is-allday-chkbox' class='k-checkbox' [formControl]='formGroup.get(fields.isAllDay)' />
12175
+ <input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='formGroup.get(fields.isAllDay)' />
12175
12176
  <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>
12176
12177
  </div>
12177
12178
 
12178
12179
  <div class='k-edit-field' *ngIf="hasStartTimeZone">
12179
- <input type='checkbox' id='k-set-timezone' class='k-checkbox'
12180
+ <input type='checkbox' id='k-set-timezone' kendoCheckBox
12180
12181
  formControlName='startTimezoneCheckbox' />
12181
12182
  <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>
12182
12183
 
12183
12184
  <ng-container *ngIf="isStartTimeZoneVisible && hasEndTimeZone">
12184
- <input type='checkbox' id='k-use-separate' class='k-checkbox' formControlName='endTimezoneCheckbox' />
12185
+ <input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />
12185
12186
  <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>
12186
12187
  </ng-container>
12187
12188
  </div>
@@ -12200,7 +12201,7 @@ EditDialogComponent = __decorate([
12200
12201
  <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>
12201
12202
  </div>
12202
12203
  <div class='k-edit-field'>
12203
- <textarea id='k-event-description' class='k-textbox' [formControl]='formGroup.get(fields.description)'></textarea>
12204
+ <textarea id='k-event-description' kendoTextArea [formControl]='formGroup.get(fields.description)'></textarea>
12204
12205
  </div>
12205
12206
  </ng-container>
12206
12207
 
@@ -12245,8 +12246,8 @@ EditDialogComponent = __decorate([
12245
12246
  </ng-container>
12246
12247
 
12247
12248
  <kendo-dialog-actions>
12248
- <button class="k-button" (click)="onCancel($event)">{{ textFor('cancel') }}</button>
12249
- <button class="k-button k-primary" (click)="onSave($event)" [disabled]="!formGroup.valid">{{ textFor('save') }}</button>
12249
+ <button kendoButton (click)="onCancel($event)">{{ textFor('cancel') }}</button>
12250
+ <button kendoButton themeColor="primary" (click)="onSave($event)" [disabled]="!formGroup.valid">{{ textFor('save') }}</button>
12250
12251
  </kendo-dialog-actions>
12251
12252
  </kendo-dialog>
12252
12253
  `
@@ -12337,7 +12338,13 @@ SchedulerDateTimePickerComponent = __decorate([
12337
12338
  [(value)]='date'
12338
12339
  (valueChange)='onValueChange($event)'
12339
12340
  ></kendo-timepicker>
12340
- `
12341
+ `,
12342
+ styles: [`
12343
+ kendo-datepicker,
12344
+ kendo-timepicker {
12345
+ width: 170px;
12346
+ }
12347
+ `]
12341
12348
  })
12342
12349
  ], SchedulerDateTimePickerComponent);
12343
12350
 
@@ -12939,6 +12946,7 @@ let EndRuleRadioButtonDirective = class EndRuleRadioButtonDirective {
12939
12946
  this.changeDetector = changeDetector;
12940
12947
  this.type = 'radio';
12941
12948
  this.radioClass = true;
12949
+ this.radioSizeClass = true;
12942
12950
  this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
12943
12951
  }
12944
12952
  ngOnInit() {
@@ -12976,6 +12984,10 @@ __decorate([
12976
12984
  HostBinding('class.k-radio'),
12977
12985
  __metadata("design:type", Boolean)
12978
12986
  ], EndRuleRadioButtonDirective.prototype, "radioClass", void 0);
12987
+ __decorate([
12988
+ HostBinding('class.k-radio-md'),
12989
+ __metadata("design:type", Boolean)
12990
+ ], EndRuleRadioButtonDirective.prototype, "radioSizeClass", void 0);
12979
12991
  __decorate([
12980
12992
  Input("kendoRecurrenceEndRuleRadioButton"),
12981
12993
  __metadata("design:type", String)
@@ -13299,6 +13311,7 @@ let RepeatOnRadioButtonDirective = class RepeatOnRadioButtonDirective {
13299
13311
  this.changeDetector = changeDetector;
13300
13312
  this.type = 'radio';
13301
13313
  this.radioClass = true;
13314
+ this.radioSizeClass = true;
13302
13315
  this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
13303
13316
  }
13304
13317
  /* tslint:disable-next-line:no-input-rename */
@@ -13341,6 +13354,10 @@ __decorate([
13341
13354
  HostBinding('class.k-radio'),
13342
13355
  __metadata("design:type", Boolean)
13343
13356
  ], RepeatOnRadioButtonDirective.prototype, "radioClass", void 0);
13357
+ __decorate([
13358
+ HostBinding('class.k-radio-md'),
13359
+ __metadata("design:type", Boolean)
13360
+ ], RepeatOnRadioButtonDirective.prototype, "radioSizeClass", void 0);
13344
13361
  __decorate([
13345
13362
  Input("kendoRecurrenceRepeatOnRadioButton"),
13346
13363
  __metadata("design:type", String),
@@ -13610,7 +13627,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
13610
13627
  [value]='currentMonthMonthDay'
13611
13628
  [valuePrimitive]='true'
13612
13629
  (valueChange)="onMonthChange($event, 'monthday')"
13613
- [disabled]="isDisabled('monthday')">
13630
+ [disabled]="isDisabled('monthday')"
13631
+ [style.width.px]="170"
13632
+ [style.margin]="'0 .4ex 0 1ex'">
13614
13633
  </kendo-dropdownlist>
13615
13634
  </ng-template>
13616
13635
 
@@ -13628,7 +13647,8 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
13628
13647
  [title]="numericOptions.title"
13629
13648
  [value]='monthDay'
13630
13649
  (valueChange)='onMonthDayChange($event)'
13631
- [disabled]="isDisabled('monthday')">
13650
+ [disabled]="isDisabled('monthday')"
13651
+ [style.margin]="'0 .4ex 0 1ex'">
13632
13652
  </kendo-numerictextbox>
13633
13653
  </li>
13634
13654
  <li>
@@ -13642,7 +13662,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
13642
13662
  [value]='offset'
13643
13663
  [valuePrimitive]='true'
13644
13664
  (valueChange)='onOffsetPositionChange($event)'
13645
- [disabled]="isDisabled('weekday')">
13665
+ [disabled]="isDisabled('weekday')"
13666
+ [style.width.px]="170"
13667
+ [style.margin]="'0 .4ex 0 1ex'">
13646
13668
  </kendo-dropdownlist>
13647
13669
 
13648
13670
  <kendo-dropdownlist
@@ -13652,7 +13674,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
13652
13674
  [value]='weekDay'
13653
13675
  [valuePrimitive]='true'
13654
13676
  (valueChange)='onWeekDayChange($event)'
13655
- [disabled]="isDisabled('weekday')">
13677
+ [disabled]="isDisabled('weekday')"
13678
+ [style.width.px]="170"
13679
+ [style.margin]="'0 .4ex 0 1ex'">
13656
13680
  </kendo-dropdownlist>
13657
13681
 
13658
13682
  <ng-template [ngIf]="currentFreq === 'yearly'">
@@ -13665,7 +13689,9 @@ RecurrenceMonthlyYearlyEditorComponent = __decorate([
13665
13689
  [value]='currentMonthWeekDay'
13666
13690
  [valuePrimitive]='true'
13667
13691
  (valueChange)="onMonthChange($event, 'weekday')"
13668
- [disabled]="isDisabled('weekday')">
13692
+ [disabled]="isDisabled('weekday')"
13693
+ [style.width.px]="170"
13694
+ [style.margin]="'0 .4ex 0 1ex'">
13669
13695
  </kendo-dropdownlist>
13670
13696
  </ng-template>
13671
13697
  </li>
@@ -14245,9 +14271,9 @@ let SlotSelectableDirective = class SlotSelectableDirective {
14245
14271
  }
14246
14272
  return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
14247
14273
  }
14248
- initDragSelect({ start, end, isAllDay, resources, originalEvent }) {
14274
+ initDragSelect({ start, end, isAllDay, resources }) {
14249
14275
  this.selectionOriginResources = resources.slice();
14250
- this.selectedRange = { start, end, isAllDay, resources: resources.slice(), originalEvent };
14276
+ this.selectedRange = { start, end, isAllDay, resources: resources.slice() };
14251
14277
  this.cdr.markForCheck();
14252
14278
  }
14253
14279
  onDrag({ start, end, resources }) {
@@ -14344,6 +14370,8 @@ const publicDirectives$1 = [
14344
14370
  ];
14345
14371
  const importedKendoModules = [
14346
14372
  ButtonsModule,
14373
+ CheckBoxModule,
14374
+ TextAreaModule,
14347
14375
  DateInputsModule,
14348
14376
  DialogModule,
14349
14377
  NumericTextBoxModule,
@@ -21,7 +21,7 @@ import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
21
21
  import { orderBy, groupBy } from '@progress/kendo-data-query';
22
22
  import Draggable from '@telerik/kendo-draggable';
23
23
  import { MultiSelectComponent, DropDownListComponent, ComboBoxComponent, DropDownsModule } from '@progress/kendo-angular-dropdowns';
24
- import { NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
24
+ import { CheckBoxModule, TextAreaModule, NumericTextBoxModule, TextBoxModule } from '@progress/kendo-angular-inputs';
25
25
  import { drawDOM, exportPDF } from '@progress/kendo-drawing';
26
26
  import { saveAs } from '@progress/kendo-file-saver';
27
27
 
@@ -32,7 +32,7 @@ var packageMetadata = {
32
32
  name: '@progress/kendo-angular-scheduler',
33
33
  productName: 'Kendo UI for Angular',
34
34
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
35
- publishDate: 1639756470,
35
+ publishDate: 1642597829,
36
36
  version: '',
37
37
  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'
38
38
  };
@@ -4353,7 +4353,7 @@ var ToolbarViewSelectorComponent = /** @class */ (function () {
4353
4353
  Component({
4354
4354
  // tslint:disable-next-line:component-selector
4355
4355
  selector: '[kendoSchedulerToolbarViewSelector]',
4356
- template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-dropdown\">\n <option *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view) == true\"\n [value]=\"view.name\"\n >\n {{ view.title }}\n </option>\n </select>\n <span class=\"k-scheduler-views k-button-group\">\n <button kendoButton\n type=\"button\"\n *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view)\"\n [attr.aria-pressed]=\"isSelected(view)\"\n (click)=\"select(view)\"\n >\n <span class=\"k-button-text\">\n {{ view.title }}\n </span>\n </button>\n </span>\n "
4356
+ template: "\n <select *ngIf=\"ctx.views?.length > 1\"\n (change)=\"onChange($event)\"\n class=\"k-views-dropdown k-picker-md k-rounded-md k-picker-solid k-dropdownlist k-picker\">\n <option *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view) == true\"\n [value]=\"view.name\"\n >\n {{ view.title }}\n </option>\n </select>\n <span class=\"k-scheduler-views k-button-group\">\n <button kendoButton\n type=\"button\"\n *ngFor=\"let view of ctx.views\"\n [selected]=\"isSelected(view)\"\n [attr.aria-pressed]=\"isSelected(view)\"\n (click)=\"select(view)\"\n >\n <span class=\"k-button-text\">\n {{ view.title }}\n </span>\n </button>\n </span>\n "
4357
4357
  }),
4358
4358
  __metadata("design:paramtypes", [ToolbarService])
4359
4359
  ], ToolbarViewSelectorComponent);
@@ -6690,7 +6690,8 @@ var BaseView = /** @class */ (function () {
6690
6690
  this.pressTarget = task;
6691
6691
  }
6692
6692
  }
6693
- if (this.selectable) {
6693
+ var notDraggingEvent = !this.pressTarget;
6694
+ if (notDraggingEvent && this.selectable) {
6694
6695
  this.initDragSelect(args);
6695
6696
  }
6696
6697
  this.dragArgs = args;
@@ -7864,7 +7865,7 @@ var ViewFooterComponent = /** @class */ (function () {
7864
7865
  Component({
7865
7866
  // tslint:disable-next-line:component-selector
7866
7867
  selector: '[viewFooter]',
7867
- template: "\n <button type=\"button\" class=\"k-button\" *ngFor=\"let item of items\" [ngClass]=\"item.cssClass\" (click)=\"onItemClick($event, item)\">\n <span class=\"k-button-icon k-icon\" [ngClass]=\"item.iconClass\"></span>\n <span class=\"k-button-text\">{{ item.text }}</span>\n </button>\n "
7868
+ template: "\n <button type=\"button\" kendoButton *ngFor=\"let item of items\" [ngClass]=\"item.cssClass\" (click)=\"onItemClick($event, item)\">\n <span class=\"k-button-icon k-icon\" [ngClass]=\"item.iconClass\"></span>\n <span class=\"k-button-text\">{{ item.text }}</span>\n </button>\n "
7868
7869
  })
7869
7870
  ], ViewFooterComponent);
7870
7871
  return ViewFooterComponent;
@@ -8116,7 +8117,7 @@ var ViewsSharedModule = /** @class */ (function () {
8116
8117
  }
8117
8118
  ViewsSharedModule = __decorate([
8118
8119
  NgModule({
8119
- imports: [CommonModule, IntlModule, SharedModule],
8120
+ imports: [CommonModule, IntlModule, SharedModule, ButtonsModule],
8120
8121
  exports: [
8121
8122
  DECLARATIONS,
8122
8123
  IntlModule,
@@ -11882,7 +11883,7 @@ var EditDialogComponent = /** @class */ (function () {
11882
11883
  EditDialogComponent = __decorate([
11883
11884
  Component({
11884
11885
  selector: 'kendo-scheduler-edit-dialog',
11885
- template: "\n <kendo-dialog (close)='onClose()' [minWidth]='700' *ngIf='isActive' title='{{ textFor(\"editorTitle\") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]=\"autoFocusedElement\">\n <ng-container *ngIf='!editTemplate'>\n <div class='k-scheduler-edit-form'>\n <div class='k-edit-form-container'>\n <form novalidate [formGroup]='formGroup'>\n <div class='k-edit-label'>\n <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>\n </div>\n <div class='k-edit-field'>\n <input #title id='k-event-title' class='k-textbox' placeholder='Title' [formControl]='formGroup.get(fields.title)' />\n </div>\n\n <div class='k-edit-label'>\n <label (click)=\"startDateTimePicker.focus()\">{{ textFor('editorEventStart') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='formGroup.get(fields.start)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"startTzPicker.focus()\">{{ textFor('editorEventStartTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #startTzPicker [formControl]='formGroup.get(fields.startTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-label'>\n <label (click)=\"endDateTimePicker.focus()\">{{ textFor('editorEventEnd') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='formGroup.get(fields.end)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isEndTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"endTzPicker.focus()\">{{ textFor('editorEventEndTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #endTzPicker [formControl]='formGroup.get(fields.endTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-field' *ngIf=\"hasAllDay\">\n <input type='checkbox' id='k-is-allday-chkbox' class='k-checkbox' [formControl]='formGroup.get(fields.isAllDay)' />\n <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>\n </div>\n\n <div class='k-edit-field' *ngIf=\"hasStartTimeZone\">\n <input type='checkbox' id='k-set-timezone' class='k-checkbox'\n formControlName='startTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible && hasEndTimeZone\">\n <input type='checkbox' id='k-use-separate' class='k-checkbox' formControlName='endTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"isEditingSeries\">\n <kendo-recurrence-editor\n [formControl]='formGroup.get(fields.recurrenceRule)'\n [start]='recurrenceStart'\n [timezone]='eventTimezone'\n [weekStart]='weekStart'\n ></kendo-recurrence-editor>\n </ng-container>\n\n <ng-container *ngIf='getFormValue(fields.description)'>\n <div class='k-edit-label'>\n <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>\n </div>\n <div class='k-edit-field'>\n <textarea id='k-event-description' class='k-textbox' [formControl]='formGroup.get(fields.description)'></textarea>\n </div>\n </ng-container>\n\n <ng-container *ngFor='let resource of resources'>\n <ng-container *ngIf='getFormValue(resource.field)'>\n <div class='k-edit-label'>\n <label (click)=\"onResourceClick(resource)\">\n {{ resource.name ? resource.name : resource.field }}\n </label>\n </div>\n <div class='k-edit-field'>\n <kendo-multiple-resource-editor\n *ngIf='resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-multiple-resource-editor>\n <kendo-single-resource-editor\n *ngIf='!resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-single-resource-editor>\n </div>\n </ng-container>\n </ng-container>\n </form>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf='editTemplate'>\n <form novalidate [formGroup]='formGroup'>\n <ng-container [ngTemplateOutlet]='editTemplate.templateRef'\n [ngTemplateOutletContext]=\"{\n $implicit: formGroup,\n formGroup: formGroup,\n dataItem: editedEvent,\n editMode: editMode,\n isNew: isNew\n }\">\n </ng-container>\n </form>\n </ng-container>\n\n <kendo-dialog-actions>\n <button class=\"k-button\" (click)=\"onCancel($event)\">{{ textFor('cancel') }}</button>\n <button class=\"k-button k-primary\" (click)=\"onSave($event)\" [disabled]=\"!formGroup.valid\">{{ textFor('save') }}</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n "
11886
+ template: "\n <kendo-dialog (close)='onClose()' [minWidth]='700' *ngIf='isActive' title='{{ textFor(\"editorTitle\") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]=\"autoFocusedElement\">\n <ng-container *ngIf='!editTemplate'>\n <div class='k-scheduler-edit-form'>\n <div class='k-edit-form-container'>\n <form novalidate [formGroup]='formGroup'>\n <div class='k-edit-label'>\n <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>\n </div>\n <div class='k-edit-field'>\n <input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='formGroup.get(fields.title)' />\n </div>\n\n <div class='k-edit-label'>\n <label (click)=\"startDateTimePicker.focus()\">{{ textFor('editorEventStart') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='formGroup.get(fields.start)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"startTzPicker.focus()\">{{ textFor('editorEventStartTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #startTzPicker [formControl]='formGroup.get(fields.startTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-label'>\n <label (click)=\"endDateTimePicker.focus()\">{{ textFor('editorEventEnd') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='formGroup.get(fields.end)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isEndTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"endTzPicker.focus()\">{{ textFor('editorEventEndTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #endTzPicker [formControl]='formGroup.get(fields.endTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-field' *ngIf=\"hasAllDay\">\n <input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='formGroup.get(fields.isAllDay)' />\n <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>\n </div>\n\n <div class='k-edit-field' *ngIf=\"hasStartTimeZone\">\n <input type='checkbox' id='k-set-timezone' kendoCheckBox\n formControlName='startTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible && hasEndTimeZone\">\n <input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"isEditingSeries\">\n <kendo-recurrence-editor\n [formControl]='formGroup.get(fields.recurrenceRule)'\n [start]='recurrenceStart'\n [timezone]='eventTimezone'\n [weekStart]='weekStart'\n ></kendo-recurrence-editor>\n </ng-container>\n\n <ng-container *ngIf='getFormValue(fields.description)'>\n <div class='k-edit-label'>\n <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>\n </div>\n <div class='k-edit-field'>\n <textarea id='k-event-description' kendoTextArea [formControl]='formGroup.get(fields.description)'></textarea>\n </div>\n </ng-container>\n\n <ng-container *ngFor='let resource of resources'>\n <ng-container *ngIf='getFormValue(resource.field)'>\n <div class='k-edit-label'>\n <label (click)=\"onResourceClick(resource)\">\n {{ resource.name ? resource.name : resource.field }}\n </label>\n </div>\n <div class='k-edit-field'>\n <kendo-multiple-resource-editor\n *ngIf='resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-multiple-resource-editor>\n <kendo-single-resource-editor\n *ngIf='!resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-single-resource-editor>\n </div>\n </ng-container>\n </ng-container>\n </form>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf='editTemplate'>\n <form novalidate [formGroup]='formGroup'>\n <ng-container [ngTemplateOutlet]='editTemplate.templateRef'\n [ngTemplateOutletContext]=\"{\n $implicit: formGroup,\n formGroup: formGroup,\n dataItem: editedEvent,\n editMode: editMode,\n isNew: isNew\n }\">\n </ng-container>\n </form>\n </ng-container>\n\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancel($event)\">{{ textFor('cancel') }}</button>\n <button kendoButton themeColor=\"primary\" (click)=\"onSave($event)\" [disabled]=\"!formGroup.valid\">{{ textFor('save') }}</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n "
11886
11887
  }),
11887
11888
  __metadata("design:paramtypes", [NgZone,
11888
11889
  EditService,
@@ -11958,7 +11959,8 @@ var SchedulerDateTimePickerComponent = /** @class */ (function () {
11958
11959
  SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR
11959
11960
  ],
11960
11961
  selector: 'kendo-scheduler-datetime-picker',
11961
- template: "\n <kendo-datepicker\n #datepicker\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-datepicker>\n <kendo-timepicker *ngIf='!isAllDay'\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-timepicker>\n "
11962
+ template: "\n <kendo-datepicker\n #datepicker\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-datepicker>\n <kendo-timepicker *ngIf='!isAllDay'\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-timepicker>\n ",
11963
+ styles: ["\n kendo-datepicker,\n kendo-timepicker {\n width: 170px;\n }\n "]
11962
11964
  })
11963
11965
  ], SchedulerDateTimePickerComponent);
11964
11966
  return SchedulerDateTimePickerComponent;
@@ -12499,6 +12501,7 @@ var EndRuleRadioButtonDirective = /** @class */ (function () {
12499
12501
  this.changeDetector = changeDetector;
12500
12502
  this.type = 'radio';
12501
12503
  this.radioClass = true;
12504
+ this.radioSizeClass = true;
12502
12505
  this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
12503
12506
  }
12504
12507
  EndRuleRadioButtonDirective.prototype.ngOnInit = function () {
@@ -12539,6 +12542,10 @@ var EndRuleRadioButtonDirective = /** @class */ (function () {
12539
12542
  HostBinding('class.k-radio'),
12540
12543
  __metadata("design:type", Boolean)
12541
12544
  ], EndRuleRadioButtonDirective.prototype, "radioClass", void 0);
12545
+ __decorate([
12546
+ HostBinding('class.k-radio-md'),
12547
+ __metadata("design:type", Boolean)
12548
+ ], EndRuleRadioButtonDirective.prototype, "radioSizeClass", void 0);
12542
12549
  __decorate([
12543
12550
  Input("kendoRecurrenceEndRuleRadioButton"),
12544
12551
  __metadata("design:type", String)
@@ -12805,6 +12812,7 @@ var RepeatOnRadioButtonDirective = /** @class */ (function () {
12805
12812
  this.changeDetector = changeDetector;
12806
12813
  this.type = 'radio';
12807
12814
  this.radioClass = true;
12815
+ this.radioSizeClass = true;
12808
12816
  this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
12809
12817
  }
12810
12818
  Object.defineProperty(RepeatOnRadioButtonDirective.prototype, "repeatOnRule", {
@@ -12854,6 +12862,10 @@ var RepeatOnRadioButtonDirective = /** @class */ (function () {
12854
12862
  HostBinding('class.k-radio'),
12855
12863
  __metadata("design:type", Boolean)
12856
12864
  ], RepeatOnRadioButtonDirective.prototype, "radioClass", void 0);
12865
+ __decorate([
12866
+ HostBinding('class.k-radio-md'),
12867
+ __metadata("design:type", Boolean)
12868
+ ], RepeatOnRadioButtonDirective.prototype, "radioSizeClass", void 0);
12857
12869
  __decorate([
12858
12870
  Input("kendoRecurrenceRepeatOnRadioButton"),
12859
12871
  __metadata("design:type", String),
@@ -13129,7 +13141,7 @@ var RecurrenceMonthlyYearlyEditorComponent = /** @class */ (function () {
13129
13141
  RecurrenceMonthlyYearlyEditorComponent = __decorate([
13130
13142
  Component({
13131
13143
  selector: 'kendo-recurrence-monthly-yearly-editor',
13132
- template: "\n <div class='k-edit-label'>\n <label (click)=\"onRepeatOnLabelClick()\">{{ textForRepeatOn() }}</label>\n </div>\n <div class='k-edit-field'>\n <ul class='k-reset' [style.width.px]='650'>\n <li>\n <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />\n\n <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>\n <ng-template [ngIf]=\"currentFreq === 'monthly'\">\n {{ textFor('monthlyDay') }}\n </ng-template>\n </label>\n\n <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n <kendo-dropdownlist\n [data]='months'\n textField='text'\n valueField='value'\n [value]='currentMonthMonthDay'\n [valuePrimitive]='true'\n (valueChange)=\"onMonthChange($event, 'monthday')\"\n [disabled]=\"isDisabled('monthday')\">\n </kendo-dropdownlist>\n </ng-template>\n\n <kendo-numerictextbox\n [style.width.px]='70'\n [min]=\"numericOptions.min\"\n [max]=\"numericOptions.max\"\n [decimals]=\"0\"\n [format]=\"numericOptions.format\"\n [autoCorrect]=\"numericOptions.autoCorrect\"\n [readonly]=\"numericOptions.readonly\"\n [selectOnFocus]=\"numericOptions.selectOnFocus\"\n [spinners]=\"numericOptions.spinners\"\n [step]=\"numericOptions.step\"\n [title]=\"numericOptions.title\"\n [value]='monthDay'\n (valueChange)='onMonthDayChange($event)'\n [disabled]=\"isDisabled('monthday')\">\n </kendo-numerictextbox>\n </li>\n <li>\n <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />\n <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>\n\n <kendo-dropdownlist\n [data]='offsetPositions'\n textField='text'\n valueField='value'\n [value]='offset'\n [valuePrimitive]='true'\n (valueChange)='onOffsetPositionChange($event)'\n [disabled]=\"isDisabled('weekday')\">\n </kendo-dropdownlist>\n\n <kendo-dropdownlist\n [data]=\"extendedWeekDays\"\n textField='text'\n valueField='value'\n [value]='weekDay'\n [valuePrimitive]='true'\n (valueChange)='onWeekDayChange($event)'\n [disabled]=\"isDisabled('weekday')\">\n </kendo-dropdownlist>\n\n <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n <span>{{ textFor('yearlyOf') }}</span>\n\n <kendo-dropdownlist\n [data]='months'\n textField='text'\n valueField='value'\n [value]='currentMonthWeekDay'\n [valuePrimitive]='true'\n (valueChange)=\"onMonthChange($event, 'weekday')\"\n [disabled]=\"isDisabled('weekday')\">\n </kendo-dropdownlist>\n </ng-template>\n </li>\n </ul>\n </div>\n "
13144
+ template: "\n <div class='k-edit-label'>\n <label (click)=\"onRepeatOnLabelClick()\">{{ textForRepeatOn() }}</label>\n </div>\n <div class='k-edit-field'>\n <ul class='k-reset' [style.width.px]='650'>\n <li>\n <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />\n\n <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>\n <ng-template [ngIf]=\"currentFreq === 'monthly'\">\n {{ textFor('monthlyDay') }}\n </ng-template>\n </label>\n\n <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n <kendo-dropdownlist\n [data]='months'\n textField='text'\n valueField='value'\n [value]='currentMonthMonthDay'\n [valuePrimitive]='true'\n (valueChange)=\"onMonthChange($event, 'monthday')\"\n [disabled]=\"isDisabled('monthday')\"\n [style.width.px]=\"170\"\n [style.margin]=\"'0 .4ex 0 1ex'\">\n </kendo-dropdownlist>\n </ng-template>\n\n <kendo-numerictextbox\n [style.width.px]='70'\n [min]=\"numericOptions.min\"\n [max]=\"numericOptions.max\"\n [decimals]=\"0\"\n [format]=\"numericOptions.format\"\n [autoCorrect]=\"numericOptions.autoCorrect\"\n [readonly]=\"numericOptions.readonly\"\n [selectOnFocus]=\"numericOptions.selectOnFocus\"\n [spinners]=\"numericOptions.spinners\"\n [step]=\"numericOptions.step\"\n [title]=\"numericOptions.title\"\n [value]='monthDay'\n (valueChange)='onMonthDayChange($event)'\n [disabled]=\"isDisabled('monthday')\"\n [style.margin]=\"'0 .4ex 0 1ex'\">\n </kendo-numerictextbox>\n </li>\n <li>\n <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />\n <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>\n\n <kendo-dropdownlist\n [data]='offsetPositions'\n textField='text'\n valueField='value'\n [value]='offset'\n [valuePrimitive]='true'\n (valueChange)='onOffsetPositionChange($event)'\n [disabled]=\"isDisabled('weekday')\"\n [style.width.px]=\"170\"\n [style.margin]=\"'0 .4ex 0 1ex'\">\n </kendo-dropdownlist>\n\n <kendo-dropdownlist\n [data]=\"extendedWeekDays\"\n textField='text'\n valueField='value'\n [value]='weekDay'\n [valuePrimitive]='true'\n (valueChange)='onWeekDayChange($event)'\n [disabled]=\"isDisabled('weekday')\"\n [style.width.px]=\"170\"\n [style.margin]=\"'0 .4ex 0 1ex'\">\n </kendo-dropdownlist>\n\n <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n <span>{{ textFor('yearlyOf') }}</span>\n\n <kendo-dropdownlist\n [data]='months'\n textField='text'\n valueField='value'\n [value]='currentMonthWeekDay'\n [valuePrimitive]='true'\n (valueChange)=\"onMonthChange($event, 'weekday')\"\n [disabled]=\"isDisabled('weekday')\"\n [style.width.px]=\"170\"\n [style.margin]=\"'0 .4ex 0 1ex'\">\n </kendo-dropdownlist>\n </ng-template>\n </li>\n </ul>\n </div>\n "
13133
13145
  }),
13134
13146
  __metadata("design:paramtypes", [RecurrenceService,
13135
13147
  LocalizationService])
@@ -13713,9 +13725,9 @@ var SlotSelectableDirective = /** @class */ (function () {
13713
13725
  return this.selectedRange && isAllDay === this.selectedRange.isAllDay && this.isInRange(start, end);
13714
13726
  };
13715
13727
  SlotSelectableDirective.prototype.initDragSelect = function (_a) {
13716
- var start = _a.start, end = _a.end, isAllDay = _a.isAllDay, resources = _a.resources, originalEvent = _a.originalEvent;
13728
+ var start = _a.start, end = _a.end, isAllDay = _a.isAllDay, resources = _a.resources;
13717
13729
  this.selectionOriginResources = resources.slice();
13718
- this.selectedRange = { start: start, end: end, isAllDay: isAllDay, resources: resources.slice(), originalEvent: originalEvent };
13730
+ this.selectedRange = { start: start, end: end, isAllDay: isAllDay, resources: resources.slice() };
13719
13731
  this.cdr.markForCheck();
13720
13732
  };
13721
13733
  SlotSelectableDirective.prototype.onDrag = function (_a) {
@@ -13812,6 +13824,8 @@ var publicDirectives$1 = [
13812
13824
  ].concat(declarations);
13813
13825
  var importedKendoModules = [
13814
13826
  ButtonsModule,
13827
+ CheckBoxModule,
13828
+ TextAreaModule,
13815
13829
  DateInputsModule,
13816
13830
  DialogModule,
13817
13831
  NumericTextBoxModule,
@@ -73,7 +73,8 @@ var SchedulerDateTimePickerComponent = /** @class */ (function () {
73
73
  exports.SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR
74
74
  ],
75
75
  selector: 'kendo-scheduler-datetime-picker',
76
- template: "\n <kendo-datepicker\n #datepicker\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-datepicker>\n <kendo-timepicker *ngIf='!isAllDay'\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-timepicker>\n "
76
+ template: "\n <kendo-datepicker\n #datepicker\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-datepicker>\n <kendo-timepicker *ngIf='!isAllDay'\n [(value)]='date'\n (valueChange)='onValueChange($event)'\n ></kendo-timepicker>\n ",
77
+ styles: ["\n kendo-datepicker,\n kendo-timepicker {\n width: 170px;\n }\n "]
77
78
  })
78
79
  ], SchedulerDateTimePickerComponent);
79
80
  return SchedulerDateTimePickerComponent;
@@ -286,7 +286,7 @@ var EditDialogComponent = /** @class */ (function () {
286
286
  EditDialogComponent = tslib_1.__decorate([
287
287
  core_1.Component({
288
288
  selector: 'kendo-scheduler-edit-dialog',
289
- template: "\n <kendo-dialog (close)='onClose()' [minWidth]='700' *ngIf='isActive' title='{{ textFor(\"editorTitle\") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]=\"autoFocusedElement\">\n <ng-container *ngIf='!editTemplate'>\n <div class='k-scheduler-edit-form'>\n <div class='k-edit-form-container'>\n <form novalidate [formGroup]='formGroup'>\n <div class='k-edit-label'>\n <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>\n </div>\n <div class='k-edit-field'>\n <input #title id='k-event-title' class='k-textbox' placeholder='Title' [formControl]='formGroup.get(fields.title)' />\n </div>\n\n <div class='k-edit-label'>\n <label (click)=\"startDateTimePicker.focus()\">{{ textFor('editorEventStart') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='formGroup.get(fields.start)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"startTzPicker.focus()\">{{ textFor('editorEventStartTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #startTzPicker [formControl]='formGroup.get(fields.startTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-label'>\n <label (click)=\"endDateTimePicker.focus()\">{{ textFor('editorEventEnd') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='formGroup.get(fields.end)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isEndTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"endTzPicker.focus()\">{{ textFor('editorEventEndTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #endTzPicker [formControl]='formGroup.get(fields.endTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-field' *ngIf=\"hasAllDay\">\n <input type='checkbox' id='k-is-allday-chkbox' class='k-checkbox' [formControl]='formGroup.get(fields.isAllDay)' />\n <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>\n </div>\n\n <div class='k-edit-field' *ngIf=\"hasStartTimeZone\">\n <input type='checkbox' id='k-set-timezone' class='k-checkbox'\n formControlName='startTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible && hasEndTimeZone\">\n <input type='checkbox' id='k-use-separate' class='k-checkbox' formControlName='endTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"isEditingSeries\">\n <kendo-recurrence-editor\n [formControl]='formGroup.get(fields.recurrenceRule)'\n [start]='recurrenceStart'\n [timezone]='eventTimezone'\n [weekStart]='weekStart'\n ></kendo-recurrence-editor>\n </ng-container>\n\n <ng-container *ngIf='getFormValue(fields.description)'>\n <div class='k-edit-label'>\n <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>\n </div>\n <div class='k-edit-field'>\n <textarea id='k-event-description' class='k-textbox' [formControl]='formGroup.get(fields.description)'></textarea>\n </div>\n </ng-container>\n\n <ng-container *ngFor='let resource of resources'>\n <ng-container *ngIf='getFormValue(resource.field)'>\n <div class='k-edit-label'>\n <label (click)=\"onResourceClick(resource)\">\n {{ resource.name ? resource.name : resource.field }}\n </label>\n </div>\n <div class='k-edit-field'>\n <kendo-multiple-resource-editor\n *ngIf='resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-multiple-resource-editor>\n <kendo-single-resource-editor\n *ngIf='!resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-single-resource-editor>\n </div>\n </ng-container>\n </ng-container>\n </form>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf='editTemplate'>\n <form novalidate [formGroup]='formGroup'>\n <ng-container [ngTemplateOutlet]='editTemplate.templateRef'\n [ngTemplateOutletContext]=\"{\n $implicit: formGroup,\n formGroup: formGroup,\n dataItem: editedEvent,\n editMode: editMode,\n isNew: isNew\n }\">\n </ng-container>\n </form>\n </ng-container>\n\n <kendo-dialog-actions>\n <button class=\"k-button\" (click)=\"onCancel($event)\">{{ textFor('cancel') }}</button>\n <button class=\"k-button k-primary\" (click)=\"onSave($event)\" [disabled]=\"!formGroup.valid\">{{ textFor('save') }}</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n "
289
+ template: "\n <kendo-dialog (close)='onClose()' [minWidth]='700' *ngIf='isActive' title='{{ textFor(\"editorTitle\") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]=\"autoFocusedElement\">\n <ng-container *ngIf='!editTemplate'>\n <div class='k-scheduler-edit-form'>\n <div class='k-edit-form-container'>\n <form novalidate [formGroup]='formGroup'>\n <div class='k-edit-label'>\n <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>\n </div>\n <div class='k-edit-field'>\n <input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='formGroup.get(fields.title)' />\n </div>\n\n <div class='k-edit-label'>\n <label (click)=\"startDateTimePicker.focus()\">{{ textFor('editorEventStart') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='formGroup.get(fields.start)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"startTzPicker.focus()\">{{ textFor('editorEventStartTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #startTzPicker [formControl]='formGroup.get(fields.startTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-label'>\n <label (click)=\"endDateTimePicker.focus()\">{{ textFor('editorEventEnd') }}</label>\n </div>\n <div class='k-edit-field'>\n <kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='formGroup.get(fields.end)'\n [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n </kendo-scheduler-datetime-picker>\n </div>\n\n <ng-container *ngIf=\"isEndTimeZoneVisible\">\n <div class='k-edit-label'>\n <label (click)=\"endTzPicker.focus()\">{{ textFor('editorEventEndTimeZone') }}</label>\n </div>\n\n <div class='k-edit-field'>\n <kendo-timezone-editor #endTzPicker [formControl]='formGroup.get(fields.endTimezone)'></kendo-timezone-editor>\n </div>\n </ng-container>\n\n <div class='k-edit-field' *ngIf=\"hasAllDay\">\n <input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='formGroup.get(fields.isAllDay)' />\n <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>\n </div>\n\n <div class='k-edit-field' *ngIf=\"hasStartTimeZone\">\n <input type='checkbox' id='k-set-timezone' kendoCheckBox\n formControlName='startTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>\n\n <ng-container *ngIf=\"isStartTimeZoneVisible && hasEndTimeZone\">\n <input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />\n <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"isEditingSeries\">\n <kendo-recurrence-editor\n [formControl]='formGroup.get(fields.recurrenceRule)'\n [start]='recurrenceStart'\n [timezone]='eventTimezone'\n [weekStart]='weekStart'\n ></kendo-recurrence-editor>\n </ng-container>\n\n <ng-container *ngIf='getFormValue(fields.description)'>\n <div class='k-edit-label'>\n <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>\n </div>\n <div class='k-edit-field'>\n <textarea id='k-event-description' kendoTextArea [formControl]='formGroup.get(fields.description)'></textarea>\n </div>\n </ng-container>\n\n <ng-container *ngFor='let resource of resources'>\n <ng-container *ngIf='getFormValue(resource.field)'>\n <div class='k-edit-label'>\n <label (click)=\"onResourceClick(resource)\">\n {{ resource.name ? resource.name : resource.field }}\n </label>\n </div>\n <div class='k-edit-field'>\n <kendo-multiple-resource-editor\n *ngIf='resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-multiple-resource-editor>\n <kendo-single-resource-editor\n *ngIf='!resource.multiple'\n [formControl]='formGroup.get(resource.field)'\n [resource]='resource'>\n </kendo-single-resource-editor>\n </div>\n </ng-container>\n </ng-container>\n </form>\n </div>\n </div>\n </ng-container>\n\n <ng-container *ngIf='editTemplate'>\n <form novalidate [formGroup]='formGroup'>\n <ng-container [ngTemplateOutlet]='editTemplate.templateRef'\n [ngTemplateOutletContext]=\"{\n $implicit: formGroup,\n formGroup: formGroup,\n dataItem: editedEvent,\n editMode: editMode,\n isNew: isNew\n }\">\n </ng-container>\n </form>\n </ng-container>\n\n <kendo-dialog-actions>\n <button kendoButton (click)=\"onCancel($event)\">{{ textFor('cancel') }}</button>\n <button kendoButton themeColor=\"primary\" (click)=\"onSave($event)\" [disabled]=\"!formGroup.valid\">{{ textFor('save') }}</button>\n </kendo-dialog-actions>\n </kendo-dialog>\n "
290
290
  }),
291
291
  tslib_1.__metadata("design:paramtypes", [core_1.NgZone,
292
292
  edit_service_1.EditService,
@@ -18,6 +18,7 @@ var EndRuleRadioButtonDirective = /** @class */ (function () {
18
18
  this.changeDetector = changeDetector;
19
19
  this.type = 'radio';
20
20
  this.radioClass = true;
21
+ this.radioSizeClass = true;
21
22
  this.destroyChange = this.renderer.listen(this.elem, 'change', this.onChange.bind(this));
22
23
  }
23
24
  EndRuleRadioButtonDirective.prototype.ngOnInit = function () {
@@ -58,6 +59,10 @@ var EndRuleRadioButtonDirective = /** @class */ (function () {
58
59
  core_1.HostBinding('class.k-radio'),
59
60
  tslib_1.__metadata("design:type", Boolean)
60
61
  ], EndRuleRadioButtonDirective.prototype, "radioClass", void 0);
62
+ tslib_1.__decorate([
63
+ core_1.HostBinding('class.k-radio-md'),
64
+ tslib_1.__metadata("design:type", Boolean)
65
+ ], EndRuleRadioButtonDirective.prototype, "radioSizeClass", void 0);
61
66
  tslib_1.__decorate([
62
67
  core_1.Input("kendoRecurrenceEndRuleRadioButton"),
63
68
  tslib_1.__metadata("design:type", String)