Champs de saisie

Stay range popover picker

Un bouton de déclenchement qui affiche deux dates reliées par un trait d'union et ouvre un calendrier à plage flottante pour choisir un jour de début et de fin, pour une sélection de séjour de style hôtelier.

Select your stay

Utiliser Stay range popover picker

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: accent, label, nights

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2406Priced stay range calendarChamps de saisieUn calendrier de plage dans lequel chaque cellule quotidienne affiche un petit prix sous son numéro, les week-ends à un prix plus élevé que les jours de la semaine, avec le mois et l'année choisis dans les listes déroulantes.

2139Date Range PickerChamps de saisieUn calendrier mensuel unique pour choisir une date de début et de fin, où chaque jour entre eux se remplit comme une bande continue en surbrillance une fois les deux extrémités sélectionnées.

2185Localized booking calendarChamps de saisieUn sélecteur de plage de deux mois à l'intérieur d'une carte dont le titre, le sous-titre et les noms de mois basculent entre deux langues à partir d'un petit menu de sélection dans l'en-tête.

2442Stay Dates PickerChamps de saisieUne paire de champs de style réservation, Check-in et Check-out, chacun ouvrant son propre calendrier déroulant à côté d'une case horaire fixe, pour choisir un séjour à deux fins.

2261Two-Month Range PickerChamps de saisieUn sélecteur de plage de dates qui affiche deux mois consécutifs à la fois, de sorte qu'une plage couvrant une limite mensuelle reste entièrement visible pendant son choix.

2305Birthdate popover pickerChamps de saisieUn bouton étiqueté qui ouvre un calendrier flottant avec des listes déroulantes de mois et d'année pour atteindre rapidement une année de naissance, se fermant dès qu'un jour est choisi.