Um campo de data com calendário. Os nomes de meses e dias, o primeiro dia da semana e o formato da data seguem o idioma atual, então seus usuários veem as datas como as escrevem.
Por que ajuda
- Segue o idioma do usuário
- Datas digitadas ou escolhidas
- Erros mostrados mesmo sem formulário
Onde se encaixa
- Datas de nascimento e prazos
- Formulários de pedido
- Relatórios
Exemplo
<DatePicker @bind-Value="_date" Label="Start date" />
<DatePicker @bind-Value="_limited" Label="Within this month" MinDate="_first" MaxDate="_last" />
<span>Selected: @(_date?.ToLongDateString() ?? "none")</span>
@code {
private DateTime? _date;
private DateTime? _limited;
private readonly DateTime _first = new(DateTime.Today.Year, DateTime.Today.Month, 1);
private DateTime _last => _first.AddMonths(1).AddDays(-1);
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.