@progress/kendo-angular-scheduler 23.0.0-develop.1 → 23.0.0-develop.3

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

@@ -14,6 +14,7 @@ import { SingleResourceEditorComponent } from './resource-single-editor.componen
 import { FocusService } from '../navigation';
 import { Day } from '@progress/kendo-date-math';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { CldrIntlService } from '@progress/kendo-angular-intl';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -25,6 +26,7 @@ export declare class EditDialogComponent implements OnDestroy {
     private changeDetector;
     private element;
     private focusService;
+    private intl;
     multipleResourceEditors: QueryList<MultipleResourceEditorComponent>;
     singleResourceEditors: QueryList<SingleResourceEditorComponent>;
     resources: Array<Resource>;
@@ -48,7 +50,8 @@ export declare class EditDialogComponent implements OnDestroy {
     saveIcon: SVGIcon;
     cancelIcon: SVGIcon;
     private subs;
-    constructor(ngZone: NgZone, editService: EditService, localization: LocalizationService, changeDetector: ChangeDetectorRef, element: ElementRef, focusService: FocusService);
+    private pendingNewEventData;
+    constructor(ngZone: NgZone, editService: EditService, localization: LocalizationService, changeDetector: ChangeDetectorRef, element: ElementRef, focusService: FocusService, intl: CldrIntlService);
     onChange(): void;
     ngOnDestroy(): void;
     onCancel(e: any): void;
@@ -78,6 +81,7 @@ export declare class EditDialogComponent implements OnDestroy {
     private applyTimezone;
     private readDateWithTimezone;
     private readDateAsLocal;
+    private focusNewEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EditDialogComponent, "kendo-scheduler-edit-dialog", never, { "resources": { "alias": "resources"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "editTemplate": { "alias": "editTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }

package/fesm2022/progress-kendo-angular-scheduler.mjs

@@ -12,12 +12,12 @@ import { isEqualDate, ZonedDate, toLocalDate, getDate, timezoneNames, Day, MS_PE
 import { auditTime, buffer, filter, map, debounceTime, take, distinctUntilChanged, switchMap, tap } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subject, BehaviorSubject, fromEvent, Subscription, combineLatest, merge } from 'rxjs';
-import * as i4$1 from '@angular/forms';
+import * as i5 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NgControl, ReactiveFormsModule, FormControl, FormGroup } from '@angular/forms';
 import * as i1 from '@progress/kendo-angular-dialog';
 import { DialogCloseResult, DialogComponent, DialogActionsComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import * as i4 from '@progress/kendo-angular-intl';
-import { formatDate, DatePipe, parseDate } from '@progress/kendo-angular-intl';
+import { formatDate, CldrIntlService, DatePipe, parseDate } from '@progress/kendo-angular-intl';
 import { MultiSelectComponent, ItemTemplateDirective, TagTemplateDirective, DropDownListComponent, ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
 import { NgStyle, NgTemplateOutlet, AsyncPipe, NgClass } from '@angular/common';
 import { saveIcon, cancelOutlineIcon, calendarIcon, caretAltRightIcon, caretAltLeftIcon, filePdfIcon, arrowRotateCwIcon, arrowsNoRepeatIcon, xIcon, moreHorizontalIcon, clockIcon, caretAltUpIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
@@ -44,7 +44,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.1',
+    version: '23.0.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2883,6 +2883,13 @@ function formatEventTime(start, end, isAllDay, localeId) {
         `${startFormat}` :
         `${startFormat}-${endFormat}`;
 }
+/**
+ * @hidden
+ */
+function getEventTitle(start, end, isAllDay, title, localeId) {
+    const time = formatEventTime(start, end, isAllDay, localeId);
+    return `${time}, ${title}`;
+}
 /**
  * @hidden
  */
@@ -5625,7 +5632,7 @@ class TimeZoneEditorComponent {
             (valueChange)="onTimeZoneChange($event)">
           </kendo-combobox>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TimeZoneEditorComponent, decorators: [{
             type: Component,
@@ -5789,7 +5796,7 @@ class SchedulerDateTimePickerComponent {
         </kendo-datetimepicker-messages>
       </kendo-datetimepicker>
     }
-    `, isInline: true, dependencies: [{ kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SchedulerDateTimePickerComponent, decorators: [{
             type: Component,
@@ -5867,6 +5874,7 @@ class EditDialogComponent {
     changeDetector;
     element;
     focusService;
+    intl;
     multipleResourceEditors;
     singleResourceEditors;
     resources = [];
@@ -5901,13 +5909,15 @@ class EditDialogComponent {
     saveIcon = saveIcon;
     cancelIcon = cancelOutlineIcon;
     subs;
-    constructor(ngZone, editService, localization, changeDetector, element, focusService) {
+    pendingNewEventData;
+    constructor(ngZone, editService, localization, changeDetector, element, focusService, intl) {
         this.ngZone = ngZone;
         this.editService = editService;
         this.localization = localization;
         this.changeDetector = changeDetector;
         this.element = element;
         this.focusService = focusService;
+        this.intl = intl;
         this.subs = this.editService.changed.subscribe(() => {
             this.ngZone.run(() => { this.onChange(); });
         });
@@ -5967,11 +5977,13 @@ class EditDialogComponent {
         this.applyTimezone();
         this.editService.save();
         this.changeDetector.markForCheck();
+        if (this.isNew && this.formGroup) {
+            this.pendingNewEventData = this.formGroup.value;
+        }
     }
     onClose() {
         this.editService.endEdit();
         this.changeDetector.markForCheck();
-        this.focusService.focus();
     }
     get hasAllDay() {
         return Boolean(this.formGroup.get(this.fields.isAllDay));
@@ -6011,7 +6023,12 @@ class EditDialogComponent {
         this.setTimeZone = false;
         this.setSeparateStartEndTimeZones = false;
         this.removeTimeZoneCheckboxesFromFormGroup();
-        this.focusService.focus();
+        if (this.pendingNewEventData) {
+            this.focusNewEvent();
+        }
+        else {
+            this.focusService.focus();
+        }
     }
     addTimeZoneCheckboxesToFormGroup() {
         if (isPresent(this.formGroup)) {
@@ -6078,8 +6095,20 @@ class EditDialogComponent {
         const value = this.formGroup.get(field).value;
         return toLocalDate(ZonedDate.fromLocalDate(value, timezone).toUTCDate());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditDialogComponent, deps: [{ token: i0.NgZone }, { token: EditService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: EditDialogComponent, isStandalone: true, selector: "kendo-scheduler-edit-dialog", inputs: { resources: "resources", timezone: "timezone", weekStart: "weekStart", fields: "fields", editTemplate: "editTemplate" }, viewQueries: [{ propertyName: "multipleResourceEditors", predicate: MultipleResourceEditorComponent, descendants: true }, { propertyName: "singleResourceEditors", predicate: SingleResourceEditorComponent, descendants: true }], ngImport: i0, template: `
+    focusNewEvent() {
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            const focusableItems = Array.from(this.focusService.focusableItems);
+            const eventItems = focusableItems.filter(item => item.containerType === 'content');
+            const newEventTitle = getEventTitle(this.pendingNewEventData.start, this.pendingNewEventData.end, this.pendingNewEventData.isAllDay, this.pendingNewEventData.title, this.intl.localeId);
+            const newEventItem = eventItems.find(item => {
+                return item.element.nativeElement.getAttribute('aria-label') === newEventTitle;
+            });
+            newEventItem?.focus();
+            this.pendingNewEventData = null;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditDialogComponent, deps: [{ token: i0.NgZone }, { token: EditService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: FocusService }, { token: i4.CldrIntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: EditDialogComponent, isStandalone: true, selector: "kendo-scheduler-edit-dialog", inputs: { resources: "resources", timezone: "timezone", weekStart: "weekStart", fields: "fields", editTemplate: "editTemplate" }, providers: [CldrIntlService], viewQueries: [{ propertyName: "multipleResourceEditors", predicate: MultipleResourceEditorComponent, descendants: true }, { propertyName: "singleResourceEditors", predicate: SingleResourceEditorComponent, descendants: true }], ngImport: i0, template: `
         @if (isActive) {
           <kendo-dialog (close)='onClose()' [minWidth]='400' title='{{ textFor("editorTitle") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]="autoFocusedElement">
             @if (!editTemplate) {
@@ -6277,7 +6306,7 @@ class EditDialogComponent {
             </kendo-dialog-actions>
           </kendo-dialog>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: SchedulerDateTimePickerComponent, selector: "kendo-scheduler-datetime-picker", inputs: ["isAllDay"], outputs: ["valueChange"] }, { kind: "directive", type: CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "directive", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: ["autoSize", "value"], outputs: ["valueChange"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "component", type: SchedulerDateTimePickerComponent, selector: "kendo-scheduler-datetime-picker", inputs: ["isAllDay"], outputs: ["valueChange"] }, { kind: "directive", type: CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: TimeZoneEditorComponent, selector: "kendo-timezone-editor", inputs: ["width"], outputs: ["valueChange"] }, { kind: "component", type: RecurrenceEditorComponent, selector: "kendo-recurrence-editor", inputs: ["start", "timezone", "weekStart", "repeatEveryOptions", "endAfterOptions", "repeatOnOptions", "endOnOptions"], outputs: ["valueChange"], exportAs: ["kendoRecurrenceEditor"] }, { kind: "directive", type: TextAreaDirective, selector: "textarea[kendoTextArea]", inputs: ["autoSize", "value"], outputs: ["valueChange"] }, { kind: "component", type: MultipleResourceEditorComponent, selector: "kendo-multiple-resource-editor" }, { kind: "component", type: SingleResourceEditorComponent, selector: "kendo-single-resource-editor" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: EditDialogComponent, decorators: [{
             type: Component,
@@ -6483,9 +6512,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         `,
                     standalone: true,
+                    providers: [CldrIntlService],
                     imports: [DialogComponent, ReactiveFormsModule, FormFieldComponent, LabelComponent, TextBoxDirective, SchedulerDateTimePickerComponent, CheckBoxDirective, LabelDirective, TimeZoneEditorComponent, RecurrenceEditorComponent, TextAreaDirective, MultipleResourceEditorComponent, SingleResourceEditorComponent, NgTemplateOutlet, DialogActionsComponent, ButtonComponent]
                 }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: EditService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: FocusService }], propDecorators: { multipleResourceEditors: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: EditService }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: FocusService }, { type: i4.CldrIntlService }], propDecorators: { multipleResourceEditors: [{
                 type: ViewChildren,
                 args: [MultipleResourceEditorComponent]
             }], singleResourceEditors: [{
@@ -10874,8 +10904,7 @@ class AgendaTaskItemComponent {
     get eventTitle() {
         const start = toLocalDate(this.item.start);
         const end = toLocalDate(this.item.end);
-        const time = formatEventTime(start, end, this.item.isAllDay, this.intl.localeId);
-        return `${time}, ${this.item.event.title}`;
+        return getEventTitle(start, end, this.item.isAllDay, this.item.event.title, this.intl.localeId);
     }
     get eventColor() {
         return this.item.color;
@@ -13648,8 +13677,7 @@ class BaseViewItem {
     get eventTitle() {
         const startTime = toLocalDate(this.item.startTime);
         const endTime = toLocalDate(this.item.endTime);
-        const time = formatEventTime(startTime, endTime, this.item.isAllDay, this.intl.localeId);
-        return `${time}, ${this.item.event.title}`;
+        return getEventTitle(startTime, endTime, this.item.isAllDay, this.item.event.title, this.intl.localeId);
     }
     get deleteMessage() {
         return this.localization.get('deleteTitle');
@@ -20202,8 +20230,7 @@ class YearViewInternalComponent extends BaseView {
     eventTitle(event) {
         const startTime = toLocalDate(event.startTime);
         const endTime = toLocalDate(event.endTime);
-        const time = formatEventTime(startTime, endTime, event.isAllDay, this.intl.localeId);
-        return `${time}, ${event.event.title}`;
+        return getEventTitle(startTime, endTime, event.isAllDay, event.event.title, this.intl.localeId);
     }
     onClick(event) {
         if (event.target.tagName === 'SPAN') {

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770287107,
-  "version": "23.0.0-develop.1",
+  "publishDate": 1770292900,
+  "version": "23.0.0-develop.3",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "23.0.0-develop.1",
+  "version": "23.0.0-develop.3",
   "description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770287107,
+      "publishDate": 1770292900,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -32,23 +32,23 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-tooltip": "23.0.0-develop.1",
-    "@progress/kendo-angular-buttons": "23.0.0-develop.1",
-    "@progress/kendo-angular-common": "23.0.0-develop.1",
-    "@progress/kendo-angular-dateinputs": "23.0.0-develop.1",
-    "@progress/kendo-angular-dialog": "23.0.0-develop.1",
-    "@progress/kendo-angular-dropdowns": "23.0.0-develop.1",
-    "@progress/kendo-angular-icons": "23.0.0-develop.1",
-    "@progress/kendo-angular-inputs": "23.0.0-develop.1",
-    "@progress/kendo-angular-intl": "23.0.0-develop.1",
-    "@progress/kendo-angular-l10n": "23.0.0-develop.1",
-    "@progress/kendo-angular-label": "23.0.0-develop.1",
-    "@progress/kendo-angular-popup": "23.0.0-develop.1",
+    "@progress/kendo-angular-tooltip": "23.0.0-develop.3",
+    "@progress/kendo-angular-buttons": "23.0.0-develop.3",
+    "@progress/kendo-angular-common": "23.0.0-develop.3",
+    "@progress/kendo-angular-dateinputs": "23.0.0-develop.3",
+    "@progress/kendo-angular-dialog": "23.0.0-develop.3",
+    "@progress/kendo-angular-dropdowns": "23.0.0-develop.3",
+    "@progress/kendo-angular-icons": "23.0.0-develop.3",
+    "@progress/kendo-angular-inputs": "23.0.0-develop.3",
+    "@progress/kendo-angular-intl": "23.0.0-develop.3",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.3",
+    "@progress/kendo-angular-label": "23.0.0-develop.3",
+    "@progress/kendo-angular-popup": "23.0.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.0.0-develop.1",
+    "@progress/kendo-angular-schematics": "23.0.0-develop.3",
     "@progress/kendo-date-math": "^1.3.2",
     "@progress/kendo-draggable": "^3.0.2",
     "@progress/kendo-file-saver": "^1.0.7",

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '23.0.0-develop.1',
-            '@progress/kendo-angular-navigation': '23.0.0-develop.1',
+            '@progress/kendo-angular-treeview': '23.0.0-develop.3',
+            '@progress/kendo-angular-navigation': '23.0.0-develop.3',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '23.0.0-develop.1',
+            '@progress/kendo-angular-dialog': '23.0.0-develop.3',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/views/utils.d.ts

@@ -95,6 +95,10 @@ export declare const convertNgClassBindings: (bindingValues: any) => string[];
  * @hidden
  */
 export declare function formatEventTime(start: Date, end: Date, isAllDay: boolean, localeId?: string): string;
+/**
+ * @hidden
+ */
+export declare function getEventTitle(start: Date, end: Date, isAllDay: boolean, title: string, localeId?: string): string;
 /**
  * @hidden
  */