Escolha um período em um calendário que mostra dois meses lado a lado, com intervalos rápidos para os casos comuns.
Por que ajuda
- Dois meses de relance
- Intervalos rápidos
- Início e fim em um campo
Onde se encaixa
- Relatórios e filtros
- Reserva de férias
- Períodos de estatísticas
Exemplo
<DateTimeRangePicker @bind-Value="_range" ShowPresets="true" IncludeTime="false" Label="Period" />
<span>@(_range.Start?.ToString("d") ?? "–") to @(_range.End?.ToString("d") ?? "–")</span>
@code {
private DateTimeRange _range;
}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.