Champs de saisie

Mobile date drawer

Un champ de date conçu pour le toucher qui ouvre son calendrier sous la forme d'une feuille inférieure glissant vers le haut depuis le bord du cadre au lieu d'un petit popover flottant.

Date of birthThis example works best on mobile.

Utiliser Mobile date drawer

Un champ de date conçu pour le toucher qui ouvre son calendrier sous la forme d'une feuille inférieure glissant vers le haut depuis le bord du cadre au lieu d'un petit popover flottant.

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, label, caption

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

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.

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.

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.