Microsoft.AspNetCore.Components.Forms.InputDate requires a cascading parameter of type EditContext

I'm developing an ASP.NET Core 5.0 Blazor Web Assembly app. I need to have a date picker in a dashboard screen to select a date to display details.

Here is my code:

<input class="input" type="month" id="staffPicker" name="staffPicker"        aria-label="Staff Sales Detail Period"        @bind="StaffSaleDetailsPeriod"        max="@DateTime.Now.ToString("yyyy-MM")">

I need to trigger an API call on change of date. So I tried to add @onchange to the above code as shown below.

<input class="input" type="month" id="staffPicker" name="staffPicker"        aria-label="Staff Sales Detail Period"        @bind="StaffSaleDetailsPeriod"        max="@DateTime.Now.ToString("yyyy-MM")"        @onchange="OnStaffSalePeriodChange">

But this gives new error as shown below:

The attribute 'onchange' is used two or more times for this element.Attributes must be unique (case-insensitive). The attribute 'onchange'is used by the '@bind' directive attribute.

So I tried to replace the above input element with <InputDate> as shown below,

<InputDate class="input is-small"        ValueExpression="() => StaffSaleDetailsPeriod"        Value="StaffSaleDetailsPeriod"        ValueChanged="(DateTime staffSalesPeriod) => OnStaffSalePeriodChange()"        max="@DateTime.Now.ToString("yyyy-MM")"/>

This gives a runtime error as shown below:

Microsoft.AspNetCore.Components.Forms.InputDate1[System.DateTime] requires a cascading parameter of type EditContext. For example, you can use Microsoft.AspNetCore.Components.Forms.InputDate1[[System.DateTime, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]] inside an EditForm

What is missing or this <InputDate> cannot be used with EditForm? Is there any workaround?