Skip to content
DATE TIME · FREE

MonthPicker

Choose a month and year without picking a day.

Choose a month and a year, without dragging a day along. The value is the first day of the month.

Why it helps

  • Month and year only
  • First day of the month as value
  • Language-aware

Where it fits

  • Billing months
  • Report periods
  • Card expiry
MonthPicker control in a RayCraft page

Example

<MonthPicker @bind-Value="_month" Label="Reporting month" />
<MonthPicker @bind-Value="_limited" Label="This year only" MinMonth="_first" MaxMonth="_last" />
<span>Selected: @(_month?.ToString("MMMM yyyy") ?? "none")</span>

@code {
    private DateTime? _month;
    private DateTime? _limited;
    private readonly DateTime _first = new(DateTime.Today.Year, 1, 1);
    private readonly DateTime _last = new(DateTime.Today.Year, 12, 1);
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation