AutoComplete و DatePicker

@using BzCore.Components.AutoComplete

<BzAutoComplete TItem="string" @bind-Value="city" Label="شهر"
                 Items="cities" Clearable Placeholder="جستجوی شهر…" />

<BzAutoComplete TItem="string" @bind-Value="asyncCity" Label="شهر"
                 SearchFunc="SearchCitiesAsync" MinSearchLength="1" DebounceMs="250" />

@code {
    string? city, asyncCity;
    List<string> cities = new() { "تهران", "مشهد", "اصفهان", "شیراز", "تبریز" };

    async Task<IEnumerable<string>> SearchCitiesAsync(string term)
    {
        await Task.Delay(150); // call your API here
        return cities.Where(c => c.Contains(term, StringComparison.OrdinalIgnoreCase));
    }
}

@using BzCore.Components.DatePicker
@using BzCore.Enums

<BzDatePicker @bind-Value="shamsi" Label="تاریخ شمسی"
               Calendar="BzCalendarType.Jalali" Clearable />
<BzDatePicker @bind-Value="miladi" Label="تاریخ میلادی"
               Calendar="BzCalendarType.Gregorian" Clearable />

@code {
    DateTime? shamsi, miladi;
}

@using BzCore.Components.DatePicker

<BzDatePicker @bind-Value="rangeStart" @bind-EndValue="rangeEnd"
               @bind-IsOpenEnded="openEnded"
               Range AllowUntilFurtherNotice Label="بازه‌ی قرارداد" />

@code {
    DateTime? rangeStart, rangeEnd;
    bool openEnded;
}