Changes done

Author: UmaMaheswariChandrabose

App.razor

@@ -1,4 +1,4 @@
-<Router AppAssembly="@typeof(Program).Assembly">
+<Router AppAssembly="@typeof(Program).Assembly">
     <Found Context="routeData">
         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
     </Found>

My-WebAssembly-App.csproj

@@ -6,32 +6,33 @@ Welcome to your new app.
 
 <SurveyPrompt Title="How is Blazor working for you?" />
 
-<EjsCalendar TValue="DateTime?"></EjsCalendar>
+<SfCalendar TValue="DateTime?"></SfCalendar>
 <br/>
-<EjsGrid DataSource="@EmployeeData"></EjsGrid>
+<SfGrid DataSource="@EmployeeData"></SfGrid>
 
 @code{
     public class Employee
+  {
+      public int EmployeeID { get; set; }
+      public string Name { get; set; }
+      public string Designation { get; set; }
+      public DateTime DOJ { get; set; }
+      public double Salary { get; set; }
+  }
+
+  public List<Employee> EmployeeData { get; set; }
+
+  protected override void OnInitialized()
+  {
+    EmployeeData = Enumerable.Range(1, 75).Select(x => new Employee()
     {
-        public int EmployeeID { get; set; }
-        public string Name { get; set; }
-        public string Designation { get; set; }
-        public DateTime DOJ { get; set; }
-        public double Salary { get; set; }
-    }
-    public List<Employee> EmployeeData { get; set; }
-
-    protected override void OnInitialized()
-    {
-        EmployeeData = Enumerable.Range(1, 75).Select(x => new Employee()
-        {
-            EmployeeID = 1000 + x,
-            Name = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
-            Designation = (new string[] { "CMBKIO", "ERIOPL", "EWOPHL", "WWIOPPS", "MLOPSSJ" })[new Random().Next(5)],
-            DOJ = DateTime.Now.AddDays(-x),
-            Salary = 20000 * x
-        }).ToList();
-    }
+        EmployeeID = 1000 + x,
+        Name = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+        Designation = (new string[] { "CMBKIO", "ERIOPL", "EWOPHL", "WWIOPPS", "MLOPSSJ" })[new Random().Next(5)],
+        DOJ = DateTime.Now.AddDays(-x),
+        Salary = 20000 * x
+    }).ToList();
+  }
 
-}
 
+}

My-WebAssembly-App.csproj.user

@@ -1,20 +1,22 @@
-using System;
+using System;
 using System.Collections.Generic;
 using System.Threading.Tasks;
 using System.Text;
-using Microsoft.AspNetCore.Blazor.Hosting;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using Microsoft.Extensions.DependencyInjection;
-using Syncfusion.EJ2.Blazor;
+using Syncfusion.Blazor;
 
-namespace My_WebAssembly_App
+namespace my_blazor_app
 {
     public class Program
     {
         public static async Task Main(string[] args)
         {
-            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("Add your license key here.");
+            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("Use your License Key here.");
             var builder = WebAssemblyHostBuilder.CreateDefault(args);
             builder.RootComponents.Add<App>("app");
+
+            builder.Services.AddBaseAddressHttpClient();
             builder.Services.AddSyncfusionBlazor();
             await builder.Build().RunAsync();
         }

Pages/Index.razor

@@ -3,8 +3,8 @@
     "windowsAuthentication": false,
     "anonymousAuthentication": true,
     "iisExpress": {
-      "applicationUrl": "http://localhost:52743/",
-      "sslPort": 44393
+      "applicationUrl": "http://localhost:8573",
+      "sslPort": 44391
     }
   },
   "profiles": {
@@ -15,13 +15,13 @@
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
     },
-    "My-WebAssembly-App": {
+    "my-blazor-app": {
       "commandName": "Project",
       "launchBrowser": true,
+      "applicationUrl": "https://localhost:5001;http://localhost:5000",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
-      },
-      "applicationUrl": "https://localhost:5001;http://localhost:5000"
+      }
     }
   }
-}
+}

Program.cs

@@ -1,5 +1,5 @@
 <div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href="">My-WebAssembly-App</a>
+    <a class="navbar-brand" href="">my-blazor-app</a>
     <button class="navbar-toggler" @onclick="ToggleNavMenu">
         <span class="navbar-toggler-icon"></span>
     </button>

Properties/launchSettings.json

@@ -4,7 +4,7 @@
 
     <span class="text-nowrap">
         Please take our
-        <a target="_blank" class="font-weight-bold" href="https://go.microsoft.com/fwlink/?linkid=2116045">brief survey</a>
+        <a target="_blank" class="font-weight-bold" href="https://go.microsoft.com/fwlink/?linkid=2121313">brief survey</a>
     </span>
     and tell us what you think.
 </div>

Shared/NavMenu.razor

@@ -3,7 +3,7 @@
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.AspNetCore.Components.Web
 @using Microsoft.JSInterop
-@using My_WebAssembly_App
-@using My_WebAssembly_App.Shared
-@using Syncfusion.EJ2.Blazor.Calendars
-@using Syncfusion.EJ2.Blazor.Grids
+@using my_blazor_app
+@using my_blazor_app.Shared
+@using Syncfusion.Blazor.Calendars
+@using Syncfusion.Blazor.Grids

Shared/SurveyPrompt.razor

@@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>netstandard2.1</TargetFramework>
+    <RazorLangVersion>3.0</RazorLangVersion>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="3.2.0-preview2.20160.5" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Build" Version="3.2.0-preview2.20160.5" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="3.2.0-preview2.20160.5" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Blazor.HttpClient" Version="3.2.0-preview2.20160.5" />
+    <PackageReference Include="Syncfusion.Blazor" Version="18.1.0.36-beta" />
+  </ItemGroup>
+</Project>