Champs de saisie

Meeting Slot Scheduler

Une carte de réservation qui place une grille mensuelle à côté d'une liste déroulante de plages horaires d'un quart d'heure, certaines dates désactivées et barrées, se terminant par une ligne récapitulative et un bouton Continuer.

Pick a date

September 2026

32 times/day

Pick a time

Any day

Pick a date and a time to book your meeting.

Utiliser Meeting Slot Scheduler

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, slotMinutes, unavailableCount

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

2109Appointment Scheduler CardChamps de saisieUn sélecteur de date unique encadré à l'intérieur d'une carte titrée avec un bouton de passage à aujourd'hui dans le coin, conçu pour prendre un rendez-vous.

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.

2773Month grid date pickerChamps de saisieUne grille de calendrier sur un mois pour choisir une date, avec un en-tête de jour de la semaine, des jours en sourdine des mois voisins, un cercle d'accent rempli sur le jour choisi et un point marquant le jour.

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.

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.