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

package/editing/date-time-picker.component.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ControlValueAccessor } from '@angular/forms';
 import { EventEmitter } from '@angular/core';
-import { DatePickerComponent } from '@progress/kendo-angular-dateinputs';
+import { DatePickerComponent, DateTimePickerComponent } from '@progress/kendo-angular-dateinputs';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -15,8 +15,13 @@ export declare const SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR: any;
  */
 export declare class SchedulerDateTimePickerComponent implements ControlValueAccessor {
     datePicker: DatePickerComponent;
+    dateTimePicker: DateTimePickerComponent;
     isAllDay: boolean;
     valueChange: EventEmitter<Date>;
+    /**
+     * @hidden
+     */
+    get focusableId(): string;
     date: Date;
     writeValue(newDate: any): void;
     onValueChange(newValue: Date): void;

package/editing/edit-dialog.component.d.ts

@@ -13,6 +13,7 @@ import { MultipleResourceEditorComponent } from './resource-multiple-editor.comp
 import { SingleResourceEditorComponent } from './resource-single-editor.component';
 import { FocusService } from '../navigation';
 import { Day } from '@progress/kendo-date-math';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -44,6 +45,8 @@ export declare class EditDialogComponent implements OnDestroy {
     formGroup: FormGroup;
     editedEvent: any;
     isNew: boolean;
+    saveIcon: SVGIcon;
+    cancelIcon: SVGIcon;
     private subs;
     constructor(ngZone: NgZone, editService: EditService, localization: LocalizationService, changeDetector: ChangeDetectorRef, element: ElementRef, focusService: FocusService);
     onChange(): void;

package/editing/recurrence/recurrence-end-rule-editor.component.d.ts

@@ -16,6 +16,7 @@ import * as i0 from "@angular/core";
 export declare class RecurrenceEndRuleEditorComponent implements OnDestroy {
     private recurrence;
     private localization;
+    cssClass: boolean;
     set userNumericOptions(options: NumericTextBoxOptions);
     set userDatePickerOptions(options: DatePickerOptions);
     endRuleRadioButtons: QueryList<EndRuleRadioButtonDirective>;

package/editing/recurrence/recurrence-interval-editor.component.d.ts

@@ -12,6 +12,7 @@ import * as i0 from "@angular/core";
 export declare class RecurrenceIntervalEditorComponent {
     private recurrence;
     private localization;
+    cssClass: boolean;
     set userNumericOptions(options: NumericTextBoxOptions);
     intervalValue: number;
     numericOptions: NumericTextBoxOptions;

package/editing/timezone-editor.component.d.ts

@@ -25,6 +25,10 @@ export declare class TimeZoneEditorComponent implements ControlValueAccessor {
      * Fires when the value of the component has changed.
      */
     valueChange: EventEmitter<string>;
+    /**
+     * @hidden
+     */
+    get focusableId(): string;
     tz: string;
     tzNames: Array<string>;
     tzSource: Array<string>;

package/esm2020/editing/date-time-picker.component.mjs

@@ -5,7 +5,7 @@
 import { ViewChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Component, forwardRef, Input, Output, EventEmitter } from '@angular/core';
-import { DatePickerComponent } from '@progress/kendo-angular-dateinputs';
+import { DatePickerComponent, DateTimePickerComponent } from '@progress/kendo-angular-dateinputs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dateinputs";
 import * as i2 from "@angular/common";
@@ -26,6 +26,12 @@ export class SchedulerDateTimePickerComponent {
         this.onTouchedCallback = (_) => { };
         this.onChangeCallback = (_) => { };
     }
+    /**
+     * @hidden
+     */
+    get focusableId() {
+        return this.isAllDay ? this.datePicker?.focusableId : this.dateTimePicker?.focusableId;
+    }
     writeValue(newDate) {
         if (newDate instanceof Date) {
             this.date = newDate;
@@ -39,7 +45,7 @@ export class SchedulerDateTimePickerComponent {
      * @hidden
      */
     focus() {
-        this.datePicker.focus();
+        this.datePicker ? this.datePicker.focus() : this.dateTimePicker.focus();
     }
     /**
      * @hidden
@@ -57,19 +63,20 @@ export class SchedulerDateTimePickerComponent {
 SchedulerDateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SchedulerDateTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 SchedulerDateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SchedulerDateTimePickerComponent, selector: "kendo-scheduler-datetime-picker", inputs: { isAllDay: "isAllDay" }, outputs: { valueChange: "valueChange" }, providers: [
         SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR
-    ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datepicker"], descendants: true, static: true }], ngImport: i0, template: `
+    ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datepicker"], descendants: true }, { propertyName: "dateTimePicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: `
     <kendo-datepicker
+        *ngIf='isAllDay'
         #datepicker
         [(value)]='date'
         (valueChange)='onValueChange($event)'
-        [style.width.px]="170"
     ></kendo-datepicker>
-    <kendo-timepicker *ngIf='!isAllDay'
+    <kendo-datetimepicker
+        *ngIf='!isAllDay'
+        #datetimepicker
         [(value)]='date'
         (valueChange)='onValueChange($event)'
-        [style.width.px]="170"
-    ></kendo-timepicker>
-    `, isInline: true, components: [{ type: i1.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i1.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    >
+    `, isInline: true, components: [{ type: i1.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i1.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SchedulerDateTimePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -79,21 +86,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-scheduler-datetime-picker',
                     template: `
     <kendo-datepicker
+        *ngIf='isAllDay'
         #datepicker
         [(value)]='date'
         (valueChange)='onValueChange($event)'
-        [style.width.px]="170"
     ></kendo-datepicker>
-    <kendo-timepicker *ngIf='!isAllDay'
+    <kendo-datetimepicker
+        *ngIf='!isAllDay'
+        #datetimepicker
         [(value)]='date'
         (valueChange)='onValueChange($event)'
-        [style.width.px]="170"
-    ></kendo-timepicker>
+    >
     `
                 }]
         }], propDecorators: { datePicker: [{
                 type: ViewChild,
-                args: ['datepicker', { static: true }]
+                args: ['datepicker']
+            }], dateTimePicker: [{
+                type: ViewChild,
+                args: ['datetimepicker']
             }], isAllDay: [{
                 type: Input
             }], valueChange: [{