Champs de saisie

Booked Dates Picker

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

June 2026Booked Jun 15–26

SuMoTuWeThFrSa

Selected June 1, 2026

Utiliser Booked Dates 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, bookedStart, bookedCount, 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.

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.

2118Caption Style Date PickerChamps de saisieUn sélecteur de date unique associé à un menu de sélection qui permute son en-tête entre une liste déroulante combinée mois et année, une liste déroulante mois uniquement ou une liste déroulante année uniquement.

2126Compact Time Range PickerChamps de saisieUne carte de calendrier mensuel avec une bande de plage horaire à deux cellules dans le pied de page, les deux champs horaires étant divisés uniquement par un court tiret, de sorte que la paire se lit comme un seul contrôle de plage.

2332Date and Time Duo PickerChamps de saisieDeux champs étiquetés côte à côte, un bouton de date compact qui ouvre une fenêtre contextuelle de calendrier et un champ d'heure simple, pour définir une date et une heure en deux étapes indépendantes.

2143Dropdown Date PickerChamps de saisieUn sélecteur de date d'un seul mois dont l'en-tête utilise une liste déroulante de mois et une liste déroulante d'année côte à côte, donc passer à une date distante nécessite une sélection au lieu de plusieurs clics de flèche.