Champs de saisie

Stay Dates Picker

Une 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.

Riverside Loft

Pick your stay dates

Check-in

Check-out

4nights stay

Utiliser Stay Dates Picker

Une 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.

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, checkInLabel, checkOutLabel, showTime

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

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.

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.

2443Stay range popover pickerChamps de saisieUn 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.

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.

2116Bounded Stay Range PickerChamps de saisieUn sélecteur de plage de deux mois qui applique à la fois un nombre minimum et maximum de nuits, de sorte que seules les dates de fin à l'intérieur de cette fenêtre restent sélectionnables une fois le début défini.