Campos de entrada

Friendly Date Range Picker

Um botão de pílula que lê um intervalo de datas em inglês simples e abre um calendário suspenso para escolher um dia de início e de término juntos.

Select your stay

Como usar Friendly Date Range Picker

Um botão de pílula que lê um intervalo de datas em inglês simples e abre um calendário suspenso para escolher um dia de início e de término juntos.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: accent, label, rangeText

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2139Date Range PickerCampos de entradaUm calendário de um único mês para escolher uma data de início e término, onde cada dia entre elas é preenchido como uma faixa contínua destacada quando ambas as extremidades são escolhidas.

2185Localized booking calendarCampos de entradaUm seletor de intervalo de dois meses dentro de um cartão cujo título, subtítulo e nomes de meses alternam entre dois idiomas em um pequeno menu de seleção no cabeçalho.

2406Priced stay range calendarCampos de entradaUm calendário de intervalo onde cada célula diária mostra um preço pequeno abaixo do seu número, fins de semana com preços superiores aos dias da semana, com mês e ano escolhidos nos menus suspensos.

2442Stay Dates PickerCampos de entradaUm par de campos no estilo de reserva, Check-in e Check-out, cada um abrindo seu próprio calendário suspenso ao lado de um horário fixo, para escolher uma estadia dupla.

2443Stay range popover pickerCampos de entradaUm botão de disparo que mostra duas datas unidas por um hífen e abre um calendário flutuante para escolher um dia de início e de término, para uma seleção de estadia no estilo de hotel.

2261Two-Month Range PickerCampos de entradaUm seletor de intervalo de datas que mostra dois meses consecutivos de uma vez, de forma que um intervalo que abrange um limite de mês permaneça totalmente visível enquanto é escolhido.