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

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

@@ -44,7 +44,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.9',
+    version: '23.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -324,7 +324,7 @@ class DragEvent extends PreventableEvent {
      */
     resources;
     /**
-     * Sets the class to the drag hint ([see example]({% slug restrictions_scheduler %})).
+     * Sets the class to the drag hint ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/restrictions)).
      */
     setHintClass;
     /**
@@ -725,19 +725,19 @@ class SlotDragEndEvent extends SlotDragEvent {
 }
 
 /**
- * Represents the toolbar template of the Scheduler. To define a toolbar template, nest an `<ng-template kendoSchedulerToolbarTemplate>` tag inside the `<kendo-scheduler>`. For more information and examples, see [customizing the toolbar](slug:toolbar_scheduler) article.
+ * Represents the toolbar template of the Scheduler. To define a toolbar template, nest an `<ng-template kendoSchedulerToolbarTemplate>` tag inside the `<kendo-scheduler>`. For more information and examples, see [customizing the toolbar](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar) article.
  *
  * The template context provides the following variables:
  * * `selectedDate`&mdash;The currently selected date.
- * * `dateRange`&mdash;The currently selected [`DateRange`](slug:api_scheduler_daterange).
- * * `views`&mdash;An array of [`SchedulerView`](slug:api_scheduler_schedulerview) instances with the available views.
- * * `selectedView`&mdash;The currently selected [`SchedulerView`](slug:api_scheduler_schedulerview).
+ * * `dateRange`&mdash;The currently selected [`DateRange`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/daterange).
+ * * `views`&mdash;An array of [`SchedulerView`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulerview) instances with the available views.
+ * * `selectedView`&mdash;The currently selected [`SchedulerView`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulerview).
  *
  * You can declare either of the following built-in navigation components in the toolbar template:
  * * `kendoSchedulerToolbarNavigation`&mdash;Renders navigation buttons, a calendar, and a date-range label.
  * * `kendoSchedulerToolbarViewSelector`&mdash;Renders the buttons for selecting the view.
  *
- * To emit navigation events, components inside the toolbar can inject the [`ToolbarService`](slug:api_scheduler_toolbarservice).
+ * To emit navigation events, components inside the toolbar can inject the [`ToolbarService`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/toolbarservice).
  *
  * @example
  * ```html
@@ -771,7 +771,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents a service for communication with toolbar controls. Toolbar components use this service to publish navigation actions
- * ([see example](slug:toolbar_scheduler#toc-using-the-toolbar-service)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#using-the-toolbar-service)).
  */
 class ToolbarService {
     /**
@@ -851,7 +851,7 @@ var CrudOperation;
 })(CrudOperation || (CrudOperation = {}));
 
 /**
- * The arguments for the [`isSlotSelected`]({% slug api_scheduler_schedulercomponent %}#toc-isslotselected) callback.
+ * The arguments for the [`isSlotSelected`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#isslotselected) callback.
  */
 class IsSlotSelectedArgs {
     /**
@@ -886,7 +886,7 @@ var slotDragEventName;
  * Use this directive to customize the date header in the **Agenda** view of the Scheduler.
  *
  * To define a date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate` directive inside the
- * `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` component ([see example](slug:templates_scheduler#toc-agenda-dates).
+ * `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#agenda-dates).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The header date.
@@ -922,7 +922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the time header in the **Agenda** view of the Scheduler.
  *
  * To define a time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate` directive inside the
- * `<kendo-scheduler>` or `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
+ * `<kendo-scheduler>` or `<kendo-scheduler-agenda-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#agenda-times)).
  *
  * The available fields in the template context are:
  * - `start`&mdash;The start date of the event.
@@ -963,7 +963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the content of all-day events in the Scheduler.
  *
  * To define an all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate` directive inside the
- * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#all-day-events)).
  *
  * The available fields in the template context are:
  * - `event`&mdash;The event that is associated with the item.
@@ -1000,7 +1000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the content of all-day slots in the Scheduler.
  *
  * To define an all-dat slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate` directive inside the
- * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-all-day-slots)).
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` components ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#all-day-slots)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the slot.
@@ -1038,7 +1038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * To define a date header template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate` directive inside the
  * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-date-headers)).
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#date-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The header date.
@@ -1074,7 +1074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the rendering of Scheduler events.
  *
  * To define an event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate` directive inside the
- * `<kendo-scheduler>` or any view component ([see example](slug:templates_scheduler#toc-event-rendering)).
+ * `<kendo-scheduler>` or any view component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#event-rendering)).
  *
  * The available fields in the template context are:
  * - `event`&mdash;The event that is associated with the item.
@@ -1112,7 +1112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * To defina a group header template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate` directive inside the
  * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-group-headers)).
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#group-headers)).
  *
  * The available fields in the template context are:
  * - `resource`&mdash;The resource item.
@@ -1148,7 +1148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the major-time headers in **Day** and **Week** views of the Scheduler.
  *
  * To define a major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate` directive inside the
- * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-major-time-headers)).
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#major-time-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the header.
@@ -1184,7 +1184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the minor-time headers in the **Day** and **Week** views of the Scheduler.
  *
  * To define a minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate` directive inside the
- * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-minor-time-headers)).
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#minor-time-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the header.
@@ -1220,7 +1220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the day slots in the **Month** view of the Scheduler.
  *
  * To define a day slot template, nest an `<ng-template>` tag with the `kendoSchedulerMonthDaySlotTemplate` directive inside the
- * `<kendo-scheduler>` or `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-month-slots)).
+ * `<kendo-scheduler>` or `<kendo-scheduler-month-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#month-slots)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the slot.
@@ -1257,7 +1257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Use this directive to customize the day slots in the **Multi-Week** view of the Scheduler.
  *
  * To defina a day slot template, nest an `<ng-template>` tag with the `kendoSchedulerMultiWeekDaySlotTemplate` directive inside the
- * `<kendo-scheduler>` or `<kendo-scheduler-multi-week-view>` component ([see example](slug:templates_scheduler#toc-multi-week-slots)).
+ * `<kendo-scheduler>` or `<kendo-scheduler-multi-week-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#multi-week-slots)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the slot.
@@ -1295,7 +1295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * To define a time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
  * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-time-slots)).
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/templates#time-slots)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the slot.
@@ -1897,7 +1897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the template directive for customizing the Scheduler edit dialog.
  * To define the template, nest an `<ng-template>` tag
- * with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag ([see example](slug:custom_reactive_editing_scheduler)).
+ * with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing)).
  *
  * The template context is set to the current event and the following additional fields are passed:
  * - `event`&mdash;The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-event`.
@@ -2426,7 +2426,8 @@ class FocusableDirective {
     }
     toggleFocus(value) {
         const element = this.element.nativeElement;
-        const focusedClass = element.matches('.k-button-group .k-button') ? 'k-focus' : 'k-selected';
+        const isFooterButton = element.matches('.k-scheduler-navigation .k-button');
+        const focusedClass = element.matches('.k-button-group .k-button') || isFooterButton ? 'k-focus' : 'k-selected';
         const renderedEvents = this.element.nativeElement.ownerDocument.querySelectorAll('.k-event');
         const method = value ? 'addClass' : 'removeClass';
         this.renderer[method](element, focusedClass);
@@ -3219,6 +3220,7 @@ class RecurrenceService {
     timezone;
     weekStart;
     start;
+    minInterval = 1;
     change = new EventEmitter();
     endRuleChange = new EventEmitter();
     frequencyChange = new EventEmitter();
@@ -3257,7 +3259,7 @@ class RecurrenceService {
     setFrequency(freq) {
         this.rrule = {};
         this.rrule.freq = freq;
-        this.rrule.interval = 1;
+        this.rrule.interval = this.minInterval;
         if (freq === 'weekly') {
             this.rrule.byWeekDay = [{
                     day: this.start.getDay(),
@@ -4442,7 +4444,6 @@ class RecurrenceWeekdayRuleEditorComponent {
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-button-group-solid"
               width="100%"
               selection="multiple"
               >
@@ -4471,7 +4472,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-button-group-solid"
               width="100%"
               selection="multiple"
               >
@@ -4503,6 +4503,9 @@ class RecurrenceIntervalEditorComponent {
     cssClass = true;
     set userNumericOptions(options) {
         this.numericOptions = { ...this.numericOptions, ...options };
+        this.recurrence.minInterval = this.numericOptions.min;
+        this.intervalValue = this.recurrence.rrule.interval >= this.numericOptions.min ? this.recurrence.rrule.interval : this.numericOptions.min;
+        this.recurrence.interval = this.intervalValue;
     }
     intervalValue;
     numericOptions = {
@@ -4512,10 +4515,16 @@ class RecurrenceIntervalEditorComponent {
         step: 1,
         spinners: true
     };
+    frequencyChangeSubscription;
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
-        this.intervalValue = this.recurrence.rrule.interval || 1;
+        this.frequencyChangeSubscription = this.recurrence.frequencyChange.subscribe(() => {
+            this.intervalValue = this.numericOptions.min;
+        });
+    }
+    ngOnDestroy() {
+        this.frequencyChangeSubscription.unsubscribe();
     }
     get currentFreq() {
         return this.recurrence.frequency;
@@ -4523,6 +4532,7 @@ class RecurrenceIntervalEditorComponent {
     onIntervalChange(newInterval) {
         if (isPresent(newInterval)) {
             this.recurrence.interval = newInterval;
+            this.intervalValue = newInterval;
         }
     }
     onIntervalBlur() {
@@ -4586,7 +4596,7 @@ class RecurrenceIntervalEditorComponent {
                     [spinners]="numericOptions.spinners"
                     [step]="numericOptions.step"
                     [title]="numericOptions.title"
-                    [(value)]="intervalValue"
+                    [value]="intervalValue"
                     (blur)="onIntervalBlur()"
                     (valueChange)="onIntervalChange($event)"
                 >
@@ -4627,7 +4637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     [spinners]="numericOptions.spinners"
                     [step]="numericOptions.step"
                     [title]="numericOptions.title"
-                    [(value)]="intervalValue"
+                    [value]="intervalValue"
                     (blur)="onIntervalBlur()"
                     (valueChange)="onIntervalChange($event)"
                 >
@@ -4693,7 +4703,7 @@ class RecurrenceFrequencyEditorComponent {
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-scheduler-recurrence-repeat k-button-group-solid"
+              class="k-scheduler-recurrence-repeat"
               width="100%"
               selection="single"
               >
@@ -4722,7 +4732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           ></kendo-label>
           <div class="k-form-field-wrap">
             <kendo-buttongroup
-              class="k-scheduler-recurrence-repeat k-button-group-solid"
+              class="k-scheduler-recurrence-repeat"
               width="100%"
               selection="single"
               >
@@ -5020,7 +5030,7 @@ const RECURRENCE_VALUE_ACCESSOR = {
 /**
  * Represents the Kendo UI Recurrence Editor component for Angular. Use this component to let users set recurrence rules for Scheduler events.
  *
- * [This example](slug:custom_reactive_editing_scheduler) demonstrates the Recurrence Editor, among other components.
+ * [This example](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing) demonstrates the Recurrence Editor, among other components.
  *
  * @example
  * ```html
@@ -5158,138 +5168,138 @@ class RecurrenceEditorComponent {
         <ng-container kendoRecurrenceEditorLocalizedMessages
           i18n-repeat="kendo.recurrenceeditor.repeat|The text similar to 'Repeat' displayed in the recurrence editor."
           repeat='Repeat'
-        
+
           i18n-dailyInterval="kendo.recurrenceeditor.dailyInterval|The text similar to 'day(s)' displayed in the recurrence editor."
           dailyInterval='day(s)'
-        
+
           i18n-dailyRepeatEvery="kendo.recurrenceeditor.dailyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           dailyRepeatEvery='Repeat every'
-        
+
           i18n-weeklyInterval="kendo.recurrenceeditor.weeklyInterval|The text similar to 'week(s)' displayed in the recurrence editor."
           weeklyInterval='week(s)'
-        
+
           i18n-weeklyRepeatEvery="kendo.recurrenceeditor.weeklyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           weeklyRepeatEvery='Repeat every'
-        
+
           i18n-weeklyRepeatOn="kendo.recurrenceeditor.weeklyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           weeklyRepeatOn='Repeat on'
-        
+
           i18n-monthlyDay="kendo.recurrenceeditor.monthlyDay|The text similar to 'Day' displayed in the recurrence editor."
           monthlyDay='Day'
-        
+
           i18n-monthlyInterval="kendo.recurrenceeditor.monthlyInterval|The text similar to 'month(s)' displayed in the recurrence editor."
           monthlyInterval='month(s)'
-        
+
           i18n-monthlyRepeatEvery="kendo.recurrenceeditor.monthlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           monthlyRepeatEvery='Repeat every'
-        
+
           i18n-monthlyRepeatOn="kendo.recurrenceeditor.monthlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           monthlyRepeatOn='Repeat on'
-        
+
           i18n-yearlyOf="kendo.recurrenceeditor.yearlyOf|The text similar to 'of' displayed in the recurrence editor."
           yearlyOf='of'
-        
+
           i18n-yearlyRepeatEvery="kendo.recurrenceeditor.yearlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           yearlyRepeatEvery='Repeat every'
-        
+
           i18n-yearlyRepeatOn="kendo.recurrenceeditor.yearlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           yearlyRepeatOn='Repeat on'
-        
+
           i18n-yearlyInterval="kendo.recurrenceeditor.yearlyInterval|The text similar to 'year(s)' displayed in the recurrence editor."
           yearlyInterval='year(s)'
-        
+
           i18n-frequenciesDaily="kendo.recurrenceeditor.frequenciesDaily|The text similar to 'Daily' displayed in the recurrence editor."
           frequenciesDaily='Daily'
-        
+
           i18n-frequenciesMonthly="kendo.recurrenceeditor.frequenciesMonthly|The text similar to 'Monthly' displayed in the recurrence editor."
           frequenciesMonthly='Monthly'
-        
+
           i18n-frequenciesNever="kendo.recurrenceeditor.frequenciesNever|The text similar to 'Never' displayed in the recurrence editor."
           frequenciesNever='Never'
-        
+
           i18n-frequenciesWeekly="kendo.recurrenceeditor.frequenciesWeekly|The text similar to 'Weekly' displayed in the recurrence editor."
           frequenciesWeekly='Weekly'
-        
+
           i18n-frequenciesYearly="kendo.recurrenceeditor.frequenciesYearly|The text similar to 'Yearly' displayed in the recurrence editor."
           frequenciesYearly='Yearly'
-        
+
           i18n-offsetPositionsFirst="kendo.recurrenceeditor.offsetPositionsFirst|The text similar to 'First' displayed in the recurrence editor."
           offsetPositionsFirst='First'
-        
+
           i18n-offsetPositionsSecond="kendo.recurrenceeditor.offsetPositionsSecond|The text similar to 'Second' displayed in the recurrence editor."
           offsetPositionsSecond='Second'
-        
+
           i18n-offsetPositionsThird="kendo.recurrenceeditor.offsetPositionsThird|The text similar to 'Third' displayed in the recurrence editor."
           offsetPositionsThird='Third'
-        
+
           i18n-offsetPositionsFourth="kendo.recurrenceeditor.offsetPositionsFourth|The text similar to 'Fourth' displayed in the recurrence editor."
           offsetPositionsFourth='Fourth'
-        
+
           i18n-offsetPositionsLast="kendo.recurrenceeditor.offsetPositionsLast|The text similar to 'Last' displayed in the recurrence editor."
           offsetPositionsLast='Last'
-        
+
           i18n-weekdaysDay="kendo.recurrenceeditor.weekdaysDay|The text similar to 'Day' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysDay='Day'
-        
+
           i18n-weekdaysWeekday="kendo.recurrenceeditor.weekdaysWeekday|The text similar to 'Weekday' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysWeekday='Weekday'
-        
+
           i18n-weekdaysWeekendday="kendo.recurrenceeditor.weekdaysWeekendday|The text similar to 'Weekend Day' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysWeekendday='Weekend Day'
-        
+
           i18n-endAfter="kendo.recurrenceeditor.endAfter|The text similar to 'After' displayed in the recurrence editor."
           endAfter='After'
-        
+
           i18n-endOccurrence="kendo.recurrenceeditor.endOccurrence|The text similar to 'occurrence(s)' displayed in the recurrence editor."
           endOccurrence='occurrence(s)'
-        
+
           i18n-endLabel="kendo.recurrenceeditor.endLabel|The text similar to 'End' displayed in the recurrence editor."
           endLabel='End'
-        
+
           i18n-endNever="kendo.recurrenceeditor.endNever|The text similar to 'Never' displayed in the recurrence editor."
           endNever='Never'
-        
+
           i18n-endOn="kendo.recurrenceeditor.endOn|The text similar to 'On' displayed in the recurrence editor."
           endOn='On'
-        
+
           i18n-numericIncrement="kendo.recurrenceeditor.numericIncrement|The title of the 'Increment' button of the NumericTextBoxes displayed in the recurrence editor."
           numericIncrement='Increase value'
-        
+
           i18n-numericDecrement="kendo.recurrenceeditor.numericDecrement|The title of the 'Decrement' button of the NumericTextBoxes displayed in the recurrence editor."
           numericDecrement='Decrease value'
-        
+
           i18n-dateInputsToday="kendo.recurrenceeditor.dateInputsToday|The title of the 'Today' button in the popup of the DatePickers displayed in the recurrence editor."
           dateInputsToday='Today'
-        
+
           i18n-dateInputsToggle="kendo.recurrenceeditor.dateInputsToggle|The title of the 'Toggle' button of the DatePickers displayed in the recurrence editor."
           dateInputsToggle='Toggle calendar'
-        
+
           i18n-dateInputsParentViewButton="kendo.recurrenceeditor.dateInputsParentViewButton|The title of the 'Parent View' button in the popup of the DatePickers displayed in the recurrence editor."
           dateInputsParentViewButton='Navigate to parent view'
           >
         </ng-container>
-        
+
         <kendo-recurrence-frequency-editor>
         </kendo-recurrence-frequency-editor>
-        
+
         <div class="k-recur-view">
           @if (currentFreq !== 'never') {
             <kendo-recurrence-interval-editor
               [userNumericOptions]="repeatEveryOptions">
             </kendo-recurrence-interval-editor>
           }
-        
+
           @if (currentFreq === 'weekly') {
             <kendo-recurrence-weekday-rule-editor>
             </kendo-recurrence-weekday-rule-editor>
           }
-        
+
           @if (currentFreq === 'monthly' || currentFreq === 'yearly') {
             <kendo-recurrence-monthly-yearly-editor
               [userNumericOptions]="repeatOnOptions">
             </kendo-recurrence-monthly-yearly-editor>
           }
-        
+
           @if (currentFreq !== 'never') {
             <kendo-recurrence-end-rule-editor
               [userNumericOptions]="endAfterOptions"
@@ -5321,138 +5331,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoRecurrenceEditorLocalizedMessages
           i18n-repeat="kendo.recurrenceeditor.repeat|The text similar to 'Repeat' displayed in the recurrence editor."
           repeat='Repeat'
-        
+
           i18n-dailyInterval="kendo.recurrenceeditor.dailyInterval|The text similar to 'day(s)' displayed in the recurrence editor."
           dailyInterval='day(s)'
-        
+
           i18n-dailyRepeatEvery="kendo.recurrenceeditor.dailyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           dailyRepeatEvery='Repeat every'
-        
+
           i18n-weeklyInterval="kendo.recurrenceeditor.weeklyInterval|The text similar to 'week(s)' displayed in the recurrence editor."
           weeklyInterval='week(s)'
-        
+
           i18n-weeklyRepeatEvery="kendo.recurrenceeditor.weeklyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           weeklyRepeatEvery='Repeat every'
-        
+
           i18n-weeklyRepeatOn="kendo.recurrenceeditor.weeklyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           weeklyRepeatOn='Repeat on'
-        
+
           i18n-monthlyDay="kendo.recurrenceeditor.monthlyDay|The text similar to 'Day' displayed in the recurrence editor."
           monthlyDay='Day'
-        
+
           i18n-monthlyInterval="kendo.recurrenceeditor.monthlyInterval|The text similar to 'month(s)' displayed in the recurrence editor."
           monthlyInterval='month(s)'
-        
+
           i18n-monthlyRepeatEvery="kendo.recurrenceeditor.monthlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           monthlyRepeatEvery='Repeat every'
-        
+
           i18n-monthlyRepeatOn="kendo.recurrenceeditor.monthlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           monthlyRepeatOn='Repeat on'
-        
+
           i18n-yearlyOf="kendo.recurrenceeditor.yearlyOf|The text similar to 'of' displayed in the recurrence editor."
           yearlyOf='of'
-        
+
           i18n-yearlyRepeatEvery="kendo.recurrenceeditor.yearlyRepeatEvery|The text similar to 'Repeat every' displayed in the recurrence editor."
           yearlyRepeatEvery='Repeat every'
-        
+
           i18n-yearlyRepeatOn="kendo.recurrenceeditor.yearlyRepeatOn|The text similar to 'Repeat on' displayed in the recurrence editor."
           yearlyRepeatOn='Repeat on'
-        
+
           i18n-yearlyInterval="kendo.recurrenceeditor.yearlyInterval|The text similar to 'year(s)' displayed in the recurrence editor."
           yearlyInterval='year(s)'
-        
+
           i18n-frequenciesDaily="kendo.recurrenceeditor.frequenciesDaily|The text similar to 'Daily' displayed in the recurrence editor."
           frequenciesDaily='Daily'
-        
+
           i18n-frequenciesMonthly="kendo.recurrenceeditor.frequenciesMonthly|The text similar to 'Monthly' displayed in the recurrence editor."
           frequenciesMonthly='Monthly'
-        
+
           i18n-frequenciesNever="kendo.recurrenceeditor.frequenciesNever|The text similar to 'Never' displayed in the recurrence editor."
           frequenciesNever='Never'
-        
+
           i18n-frequenciesWeekly="kendo.recurrenceeditor.frequenciesWeekly|The text similar to 'Weekly' displayed in the recurrence editor."
           frequenciesWeekly='Weekly'
-        
+
           i18n-frequenciesYearly="kendo.recurrenceeditor.frequenciesYearly|The text similar to 'Yearly' displayed in the recurrence editor."
           frequenciesYearly='Yearly'
-        
+
           i18n-offsetPositionsFirst="kendo.recurrenceeditor.offsetPositionsFirst|The text similar to 'First' displayed in the recurrence editor."
           offsetPositionsFirst='First'
-        
+
           i18n-offsetPositionsSecond="kendo.recurrenceeditor.offsetPositionsSecond|The text similar to 'Second' displayed in the recurrence editor."
           offsetPositionsSecond='Second'
-        
+
           i18n-offsetPositionsThird="kendo.recurrenceeditor.offsetPositionsThird|The text similar to 'Third' displayed in the recurrence editor."
           offsetPositionsThird='Third'
-        
+
           i18n-offsetPositionsFourth="kendo.recurrenceeditor.offsetPositionsFourth|The text similar to 'Fourth' displayed in the recurrence editor."
           offsetPositionsFourth='Fourth'
-        
+
           i18n-offsetPositionsLast="kendo.recurrenceeditor.offsetPositionsLast|The text similar to 'Last' displayed in the recurrence editor."
           offsetPositionsLast='Last'
-        
+
           i18n-weekdaysDay="kendo.recurrenceeditor.weekdaysDay|The text similar to 'Day' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysDay='Day'
-        
+
           i18n-weekdaysWeekday="kendo.recurrenceeditor.weekdaysWeekday|The text similar to 'Weekday' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysWeekday='Weekday'
-        
+
           i18n-weekdaysWeekendday="kendo.recurrenceeditor.weekdaysWeekendday|The text similar to 'Weekend Day' displayed in the repeat by section of the monthly recurrence pattern."
           weekdaysWeekendday='Weekend Day'
-        
+
           i18n-endAfter="kendo.recurrenceeditor.endAfter|The text similar to 'After' displayed in the recurrence editor."
           endAfter='After'
-        
+
           i18n-endOccurrence="kendo.recurrenceeditor.endOccurrence|The text similar to 'occurrence(s)' displayed in the recurrence editor."
           endOccurrence='occurrence(s)'
-        
+
           i18n-endLabel="kendo.recurrenceeditor.endLabel|The text similar to 'End' displayed in the recurrence editor."
           endLabel='End'
-        
+
           i18n-endNever="kendo.recurrenceeditor.endNever|The text similar to 'Never' displayed in the recurrence editor."
           endNever='Never'
-        
+
           i18n-endOn="kendo.recurrenceeditor.endOn|The text similar to 'On' displayed in the recurrence editor."
           endOn='On'
-        
+
           i18n-numericIncrement="kendo.recurrenceeditor.numericIncrement|The title of the 'Increment' button of the NumericTextBoxes displayed in the recurrence editor."
           numericIncrement='Increase value'
-        
+
           i18n-numericDecrement="kendo.recurrenceeditor.numericDecrement|The title of the 'Decrement' button of the NumericTextBoxes displayed in the recurrence editor."
           numericDecrement='Decrease value'
-        
+
           i18n-dateInputsToday="kendo.recurrenceeditor.dateInputsToday|The title of the 'Today' button in the popup of the DatePickers displayed in the recurrence editor."
           dateInputsToday='Today'
-        
+
           i18n-dateInputsToggle="kendo.recurrenceeditor.dateInputsToggle|The title of the 'Toggle' button of the DatePickers displayed in the recurrence editor."
           dateInputsToggle='Toggle calendar'
-        
+
           i18n-dateInputsParentViewButton="kendo.recurrenceeditor.dateInputsParentViewButton|The title of the 'Parent View' button in the popup of the DatePickers displayed in the recurrence editor."
           dateInputsParentViewButton='Navigate to parent view'
           >
         </ng-container>
-        
+
         <kendo-recurrence-frequency-editor>
         </kendo-recurrence-frequency-editor>
-        
+
         <div class="k-recur-view">
           @if (currentFreq !== 'never') {
             <kendo-recurrence-interval-editor
               [userNumericOptions]="repeatEveryOptions">
             </kendo-recurrence-interval-editor>
           }
-        
+
           @if (currentFreq === 'weekly') {
             <kendo-recurrence-weekday-rule-editor>
             </kendo-recurrence-weekday-rule-editor>
           }
-        
+
           @if (currentFreq === 'monthly' || currentFreq === 'yearly') {
             <kendo-recurrence-monthly-yearly-editor
               [userNumericOptions]="repeatOnOptions">
             </kendo-recurrence-monthly-yearly-editor>
           }
-        
+
           @if (currentFreq !== 'never') {
             <kendo-recurrence-end-rule-editor
               [userNumericOptions]="endAfterOptions"
@@ -6495,9 +6505,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * A toolbar component that contains controls for switching views
- * ([see example](slug:toolbar_scheduler#toc-including-the-built-in-components)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#including-the-built-in-components)).
  *
- * To render the view-selection buttons, include this component in the [toolbar template](slug:api_scheduler_toolbartemplatedirective).
+ * To render the view-selection buttons, include this component in the [toolbar template](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/toolbartemplatedirective).
  *
  * @example
  * ```html
@@ -6512,7 +6522,7 @@ class ToolbarViewSelectorComponent {
     service;
     localization;
     /**
-     * Sets the current width of the Toolbar in pixels for responsive calculations. Use the [`schedulerResize`](slug:api_scheduler_schedulercomponent#toc-schedulerresize) event to get the Toolbar width.
+     * Sets the current width of the Toolbar in pixels for responsive calculations. Use the [`schedulerResize`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#schedulerresize) event to get the Toolbar width.
      */
     toolbarWidth;
     /**
@@ -6590,7 +6600,7 @@ class ToolbarViewSelectorComponent {
         }
         @if (toolbarWidth > responsiveBreakpoint) {
           <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group k-button-group-solid"
+            class="k-toolbar-button-group k-scheduler-views k-button-group"
             role="group"
             >
             @for (view of ctx.views; track view) {
@@ -6635,7 +6645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         @if (toolbarWidth > responsiveBreakpoint) {
           <span
-            class="k-toolbar-button-group k-scheduler-views k-button-group k-button-group-solid"
+            class="k-toolbar-button-group k-scheduler-views k-button-group"
             role="group"
             >
             @for (view of ctx.views; track view) {
@@ -6666,9 +6676,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 const iconsMap = { caretAltLeftIcon, caretAltRightIcon, calendarIcon };
 /**
  * A toolbar component that contains controls for date navigation
- * ([see example](slug:toolbar_scheduler#toc-including-the-built-in-components)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar#including-the-built-in-components)).
  *
- * To render the **Previous**, **Today**, **Next**, and **Date picker** buttons, include this component in the [toolbar template](slug:api_scheduler_toolbartemplatedirective).
+ * To render the **Previous**, **Today**, **Next**, and **Date picker** buttons, include this component in the [toolbar template](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/toolbartemplatedirective).
  *
  * @example
  * ```html
@@ -6708,13 +6718,13 @@ class ToolbarNavigationComponent {
         return this.localization.get('today');
     }
     /**
-     * Sets the [`activeView`](slug:api_dateinputs_calendarcomponent#toc-activeview) of the Calendar in the navigation component.
+     * Sets the [`activeView`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/calendarcomponent#activeview) of the Calendar in the navigation component.
      *
      * @default month
      */
     activeView = 'month';
     /**
-     * Sets the [`bottomView`](slug:api_dateinputs_calendarcomponent#toc-bottomview) of the Calendar in the navigation component.
+     * Sets the [`bottomView`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/calendarcomponent#bottomview) of the Calendar in the navigation component.
      *
      * @default month
      */
@@ -6875,7 +6885,7 @@ class ToolbarNavigationComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ToolbarNavigationComponent, isStandalone: true, selector: "[kendoSchedulerToolbarNavigation]", inputs: { min: "min", max: "max", activeView: "activeView", bottomView: "bottomView" }, host: { properties: { "class.k-toolbar-group": "this.hostClass" } }, providers: [
             PopupService
         ], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: `
-        <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
+        <span class="k-scheduler-navigation k-button-group" role="group">
             <button kendoButton
                 (click)="todayClick()"
                 class="k-nav-today"
@@ -6951,7 +6961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         PopupService
                     ],
                     template: `
-        <span class="k-scheduler-navigation k-button-group k-button-group-solid" role="group">
+        <span class="k-scheduler-navigation k-button-group" role="group">
             <button kendoButton
                 (click)="todayClick()"
                 class="k-nav-today"
@@ -7104,7 +7114,7 @@ class ToolbarComponent {
         this.toolbarWidthChange.emit(this.toolbarWidth);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarComponent, deps: [{ token: ToolbarService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-scheduler-toolbar", inputs: { selectedView: "selectedView", views: "views", dateRange: "dateRange", selectedDate: "selectedDate", template: "template", min: "min", max: "max" }, outputs: { navigate: "navigate", toolbarWidthChange: "toolbarWidthChange" }, host: { properties: { "class.k-scheduler-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "attr.role": "this.toolbarRole" } }, usesOnChanges: true, ngImport: i0, template: `
         @if (template) {
           <ng-template
             [ngTemplateOutlet]="template.templateRef"
@@ -7160,12 +7170,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
             }], toolbarRole: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -7831,7 +7835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 const todayDate = () => getDate(new Date());
 const DAYS_IN_WEEK$1 = 7;
 /**
- * Represents the [Kendo UI Scheduler component for Angular](slug:overview_scheduler).
+ * Represents the [Kendo UI Scheduler component for Angular](https://www.telerik.com/kendo-angular-ui/components/scheduler).
  *
  * @example
  * ```html
@@ -7886,8 +7890,8 @@ class SchedulerComponent {
      */
     editable = false;
     /**
-     * Specifies whether the Scheduler's day or time slots are selectable ([see example](slug:slotselection_scheduler#custom-callback)).
-     * When set to `true`, the Scheduler emits [`slotDragStart`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragstart), [`slotDrag`]({% slug api_scheduler_schedulercomponent %}#toc-slotdrag), and [`slotDragEnd`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragend) events on user interaction.
+     * Specifies whether the Scheduler's day or time slots are selectable ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/slot-selection#custom-callback)).
+     * When set to `true`, the Scheduler emits [`slotDragStart`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#slotdragstart), [`slotDrag`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#slotdrag), and [`slotDragEnd`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#slotdragend) events on user interaction.
      * @default false
      */
     selectable = false;
@@ -8012,8 +8016,8 @@ class SchedulerComponent {
     /**
      * Sets the array of event instances shown by the Scheduler.
     *
-    * Provide an array of [`SchedulerEvent`](slug:api_scheduler_schedulerevent) objects to display events in the Scheduler.
-    * To bind data from custom object schemas, configure the [`modelFields`](slug:api_scheduler_schedulercomponent#modelfields) property to map your custom fields to the Scheduler event fields.
+    * Provide an array of [`SchedulerEvent`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulerevent) objects to display events in the Scheduler.
+    * To bind data from custom object schemas, configure the [`modelFields`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#modelfields) property to map your custom fields to the Scheduler event fields.
      */
     set events(value) {
         this._events = value;
@@ -8036,9 +8040,9 @@ class SchedulerComponent {
         return this._selectedDate;
     }
     /**
-    * Sets the names of the model fields from which the Scheduler reads its data ([see example])(slug:databinding_scheduler#binding-to-custom-object-schemas).
+    * Sets the names of the model fields from which the Scheduler reads its data ([see example])(https://www.telerik.com/kendo-angular-ui/components/scheduler/data-binding#binding-to-custom-object-schemas).
     *
-    * Use `modelFields` when you want to bind custom event objects with property names that differ from the default [`SchedulerEvent`](slug:api_scheduler_schedulerevent) fields. This lets you map your data to the Scheduler's expected fields.
+    * Use `modelFields` when you want to bind custom event objects with property names that differ from the default [`SchedulerEvent`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulerevent) fields. This lets you map your data to the Scheduler's expected fields.
     */
     set modelFields(value) {
         this._modelFields = { ...defaultModelFields, ...value };
@@ -8115,7 +8119,7 @@ class SchedulerComponent {
      */
     slotDblClick = new EventEmitter();
     /**
-     * Emits when the user creates a new event using the `'c'` key ([see example](slug:keyboard_navigation_scheduler)).
+     * Emits when the user creates a new event using the `'c'` key ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/keyboard-navigation)).
      */
     create = new EventEmitter();
     /**
@@ -8634,7 +8638,7 @@ class SchedulerComponent {
     /**
      * Focuses the next event or an event at a specified relative position.
      * The `options` parameter can be used to set a positive or negative offset
-     * that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
+     * that is relative to the currently focused event ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/keyboard-navigation#event-navigation-with-the-tab-key)).
      * A `nowrap` flag toggles the wrapping to the first or to the last item.
      *
      * @param position The relative position of the event to focus.
@@ -8648,7 +8652,7 @@ class SchedulerComponent {
     /**
      * Focuses the previous event or an event at a specified relative position.
      * The `options` parameter can be used to set a positive or negative offset
-     * that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
+     * that is relative to the currently focused event ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/keyboard-navigation#event-navigation-with-the-tab-key)).
      * A `nowrap` flag toggles the wrapping to the first or to the last item.
      *
      * @param position The relative position of the event to focus.
@@ -9790,7 +9794,7 @@ const occurrences = (item, fields, range, timezone, weekStart) => {
     return [item, ...expanded];
 };
 /**
- * A directive that processes Scheduler events in memory ([see example](slug:databinding_scheduler#automatic-data-processing)).
+ * A directive that processes Scheduler events in memory ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/data-binding#automatic-data-processing)).
  *
  * Processing includes expanding of recurring events and filtering data for
  * the currently active period.
@@ -9946,9 +9950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `export-to-PDF` command for the Scheduler.
  *
- * You can apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbar_scheduler).
- * When a user clicks a button associated with this directive, the [`pdfExport`](slug:api_scheduler_schedulercomponent#toc-pdfexport) event fires
- * ([see example](slug:pdfexport_scheduler)).
+ * You can apply this directive to any `button` element inside a [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/scheduler/toolbar).
+ * When a user clicks a button associated with this directive, the [`pdfExport`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulercomponent#pdfexport) event fires
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/pdf-export)).
  *
  * @example
  * ```html
@@ -10036,7 +10040,7 @@ const createElement = (tagName, className) => {
 const createDiv = (className) => createElement('div', className);
 /**
  * Configures the settings for exporting the Scheduler to PDF
- * ([see example](slug:pdfexport_scheduler)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/pdf-export)).
  *
  * @example
  * ```html
@@ -10464,7 +10468,7 @@ class ConfigurationViewBase extends SchedulerView {
     }
     /**
      * Defines a function that is executed for every slot in the view.
-     * The function returns a value which is supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']) [see example](slug:styling_scheduler#slot-styling).
+     * The function returns a value which is supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']) [see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/styling#slot-styling).
      */
     slotClass;
     /**
@@ -11779,14 +11783,14 @@ class AgendaViewComponent extends ConfigurationViewBase {
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';
@@ -15010,7 +15014,7 @@ class MonthViewComponent extends ConfigurationViewBase {
     }
     /**
      * Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
-     * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month#setting-the-number-of-events-per-day)).
      * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      * @default 2
      */
@@ -15023,25 +15027,25 @@ class MonthViewComponent extends ConfigurationViewBase {
     _eventsPerDay;
     /**
      * Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
-     * ([see example](slug:month_views_scheduler#configuring-the-height-of-the-scheduler-events)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month#configuring-the-height-of-the-scheduler-events)).
      * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight;
     /**
      * Enables adaptive slot height in the Scheduler. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
-     * ([see example](slug:month_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight;
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:Y}'
      */
     selectedDateFormat = '{0:Y}';
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:y}'
      */
     selectedShortDateFormat = '{0:y}';
@@ -15193,13 +15197,13 @@ class MultiWeekViewComponent extends ConfigurationViewBase {
     }
     /**
      * Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
-     * ([see example](slug:multiweek_views_scheduler#configuring-the-height-of-the-scheduler-events)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/multi-week#configuring-the-height-of-the-scheduler-events)).
      * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight;
     /**
      * Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
-     * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/multi-week#setting-the-number-of-events-per-day)).
      * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      * @default 2
      */
@@ -15212,7 +15216,7 @@ class MultiWeekViewComponent extends ConfigurationViewBase {
     _eventsPerDay;
     /**
      * Enables adaptive slot height. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
-     * ([see example](slug:multiweek_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/views/multi-week#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight;
@@ -15223,13 +15227,13 @@ class MultiWeekViewComponent extends ConfigurationViewBase {
     numberOfWeeks = WEEKS_COUNT;
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';
@@ -15652,7 +15656,7 @@ class ViewFooterComponent {
         this.itemClick.emit(item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewFooterComponent, deps: [{ token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewFooterComponent, isStandalone: true, selector: "[viewFooter]", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-scheduler-footer": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "attr.role": "this.toolbarRole", "style.justify-content": "this.inlineJustifyContentStyle" } }, ngImport: i0, template: `
         <span class="k-scheduler-navigation">
           @for (item of items; track item) {
             <button
@@ -15701,12 +15705,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
             }], toolbarRole: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -18187,7 +18185,7 @@ class DayViewComponent extends MultiDayViewBase {
     }
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:D}'
      */
     set selectedDateFormat(value) {
@@ -18198,7 +18196,7 @@ class DayViewComponent extends MultiDayViewBase {
     }
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:d}'
      */
     set selectedShortDateFormat(value) {
@@ -18350,7 +18348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 class MultiDayViewComponent extends DayViewComponent {
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * The default value is `'{0:D} - {1:D}'` for multiple days and `'{0:D}'` for a single day.
      * @default '{0:D} - {1:D}'
      */
@@ -18362,7 +18360,7 @@ class MultiDayViewComponent extends DayViewComponent {
     }
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * The default value is `'{0:d} - {1:d}'` for multiple days and `'{0:d}'` for a single day.
      * @default '{0:d} - {1:d}'
      */
@@ -18539,14 +18537,14 @@ class WeekViewComponent extends MultiDayViewBase {
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';
@@ -19560,7 +19558,7 @@ class TimelineMonthViewComponent extends TimelineBase {
     }
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * If `numberOfMonths` is greater than 1, the default format displays a range: `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
      * @default '{0:Y}'
      */
@@ -19576,7 +19574,7 @@ class TimelineMonthViewComponent extends TimelineBase {
     _selectedDateFormat;
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * If `numberOfMonths` is greater than 1, the default format displays a range: `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
      * @default '{0:y}'
      */
@@ -19754,7 +19752,7 @@ class TimelineViewComponent extends TimelineBase {
     }
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * If `numberOfDays` is greater than 1, the default format displays a range: `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
      * @default '{0:D}'
      */
@@ -19770,7 +19768,7 @@ class TimelineViewComponent extends TimelineBase {
     _selectedDateFormat;
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * If `numberOfDays` is greater than 1, the default format displays a range: `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
      * @default '{0:d}'
      */
@@ -19928,14 +19926,14 @@ class TimelineWeekViewComponent extends TimelineBase {
     /**
      * Sets the long-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
      * Sets the short-date format for the selected date in the Scheduler toolbar.
      * Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';
@@ -20578,13 +20576,13 @@ class YearViewComponent extends ConfigurationViewBase {
     intl;
     /**
      * Sets the long-date format for the selected year in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:yyy}'
      */
     selectedDateFormat = '{0:yyy}';
     /**
      * Sets the short-date format for the selected year in the Scheduler toolbar.
-     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * For more information, see [Parsing and Formatting Dates and Numbers](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/parsing-and-formatting#date-formatting).
      * @default '{0:yyy}'
      */
     selectedShortDateFormat = '{0:yyy}';
@@ -21124,7 +21122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * A directive that encapsulates editing operations for the Scheduler using [Angular Reactive Forms](link:site.data.urls.angular['reactiveforms']) ([see example](slug:editing_scheduler)).
+ * A directive that encapsulates editing operations for the Scheduler using [Angular Reactive Forms](link:site.data.urls.angular['reactiveforms']) ([see example](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing)).
  *
  * Handles event editing, saving, and form validation logic for the Scheduler component.
  * Provides integration with custom form group creation and supports recurring event editing scenarios.
@@ -21678,16 +21676,16 @@ const DATE_FORMATS = [
     "yyyyMMdd"
 ];
 /**
- * Represents a base implementation of the [edit service](slug:api_scheduler_editservice) that persists data to CRUD services such as OData.
+ * Represents a base implementation of the [edit service](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/editservice) that persists data to CRUD services such as OData.
  *
- * To use custom models, pass a [field map](slug:api_scheduler_schedulermodelfields) as a constructor parameter in the `BaseEditService` implementation. Subclasses must implement the `read` operation (that is not called directly by the base class) and the `save` method to persist created, updated, and deleted entities.
+ * To use custom models, pass a [field map](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulermodelfields) as a constructor parameter in the `BaseEditService` implementation. Subclasses must implement the `read` operation (that is not called directly by the base class) and the `save` method to persist created, updated, and deleted entities.
  *
- * The [`events`](#toc-events) observable publishes the current data when you subscribe, for example, by using an [async pipe](https://angular.io/api/common/AsyncPipe) ([more information](slug:editing_scheduler#connecting-custom-data-services)).
+ * The [`events`](#events) observable publishes the current data when you subscribe, for example, by using an [async pipe](https://angular.io/api/common/AsyncPipe) ([more information](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing#connecting-custom-data-services)).
  *
  * Implementations that utilize dedicated services, such as Google Calendar and Microsoft Exchange, typically implement the
- * [`EditService`](slug:api_scheduler_editservice) of the Scheduler directly.
+ * [`EditService`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/editservice) of the Scheduler directly.
  *
- * See example in [this article](slug:custom_reactive_editing_scheduler).
+ * See example in [this article](https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/custom-reactive-editing).
  */
 class BaseEditService {
     /**
@@ -21721,7 +21719,7 @@ class BaseEditService {
     /**
      * Initializes the base edit service.
      *
-     * @param fields - A field map that will be used for reading and modifying model objects. Defaults to the [`SchedulerEvent`]({% slug api_scheduler_schedulerevent %}) fields.
+     * @param fields - A field map that will be used for reading and modifying model objects. Defaults to the [`SchedulerEvent`](https://www.telerik.com/kendo-angular-ui/components/scheduler/api/schedulerevent) fields.
      */
     constructor(fields) {
         this.events = this.source.asObservable();
@@ -21836,7 +21834,7 @@ class BaseEditService {
     }
     /**
      * Clones an existing model object.
-     * To copy the top-level model fields, the base creates an empty object and calls [`assignValues`](#toc-assignvalues).
+     * To copy the top-level model fields, the base creates an empty object and calls [`assignValues`](#assignvalues).
      * To create models of the correct type, override `cloneEvent`.
      *
      * @param event - The model instance to copy.