Champs de saisie

Priced stay range calendar

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

4 nights$640 total

Utiliser Priced stay range calendar

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, weekdayPrice, weekendPrice

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

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.

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.

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.