BzDatePicker

DatePicker

Jalali & Gregorian calendars, and range selection.

Jalali & Gregorian

The only difference between these two is the Calendar value.

Jalali date

انتخاب تاریخ

Gregorian date

انتخاب تاریخ

jalali= | greg=

Parameter	Description
`Calendar`	`BzCalendarType.Jalali` or `Gregorian`
`Clearable`	Shows a clear button
`Range`	Switches to range mode
`AllowUntilFurtherNotice`	Allows an open-ended range

razor

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

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

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

<p>jalali=@_jalali?.ToString("yyyy/MM/dd") | greg=@_greg?.ToString("yyyy-MM-dd")</p>

@code {
    private DateTime? _jalali;
    private DateTime? _greg;
}

Date range

With Range on you get a start and an end value. AllowUntilFurtherNotice lets the range stay open.

Contract range

انتخاب تاریخ

from= | to=

razor

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

<BzDatePicker @bind-Value="_rangeStart"
              @bind-EndValue="_rangeEnd"
              @bind-IsOpenEnded="_openEnded"
              Calendar="BzCalendarType.Jalali"
              Range
              AllowUntilFurtherNotice
              Label="بازه ی قرارداد" />

<p>from=@_rangeStart?.ToString("yyyy/MM/dd") | to=@(_openEnded ? "…" : _rangeEnd?.ToString("yyyy/MM/dd"))</p>

@code {
    private DateTime? _rangeStart;
    private DateTime? _rangeEnd;
    private bool _openEnded;
}