@progress/kendo-angular-scheduler 13.0.0-develop.6 → 13.0.0-develop.7

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.
@@ -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: 1685095215,
13
- version: '13.0.0-develop.6',
12
+ publishDate: 1685097008,
13
+ version: '13.0.0-develop.7',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
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 { 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,