Champs de saisie

Appointment Scheduler Card

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

Appointment

Find a date.

June 2026

Selected: Sun, Jun 14

Utiliser Appointment Scheduler Card

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

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, title, subtitle, startMonth

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

2108Appointment Range CardChamps de saisieUne carte qui associe une grille de date sur un mois avec un champ d'heure de début et d'heure de fin en dessous, pour choisir un jour plus une fenêtre horaire dans un bloc compact.

2385Meeting Slot SchedulerChamps de saisieUne 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.

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.

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.

2114Booked Dates PickerChamps de saisieUn sélecteur de date unique dans lequel une série de jours déjà réservés affiche une barre sur le numéro et ne peut pas être sélectionné, laissant les jours ouverts sélectionnables normalement.

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.