@progress/kendo-angular-scheduler 13.0.0-develop.2 → 13.0.0-develop.21

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 (32) hide show
  1. package/editing/date-time-picker.component.d.ts +6 -1
  2. package/editing/edit-dialog.component.d.ts +3 -0
  3. package/editing/recurrence/recurrence-end-rule-editor.component.d.ts +1 -0
  4. package/editing/recurrence/recurrence-interval-editor.component.d.ts +1 -0
  5. package/editing/timezone-editor.component.d.ts +4 -0
  6. package/esm2020/editing/date-time-picker.component.mjs +24 -13
  7. package/esm2020/editing/edit-dialog.component.mjs +351 -240
  8. package/esm2020/editing/recurrence/recurrence-editor.component.mjs +40 -36
  9. package/esm2020/editing/recurrence/recurrence-end-rule-editor.component.mjs +156 -130
  10. package/esm2020/editing/recurrence/recurrence-frequency-editor.component.mjs +26 -13
  11. package/esm2020/editing/recurrence/recurrence-interval-editor.component.mjs +26 -14
  12. package/esm2020/editing/recurrence/recurrence-monthly-yearly-editor.component.mjs +157 -149
  13. package/esm2020/editing/recurrence/recurrence-weekday-rule-editor.component.mjs +40 -23
  14. package/esm2020/editing/timezone-editor.component.mjs +6 -0
  15. package/esm2020/package-metadata.mjs +2 -2
  16. package/esm2020/pdf/pdf-command.directive.mjs +1 -1
  17. package/esm2020/scheduler.module.mjs +5 -3
  18. package/esm2020/toolbar/navigation.component.mjs +14 -8
  19. package/esm2020/views/agenda/agenda-task-item.component.mjs +1 -1
  20. package/esm2020/views/agenda/agenda-view-list.component.mjs +16 -10
  21. package/esm2020/views/day-time/day-time-view-item.component.mjs +9 -9
  22. package/esm2020/views/month/month-slot.component.mjs +1 -1
  23. package/esm2020/views/month/month-view-item.component.mjs +9 -9
  24. package/esm2020/views/view-items/base-view-item.mjs +9 -0
  25. package/fesm2015/progress-kendo-angular-scheduler.mjs +878 -650
  26. package/fesm2020/progress-kendo-angular-scheduler.mjs +877 -650
  27. package/package.json +12 -12
  28. package/scheduler.module.d.ts +1 -1
  29. package/schematics/ngAdd/index.js +2 -2
  30. package/toolbar/navigation.component.d.ts +2 -0
  31. package/views/agenda/agenda-view-list.component.d.ts +4 -2
  32. package/views/view-items/base-view-item.d.ts +5 -0
@@ -11,10 +11,10 @@ import { RepeatOnRadioButtonDirective } from './repeat-on-radio-button.directive
11
11
  import * as i0 from "@angular/core";
12
12
  import * as i1 from "./recurrence.service";
13
13
  import * as i2 from "@progress/kendo-angular-l10n";
14
- import * as i3 from "@progress/kendo-angular-dropdowns";
15
- import * as i4 from "@progress/kendo-angular-inputs";
16
- import * as i5 from "./repeat-on-radio-button.directive";
17
- import * as i6 from "@progress/kendo-angular-label";
14
+ import * as i3 from "@progress/kendo-angular-label";
15
+ import * as i4 from "@progress/kendo-angular-dropdowns";
16
+ import * as i5 from "@progress/kendo-angular-inputs";
17
+ import * as i6 from "./repeat-on-radio-button.directive";
18
18
  import * as i7 from "@angular/common";
19
19
  /**
20
20
  * @hidden
@@ -238,192 +238,200 @@ export class RecurrenceMonthlyYearlyEditorComponent {
238
238
  RecurrenceMonthlyYearlyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
239
239
  RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RecurrenceMonthlyYearlyEditorComponent, selector: "kendo-recurrence-monthly-yearly-editor", inputs: { userNumericOptions: "userNumericOptions" }, viewQueries: [{ propertyName: "repeatOnRadioButtons", predicate: RepeatOnRadioButtonDirective, descendants: true }], ngImport: i0, template: `
240
240
  <div class='k-form-field'>
241
- <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
241
+ <kendo-label
242
+ [text]="textForRepeatOn()"
243
+ labelCssClass="k-form-label"
244
+ (click)="onRepeatOnLabelClick()"
245
+ ></kendo-label>
246
+ <div class="k-form-field-wrap">
247
+ <ul class='k-radio-list'>
248
+ <li class='k-radio-list-item'>
249
+ <span class="k-radio-wrap">
250
+ <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
251
+ </span>
252
+ <label [labelClass]="false" class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
253
+ <ng-template [ngIf]="currentFreq === 'monthly'">
254
+ {{ textFor('monthlyDay') }}
255
+ </ng-template>
256
+ </label>
242
257
 
243
- <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
244
- <li class='k-radio-item'>
245
- <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
246
-
247
- <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
248
- <ng-template [ngIf]="currentFreq === 'monthly'">
249
- {{ textFor('monthlyDay') }}
258
+ <ng-template [ngIf]="currentFreq === 'yearly'">
259
+ <kendo-dropdownlist
260
+ [data]='months'
261
+ textField='text'
262
+ valueField='value'
263
+ [value]='currentMonthMonthDay'
264
+ [valuePrimitive]='true'
265
+ (valueChange)="onMonthChange($event, 'monthday')"
266
+ [disabled]="isDisabled('monthday')"
267
+ [style.width.px]="170"
268
+ [style.margin]="'0 .4ex 0 1ex'">
269
+ </kendo-dropdownlist>
250
270
  </ng-template>
251
- </label>
252
271
 
253
- <ng-template [ngIf]="currentFreq === 'yearly'">
272
+ <kendo-numerictextbox
273
+ class="k-recur-monthday"
274
+ [min]="numericOptions.min"
275
+ [max]="numericOptions.max"
276
+ [decimals]="0"
277
+ [format]="numericOptions.format"
278
+ [autoCorrect]="numericOptions.autoCorrect"
279
+ [readonly]="numericOptions.readonly"
280
+ [selectOnFocus]="numericOptions.selectOnFocus"
281
+ [spinners]="numericOptions.spinners"
282
+ [step]="numericOptions.step"
283
+ [title]="numericOptions.title"
284
+ [value]='monthDay'
285
+ (valueChange)='onMonthDayChange($event)'
286
+ [disabled]="isDisabled('monthday')">
287
+ </kendo-numerictextbox>
288
+ </li>
289
+ <li class='k-radio-list-item'>
290
+ <span class="k-radio-wrap">
291
+ <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
292
+ </span>
293
+ <label [labelClass]="false" class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
294
+
254
295
  <kendo-dropdownlist
255
- [data]='months'
296
+ [data]='offsetPositions'
256
297
  textField='text'
257
298
  valueField='value'
258
- [value]='currentMonthMonthDay'
299
+ [value]='offset'
259
300
  [valuePrimitive]='true'
260
- (valueChange)="onMonthChange($event, 'monthday')"
261
- [disabled]="isDisabled('monthday')"
262
- [style.width.px]="170"
301
+ (valueChange)='onOffsetPositionChange($event)'
302
+ [disabled]="isDisabled('weekday')"
263
303
  [style.margin]="'0 .4ex 0 1ex'">
264
304
  </kendo-dropdownlist>
265
- </ng-template>
266
-
267
- <kendo-numerictextbox
268
- [style.width.px]='70'
269
- [min]="numericOptions.min"
270
- [max]="numericOptions.max"
271
- [decimals]="0"
272
- [format]="numericOptions.format"
273
- [autoCorrect]="numericOptions.autoCorrect"
274
- [readonly]="numericOptions.readonly"
275
- [selectOnFocus]="numericOptions.selectOnFocus"
276
- [spinners]="numericOptions.spinners"
277
- [step]="numericOptions.step"
278
- [title]="numericOptions.title"
279
- [value]='monthDay'
280
- (valueChange)='onMonthDayChange($event)'
281
- [disabled]="isDisabled('monthday')"
282
- [style.margin]="'0 .4ex 0 1ex'">
283
- </kendo-numerictextbox>
284
- </li>
285
- <li class='k-radio-item'>
286
- <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
287
- <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
288
-
289
- <kendo-dropdownlist
290
- [data]='offsetPositions'
291
- textField='text'
292
- valueField='value'
293
- [value]='offset'
294
- [valuePrimitive]='true'
295
- (valueChange)='onOffsetPositionChange($event)'
296
- [disabled]="isDisabled('weekday')"
297
- [style.width.px]="170"
298
- [style.margin]="'0 .4ex 0 1ex'">
299
- </kendo-dropdownlist>
300
-
301
- <kendo-dropdownlist
302
- [data]="extendedWeekDays"
303
- textField='text'
304
- valueField='value'
305
- [value]='weekDay'
306
- [valuePrimitive]='true'
307
- (valueChange)='onWeekDayChange($event)'
308
- [disabled]="isDisabled('weekday')"
309
- [style.width.px]="170"
310
- [style.margin]="'0 .4ex 0 1ex'">
311
- </kendo-dropdownlist>
312
-
313
- <ng-template [ngIf]="currentFreq === 'yearly'">
314
- <span>{{ textFor('yearlyOf') }}</span>
315
305
 
316
306
  <kendo-dropdownlist
317
- [data]='months'
307
+ [data]="extendedWeekDays"
318
308
  textField='text'
319
309
  valueField='value'
320
- [value]='currentMonthWeekDay'
310
+ [value]='weekDay'
321
311
  [valuePrimitive]='true'
322
- (valueChange)="onMonthChange($event, 'weekday')"
312
+ (valueChange)='onWeekDayChange($event)'
323
313
  [disabled]="isDisabled('weekday')"
324
- [style.width.px]="170"
325
314
  [style.margin]="'0 .4ex 0 1ex'">
326
315
  </kendo-dropdownlist>
327
- </ng-template>
328
- </li>
329
- </ul>
316
+
317
+ <ng-template [ngIf]="currentFreq === 'yearly'">
318
+ <span>{{ textFor('yearlyOf') }}</span>
319
+
320
+ <kendo-dropdownlist
321
+ [data]='months'
322
+ textField='text'
323
+ valueField='value'
324
+ [value]='currentMonthWeekDay'
325
+ [valuePrimitive]='true'
326
+ (valueChange)="onMonthChange($event, 'weekday')"
327
+ [disabled]="isDisabled('weekday')"
328
+ [style.margin]="'0 .4ex 0 1ex'">
329
+ </kendo-dropdownlist>
330
+ </ng-template>
331
+ </li>
332
+ </ul>
333
+ </div>
330
334
  </div>
331
- `, isInline: true, components: [{ type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: i5.RepeatOnRadioButtonDirective, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: ["kendoRecurrenceRepeatOnRadioButton"] }, { type: i6.LabelDirective, selector: "label[for]", inputs: ["for"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
335
+ `, isInline: true, components: [{ type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: i6.RepeatOnRadioButtonDirective, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: ["kendoRecurrenceRepeatOnRadioButton"] }, { type: i3.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
332
336
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, decorators: [{
333
337
  type: Component,
334
338
  args: [{
335
339
  selector: 'kendo-recurrence-monthly-yearly-editor',
336
340
  template: `
337
341
  <div class='k-form-field'>
338
- <label class='k-form-label' (click)="onRepeatOnLabelClick()">{{ textForRepeatOn() }}</label>
342
+ <kendo-label
343
+ [text]="textForRepeatOn()"
344
+ labelCssClass="k-form-label"
345
+ (click)="onRepeatOnLabelClick()"
346
+ ></kendo-label>
347
+ <div class="k-form-field-wrap">
348
+ <ul class='k-radio-list'>
349
+ <li class='k-radio-list-item'>
350
+ <span class="k-radio-wrap">
351
+ <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
352
+ </span>
353
+ <label [labelClass]="false" class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
354
+ <ng-template [ngIf]="currentFreq === 'monthly'">
355
+ {{ textFor('monthlyDay') }}
356
+ </ng-template>
357
+ </label>
339
358
 
340
- <ul class='k-form-field-wrap k-reset' [style.width.px]='650'>
341
- <li class='k-radio-item'>
342
- <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />
343
-
344
- <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>
345
- <ng-template [ngIf]="currentFreq === 'monthly'">
346
- {{ textFor('monthlyDay') }}
359
+ <ng-template [ngIf]="currentFreq === 'yearly'">
360
+ <kendo-dropdownlist
361
+ [data]='months'
362
+ textField='text'
363
+ valueField='value'
364
+ [value]='currentMonthMonthDay'
365
+ [valuePrimitive]='true'
366
+ (valueChange)="onMonthChange($event, 'monthday')"
367
+ [disabled]="isDisabled('monthday')"
368
+ [style.width.px]="170"
369
+ [style.margin]="'0 .4ex 0 1ex'">
370
+ </kendo-dropdownlist>
347
371
  </ng-template>
348
- </label>
349
372
 
350
- <ng-template [ngIf]="currentFreq === 'yearly'">
373
+ <kendo-numerictextbox
374
+ class="k-recur-monthday"
375
+ [min]="numericOptions.min"
376
+ [max]="numericOptions.max"
377
+ [decimals]="0"
378
+ [format]="numericOptions.format"
379
+ [autoCorrect]="numericOptions.autoCorrect"
380
+ [readonly]="numericOptions.readonly"
381
+ [selectOnFocus]="numericOptions.selectOnFocus"
382
+ [spinners]="numericOptions.spinners"
383
+ [step]="numericOptions.step"
384
+ [title]="numericOptions.title"
385
+ [value]='monthDay'
386
+ (valueChange)='onMonthDayChange($event)'
387
+ [disabled]="isDisabled('monthday')">
388
+ </kendo-numerictextbox>
389
+ </li>
390
+ <li class='k-radio-list-item'>
391
+ <span class="k-radio-wrap">
392
+ <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
393
+ </span>
394
+ <label [labelClass]="false" class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
395
+
351
396
  <kendo-dropdownlist
352
- [data]='months'
397
+ [data]='offsetPositions'
353
398
  textField='text'
354
399
  valueField='value'
355
- [value]='currentMonthMonthDay'
400
+ [value]='offset'
356
401
  [valuePrimitive]='true'
357
- (valueChange)="onMonthChange($event, 'monthday')"
358
- [disabled]="isDisabled('monthday')"
359
- [style.width.px]="170"
402
+ (valueChange)='onOffsetPositionChange($event)'
403
+ [disabled]="isDisabled('weekday')"
360
404
  [style.margin]="'0 .4ex 0 1ex'">
361
405
  </kendo-dropdownlist>
362
- </ng-template>
363
-
364
- <kendo-numerictextbox
365
- [style.width.px]='70'
366
- [min]="numericOptions.min"
367
- [max]="numericOptions.max"
368
- [decimals]="0"
369
- [format]="numericOptions.format"
370
- [autoCorrect]="numericOptions.autoCorrect"
371
- [readonly]="numericOptions.readonly"
372
- [selectOnFocus]="numericOptions.selectOnFocus"
373
- [spinners]="numericOptions.spinners"
374
- [step]="numericOptions.step"
375
- [title]="numericOptions.title"
376
- [value]='monthDay'
377
- (valueChange)='onMonthDayChange($event)'
378
- [disabled]="isDisabled('monthday')"
379
- [style.margin]="'0 .4ex 0 1ex'">
380
- </kendo-numerictextbox>
381
- </li>
382
- <li class='k-radio-item'>
383
- <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />
384
- <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>
385
-
386
- <kendo-dropdownlist
387
- [data]='offsetPositions'
388
- textField='text'
389
- valueField='value'
390
- [value]='offset'
391
- [valuePrimitive]='true'
392
- (valueChange)='onOffsetPositionChange($event)'
393
- [disabled]="isDisabled('weekday')"
394
- [style.width.px]="170"
395
- [style.margin]="'0 .4ex 0 1ex'">
396
- </kendo-dropdownlist>
397
-
398
- <kendo-dropdownlist
399
- [data]="extendedWeekDays"
400
- textField='text'
401
- valueField='value'
402
- [value]='weekDay'
403
- [valuePrimitive]='true'
404
- (valueChange)='onWeekDayChange($event)'
405
- [disabled]="isDisabled('weekday')"
406
- [style.width.px]="170"
407
- [style.margin]="'0 .4ex 0 1ex'">
408
- </kendo-dropdownlist>
409
-
410
- <ng-template [ngIf]="currentFreq === 'yearly'">
411
- <span>{{ textFor('yearlyOf') }}</span>
412
406
 
413
407
  <kendo-dropdownlist
414
- [data]='months'
408
+ [data]="extendedWeekDays"
415
409
  textField='text'
416
410
  valueField='value'
417
- [value]='currentMonthWeekDay'
411
+ [value]='weekDay'
418
412
  [valuePrimitive]='true'
419
- (valueChange)="onMonthChange($event, 'weekday')"
413
+ (valueChange)='onWeekDayChange($event)'
420
414
  [disabled]="isDisabled('weekday')"
421
- [style.width.px]="170"
422
415
  [style.margin]="'0 .4ex 0 1ex'">
423
416
  </kendo-dropdownlist>
424
- </ng-template>
425
- </li>
426
- </ul>
417
+
418
+ <ng-template [ngIf]="currentFreq === 'yearly'">
419
+ <span>{{ textFor('yearlyOf') }}</span>
420
+
421
+ <kendo-dropdownlist
422
+ [data]='months'
423
+ textField='text'
424
+ valueField='value'
425
+ [value]='currentMonthWeekDay'
426
+ [valuePrimitive]='true'
427
+ (valueChange)="onMonthChange($event, 'weekday')"
428
+ [disabled]="isDisabled('weekday')"
429
+ [style.margin]="'0 .4ex 0 1ex'">
430
+ </kendo-dropdownlist>
431
+ </ng-template>
432
+ </li>
433
+ </ul>
434
+ </div>
427
435
  </div>
428
436
  `
429
437
  }]
@@ -10,8 +10,9 @@ import { Button } from '@progress/kendo-angular-buttons';
10
10
  import * as i0 from "@angular/core";
11
11
  import * as i1 from "./recurrence.service";
12
12
  import * as i2 from "@progress/kendo-angular-l10n";
13
- import * as i3 from "@progress/kendo-angular-buttons";
14
- import * as i4 from "@angular/common";
13
+ import * as i3 from "@progress/kendo-angular-label";
14
+ import * as i4 from "@progress/kendo-angular-buttons";
15
+ import * as i5 from "@angular/common";
15
16
  /**
16
17
  * @hidden
17
18
  */
@@ -67,36 +68,52 @@ export class RecurrenceWeekdayRuleEditorComponent {
67
68
  }
68
69
  RecurrenceWeekdayRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
69
70
  RecurrenceWeekdayRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RecurrenceWeekdayRuleEditorComponent, selector: "kendo-recurrence-weekday-rule-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
70
- <div class='k-form-field'>
71
- <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
72
-
73
- <div class='k-form-field-wrap'>
74
- <kendo-buttongroup [selection]="'multiple'">
75
- <button *ngFor='let day of weekDays' kendoButton
76
- [style.width.px]="75"
77
- [toggleable]="true"
78
- [selected]="isSelected(day)"
79
- (selectedChange)="onSelectedChange($event, day.value)"
71
+ <div class="k-form-field">
72
+ <kendo-label
73
+ [text]="textFor('weeklyRepeatOn')"
74
+ labelCssClass="k-form-label"
75
+ (click)="onWeeklyRepeatOnClick()"
76
+ ></kendo-label>
77
+ <div class="k-form-field-wrap">
78
+ <kendo-buttongroup
79
+ class="k-button-group-solid"
80
+ width="100%"
81
+ selection="multiple"
82
+ >
83
+ <button
84
+ *ngFor='let day of weekDays'
85
+ kendoButton
86
+ [toggleable]="true"
87
+ [selected]="isSelected(day)"
88
+ (selectedChange)="onSelectedChange($event, day.value)"
80
89
  >{{ capitalize(day.text) }}</button>
81
90
  </kendo-buttongroup>
82
91
  </div>
83
92
  </div>
84
- `, isInline: true, components: [{ type: i3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { type: i3.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
93
+ `, isInline: true, components: [{ type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i4.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
85
94
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
86
95
  type: Component,
87
96
  args: [{
88
97
  selector: 'kendo-recurrence-weekday-rule-editor',
89
98
  template: `
90
- <div class='k-form-field'>
91
- <label class='k-form-label' (click)="onWeeklyRepeatOnClick()">{{ textFor('weeklyRepeatOn') }}</label>
92
-
93
- <div class='k-form-field-wrap'>
94
- <kendo-buttongroup [selection]="'multiple'">
95
- <button *ngFor='let day of weekDays' kendoButton
96
- [style.width.px]="75"
97
- [toggleable]="true"
98
- [selected]="isSelected(day)"
99
- (selectedChange)="onSelectedChange($event, day.value)"
99
+ <div class="k-form-field">
100
+ <kendo-label
101
+ [text]="textFor('weeklyRepeatOn')"
102
+ labelCssClass="k-form-label"
103
+ (click)="onWeeklyRepeatOnClick()"
104
+ ></kendo-label>
105
+ <div class="k-form-field-wrap">
106
+ <kendo-buttongroup
107
+ class="k-button-group-solid"
108
+ width="100%"
109
+ selection="multiple"
110
+ >
111
+ <button
112
+ *ngFor='let day of weekDays'
113
+ kendoButton
114
+ [toggleable]="true"
115
+ [selected]="isSelected(day)"
116
+ (selectedChange)="onSelectedChange($event, day.value)"
100
117
  >{{ capitalize(day.text) }}</button>
101
118
  </kendo-buttongroup>
102
119
  </div>
@@ -37,6 +37,12 @@ export class TimeZoneEditorComponent {
37
37
  this.tzNames = timezoneNames();
38
38
  this.tzSource = this.tzNames.slice();
39
39
  }
40
+ /**
41
+ * @hidden
42
+ */
43
+ get focusableId() {
44
+ return this.tzComboBox.focusableId;
45
+ }
40
46
  /**
41
47
  * @hidden
42
48
  */
@@ -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: 1684846737,
13
- version: '13.0.0-develop.2',
12
+ publishDate: 1685972982,
13
+ version: '13.0.0-develop.21',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -61,7 +61,7 @@ PDFCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
61
61
  </span>
62
62
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
63
63
  <span class="k-button-text"><ng-content></ng-content></span>
64
- `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
64
+ `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
65
65
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFCommandDirective, decorators: [{
66
66
  type: Component,
67
67
  args: [{
@@ -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 { CheckBoxModule, NumericTextBoxModule, TextAreaModule, TextBoxModule } from '@progress/kendo-angular-inputs';
38
+ import { CheckBoxModule, FormFieldModule, 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';
@@ -123,7 +123,8 @@ const importedKendoModules = [
123
123
  DropDownsModule,
124
124
  ReactiveFormsModule,
125
125
  SharedModule,
126
- LabelModule
126
+ LabelModule,
127
+ FormFieldModule
127
128
  ];
128
129
  /**
129
130
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -210,7 +211,8 @@ SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
210
211
  DropDownsModule,
211
212
  ReactiveFormsModule,
212
213
  SharedModule,
213
- LabelModule], exports: [AgendaViewComponent,
214
+ LabelModule,
215
+ FormFieldModule], exports: [AgendaViewComponent,
214
216
  MonthViewModule,
215
217
  MultiDayViewModule,
216
218
  ReactiveEditingDirective,
@@ -183,6 +183,12 @@ export class ToolbarNavigationComponent {
183
183
  this.dateRangeText.current = isDesktop ? this.dateRangeText.long : this.dateRangeText.short;
184
184
  this.cd.detectChanges();
185
185
  }
186
+ get arrowIcons() {
187
+ return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
188
+ }
189
+ get arrowSVGIcons() {
190
+ return !this.localization.rtl ? ['caretAltLeftIcon', 'caretAltRightIcon'] : ['caretAltRightIcon', 'caretAltLeftIcon'];
191
+ }
186
192
  }
187
193
  ToolbarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ToolbarNavigationComponent, deps: [{ token: i1.PopupService }, { token: i2.ToolbarService }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.ViewContextService }], target: i0.ɵɵFactoryTarget.Component });
188
194
  ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ToolbarNavigationComponent, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
@@ -200,8 +206,8 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
200
206
  <button kendoButton
201
207
  (click)="prevClick()"
202
208
  class="k-nav-prev"
203
- icon="caret-alt-left"
204
- [svgIcon]="svgIcon('caretAltLeftIcon')"
209
+ [icon]="arrowIcons[0]"
210
+ [svgIcon]="svgIcon(arrowSVGIcons[0])"
205
211
  [attr.title]="previousText"
206
212
  [attr.aria-label]="previousText"
207
213
  [kendoSchedulerFocusIndex]="0"
@@ -211,8 +217,8 @@ ToolbarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
211
217
  (click)="nextClick()"
212
218
  type="button"
213
219
  class="k-nav-next"
214
- icon="caret-alt-right"
215
- [svgIcon]="svgIcon('caretAltRightIcon')"
220
+ [icon]="arrowIcons[1]"
221
+ [svgIcon]="svgIcon(arrowSVGIcons[1])"
216
222
  [attr.title]="nextText"
217
223
  [attr.aria-label]="nextText"
218
224
  [kendoSchedulerFocusIndex]="0"
@@ -272,8 +278,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
272
278
  <button kendoButton
273
279
  (click)="prevClick()"
274
280
  class="k-nav-prev"
275
- icon="caret-alt-left"
276
- [svgIcon]="svgIcon('caretAltLeftIcon')"
281
+ [icon]="arrowIcons[0]"
282
+ [svgIcon]="svgIcon(arrowSVGIcons[0])"
277
283
  [attr.title]="previousText"
278
284
  [attr.aria-label]="previousText"
279
285
  [kendoSchedulerFocusIndex]="0"
@@ -283,8 +289,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
283
289
  (click)="nextClick()"
284
290
  type="button"
285
291
  class="k-nav-next"
286
- icon="caret-alt-right"
287
- [svgIcon]="svgIcon('caretAltRightIcon')"
292
+ [icon]="arrowIcons[1]"
293
+ [svgIcon]="svgIcon(arrowSVGIcons[1])"
288
294
  [attr.title]="nextText"
289
295
  [attr.aria-label]="nextText"
290
296
  [kendoSchedulerFocusIndex]="0"
@@ -62,7 +62,7 @@ AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
62
62
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
63
63
  </span>
64
64
  </div>
65
- `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
65
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
66
66
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AgendaTaskItemComponent, decorators: [{
67
67
  type: Component,
68
68
  args: [{