DateTimeRangePicker

Free

Período com início e fim, escolhido em um calendário que mostra dois meses lado a lado (Months) (o primeiro clique define o início, o segundo o fim) e digitado ou ajustado por campo. O valor é um DateTimeRange. Defina IncludeTime como false apenas para datas. Uma data digitada sem horário mantém o horário já escolhido. Os horários usam o mesmo campo do TimePicker.

Exemplo

Parâmetros

Parâmetro	Tipo	Descrição
`Class`	`string`	Classes CSS extras adicionadas ao elemento raiz.
`Disabled`	`bool`	Desativa a interação.
`DisplayName`	`string`	Nome usado nas mensagens de validação.
`HelperText`	`string`	Dica mostrada abaixo do campo.
`IncludeTime`	`bool`	Também escolhe a hora do dia (true por padrão). Defina false apenas para datas.
`Label`	`string`	Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
`MaxDate`	`DateTime?`	Última data selecionável.
`MinDate`	`DateTime?`	Primeira data selecionável.
`Months`	`int`	Quantos meses a janela mostra lado a lado (2 por padrão). Eles ficam empilhados em telas estreitas.
`Presets`	`IEnumerable<DateRangePreset>`	Seus próprios intervalos rápidos: DateRangePreset(label, start, end).
`ReadOnly`	`bool`	Mostra o valor mas não permite alterações.
`ShowPresets`	`bool`	Mostra uma lista de intervalos rápidos (hoje, últimos 7 dias, este mês...) ao lado do calendário.
`Style`	`string`	Estilo embutido adicionado ao elemento raiz.
`Value`	`DateTimeRange`	Valor atual. Use com @bind-Value.

Eventos

Evento	Tipo	Descrição
`ValueChanged`	`EventCallback<DateTimeRange>`	Gerado quando o valor muda.

Pacote

DateTimeRangePicker faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.

Enviar feedbackVersão 1.0.3