Integrated latest changes at 11-22-2024 10:34:25 PM

SyncfusionBuild · SyncfusionBuild · commit 87c44eb8dff6 · 2024-11-23T01:57:18.000+05:30
diff --git a/ej2-angular-toc.html b/ej2-angular-toc.html
@@ -143,7 +143,7 @@
 <ul>
  <li><a href="/ej2-angular/ui-kit/overview">Overview</a></li>
  <li><a href="/ej2-angular/ui-kit/getting-started">Getting Started</a></li>
- <li><a href="/ej2-angular/ui-kit/build-your-first-angular-app-with-blocks.md">Build your first Angular app with our blocks</a></li>
+ <li><a href="/ej2-angular/ui-kit/build-your-first-angular-app-with-blocks">Build your first Angular app with our blocks</a></li>
 </ul>
 </li>
 <li>
diff --git a/ej2-angular/code-snippet/schedule/default-cs30/src/app.component.ts b/ej2-angular/code-snippet/schedule/default-cs30/src/app.component.ts
@@ -7,7 +7,7 @@ import { DayService, WeekService, WorkWeekService, MonthService, AgendaService,
 
 
 import { Component, ViewChild } from '@angular/core';
-import { ScheduleComponent, EventSettingsModel, DayService, WeekService, WorkWeekService, MonthService, View } from '@syncfusion/ej2-angular-schedule';
+import { ScheduleComponent, EventSettingsModel, View } from '@syncfusion/ej2-angular-schedule';
 import { ButtonComponent } from '@syncfusion/ej2-angular-buttons';
 
 @Component({
diff --git a/ej2-angular/code-snippet/schedule/editor-header-footer-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/editor-header-footer-cs1/src/app.component.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 import { AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
-
+import {CommonModule} from '@angular/common';
 import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
 import {
   ScheduleComponent, MonthService, DayService, WeekService,
@@ -11,7 +11,7 @@ import {
 @Component({
 imports: [
         
-        ScheduleModule
+        ScheduleModule, CommonModule
     ],
 
 providers: [DayService, 
diff --git a/ej2-angular/code-snippet/schedule/editor-window-cs8/src/app.component.ts b/ej2-angular/code-snippet/schedule/editor-window-cs8/src/app.component.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
 
 
diff --git a/ej2-angular/code-snippet/schedule/event-data-bound-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/event-data-bound-cs1/src/app.component.ts
@@ -5,7 +5,7 @@ import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
 
 
-
+import { CommonModule } from '@angular/common';
 import { Component, ViewChild } from '@angular/core';
 import { eventsData } from './datasource';
 import { EventSettingsModel,
@@ -15,7 +15,8 @@ import { EventSettingsModel,
 imports: [
         
         ScheduleModule,
-        TimePickerModule
+        TimePickerModule,
+        CommonModule
     ],
 
 providers: [DayService, 
diff --git a/ej2-angular/code-snippet/schedule/event-data-bound-cs2/src/app.component.ts b/ej2-angular/code-snippet/schedule/event-data-bound-cs2/src/app.component.ts
@@ -5,7 +5,7 @@ import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
 
 
-
+import { CommonModule } from '@angular/common';
 import { Component, ViewChild } from '@angular/core';
 import { eventsData } from './datasource';
 import { EventSettingsModel,
@@ -15,7 +15,8 @@ import { EventSettingsModel,
 imports: [
         
         ScheduleModule,
-        TimePickerModule
+        TimePickerModule,
+        CommonModule
     ],
 
 providers: [DayService, 
diff --git a/ej2-angular/code-snippet/schedule/event-template-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/event-template-cs1/src/app.component.ts
@@ -5,7 +5,7 @@ import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
 
 
-
+import { CommonModule } from '@angular/common';
 import { Component, ViewChild, ElementRef } from '@angular/core';
 import { eventsData } from './datasource';
 import {
@@ -15,7 +15,8 @@ import {
 imports: [
         
         ScheduleModule,
-        TimePickerModule
+        TimePickerModule,
+        CommonModule
     ],
 
 providers: [DayService, 
diff --git a/ej2-angular/code-snippet/schedule/quick-popup-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/quick-popup-cs1/src/app.component.ts
@@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 
 
-
+import { CommonModule } from '@angular/common';
 import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { ScheduleComponent, CurrentAction, EventSettingsModel, DayService, WeekService, WorkWeekService, MonthService, PopupOpenEventArgs,  AgendaService,
@@ -12,7 +12,7 @@ import { scheduleData } from './datasource';
 @Component({
 imports: [
         
-        ScheduleModule
+        ScheduleModule, CommonModule
     ],
 standalone: true,
     selector: 'app-root',
diff --git a/ej2-angular/code-snippet/schedule/resource-field-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/resource-field-cs1/src/app.component.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { MultiSelectModule } from '@syncfusion/ej2-angular-dropdowns'
 
 
diff --git a/ej2-angular/code-snippet/schedule/resource-field-cs2/src/app.component.ts b/ej2-angular/code-snippet/schedule/resource-field-cs2/src/app.component.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule, RecurrenceEditorModule  } from '@syncfusion/ej2-angular-schedule'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService} from '@syncfusion/ej2-angular-schedule'
 
 
@@ -10,7 +10,7 @@ import { Component, ViewChild } from '@angular/core';
 import { ChangeEventArgs } from '@syncfusion/ej2-calendars';
 import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
-import { EventSettingsModel, DayService, WeekService, WorkWeekService, MonthService, PopupOpenEventArgs, RecurrenceEditor, ScheduleComponent } from '@syncfusion/ej2-angular-schedule';
+import { EventSettingsModel, PopupOpenEventArgs, RecurrenceEditor, ScheduleComponent } from '@syncfusion/ej2-angular-schedule';
 import { eventData } from './datasource';
 @Component({
 imports: [
diff --git a/ej2-angular/code-snippet/schedule/resource-field-cs3/src/app.component.ts b/ej2-angular/code-snippet/schedule/resource-field-cs3/src/app.component.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 
 
 
diff --git a/ej2-angular/code-snippet/schedule/resource-field-cs4/src/app.component.ts b/ej2-angular/code-snippet/schedule/resource-field-cs4/src/app.component.ts
@@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'
 import { RatingModule } from '@syncfusion/ej2-angular-inputs'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 
 import { Component, ViewChild, ElementRef } from '@angular/core';
 import { DropDownList } from '@syncfusion/ej2-dropdowns';
diff --git a/ej2-angular/code-snippet/schedule/resource-field-cs5/src/app.component.ts b/ej2-angular/code-snippet/schedule/resource-field-cs5/src/app.component.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 import { ScheduleModule } from '@syncfusion/ej2-angular-schedule'
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns'
-import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
+import { DateTimePickerModule, TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 
 
 
diff --git a/ej2-angular/code-snippet/schedule/tooltip-cs1/src/app.component.ts b/ej2-angular/code-snippet/schedule/tooltip-cs1/src/app.component.ts
@@ -5,15 +5,16 @@ import { TimePickerModule } from '@syncfusion/ej2-angular-calendars'
 import { DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService, TimelineViewsService, EventSettingsModel} from '@syncfusion/ej2-angular-schedule'
 
 
-
+import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { eventsData } from './datasource';
 
 @Component({
 imports: [
         
         ScheduleModule,
-        TimePickerModule
+        TimePickerModule,
+        CommonModule
     ],
 
 providers: [DayService, 
diff --git a/ej2-angular/getting-started/angular-cli.md b/ej2-angular/getting-started/angular-cli.md
@@ -26,7 +26,7 @@ A good way to start with Angular is by generating a new application using the [A
 npm install -g @angular/cli
 ```
 
-> For Angular 18, it default for generates a standalone application. Detailed instructions on creating Syncfusion Angular standalone components using the latest version, please refer to the [Standalone guide](./angular-standalone).
+> For Angular 19, it default for generates a standalone application. Detailed instructions on creating Syncfusion Angular standalone components using the latest version, please refer to the [Standalone guide](./angular-standalone).
 
 
 ### Installing a specific version
diff --git a/ej2-angular/getting-started/angular-standalone.md b/ej2-angular/getting-started/angular-standalone.md
@@ -71,13 +71,10 @@ In `src/app/app.component.ts`, you can use column directives with the `<ejs-grid
 ```typescript
 import { Component } from '@angular/core';
 import { GridModule, PagerModule } from '@syncfusion/ej2-angular-grids';
-import { CommonModule } from '@angular/common';
-import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
-  imports: [GridModule, PagerModule, CommonModule, RouterOutlet],
+  imports: [GridModule, PagerModule],
   template: `
   <h1>
     Syncfusion Angular UI Grid!
@@ -92,6 +89,7 @@ import { RouterOutlet } from '@angular/router';
     </e-columns>
   </ejs-grid>
  `
+  styleUrl: './app.component.css'
  })
 export class AppComponent {
   public data: Object[] = [
diff --git a/ej2-angular/schedule/accessibility.md b/ej2-angular/schedule/accessibility.md
@@ -89,7 +89,7 @@ The Scheduler component's accessibility levels are ensured through an [accessibi
 
 The accessibility compliance of the Scheduler component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/schedule.html) in a new window to evaluate the accessibility of the Scheduler component with accessibility tools.
 
-{% previewsample "https://ej2.syncfusion.com/accessibility/schedule.html" %}
+{% previewsample "page.domainurl/samples/schedule/default-cs1" %}
 
 ## See also
 
diff --git a/ej2-angular/system-requirement.md b/ej2-angular/system-requirement.md
@@ -24,7 +24,7 @@ ng --version
 
 ## Node.js
 
-Angular requires an [active LTS or maintenance LTS](https://nodejs.org/about/releases) version of Node.js.
+Angular requires an [active LTS or maintenance LTS](https://nodejs.org/en/about/previous-releases) version of Node.js.
 
 For more information on installing Node.js, see [nodejs.org](https://nodejs.org/en/). To check the version of Node.js running on the system, run `node -v` in a terminal window.
 
@@ -38,6 +38,7 @@ The following table represents the supported Angular versions by different Syncf
 
 | Version | Syncfusion Angular components version |
 | ------------- | ------------- |
+| [Angular v19](https://blog.angular.dev/meet-angular-v19-7b29dfd05b84/) | 26.1.35 and above |
 | [Angular v18](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe/) | 25.2.3 and above |
 | [Angular v17](https://blog.angular.io/introducing-angular-v17-4d7033312e4b/) | 23.2.4 and above |
 | [Angular v16](https://blog.angular.io/angular-v16-is-here-4d7a28ec680d/) | 21.1.39 and above |
@@ -55,4 +56,4 @@ The following table represents the supported Angular versions by different Syncf
 
 * [Upgrade guide](https://ej2.syncfusion.com/angular/documentation/upgrade/upgrading-syncfusion/)
 
-* [Setting up the local environment and workspace](https://angular.io/guide/setup-local#setting-up-the-local-environment-and-workspace)
+* [Setting up the local environment and workspace](https://v17.angular.io/guide/setup-local#setting-up-the-local-environment-and-workspace)
diff --git a/ej2-angular/upgrade/version-compatibility.md b/ej2-angular/upgrade/version-compatibility.md
@@ -16,6 +16,7 @@ The following table represents the supported Angular versions by different Syncf
 
 | Version | Syncfusion Angular components version |
 | ------------- | ------------- |
+| [Angular v19](https://blog.angular.dev/meet-angular-v19-7b29dfd05b84/) | 26.1.35 and above |
 | [Angular v18](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe/) | 25.2.3 and above |
 | [Angular v17](https://blog.angular.io/introducing-angular-v17-4d7033312e4b/) | 23.2.4 and above |
 | [Angular v16](https://blog.angular.io/angular-v16-is-here-4d7a28ec680d/) | 21.1.39 and above |
