Uma grade mensal que você pode colocar direto em uma página para seleção de data em linha. Segue o idioma dos seus usuários e aceita navegação por teclado.
Por que ajuda
- Seleção de data em linha
- Navegação por teclado
- Dias marcados e desativados
Onde se encaixa
- Páginas de reservas
- Painéis
- Filtros de data
Exemplo
<Stack Spacing="8" Wrap>
<div style="width:19rem">
<Calendar Value="_date" OnPick="@(d => _date = d)" />
</div>
<span>Picked: @_date?.ToLongDateString()</span>
</Stack>
@code {
private DateTime? _date = DateTime.Today;
}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.