Champs de saisie

Editable date field

Un champ de texte pour une date qui accepte la saisie libre et peut également être rempli à partir d'un petit popover de calendrier ouvert par un bouton d'icône de fin.

Subscription Date

Utiliser Editable date field

Un champ de texte pour une date qui accepte la saisie libre et peut également être rempli à partir d'un petit popover de calendrier ouvert par un bouton d'icône de fin.

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, value

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

2297Addon Input GroupChamps de saisieUn champ de texte enveloppé dans une coque bordée qui peut porter une icône de début, un bouton ou un texte de fin, et partage un anneau de mise au point dans l'ensemble du groupe.

2792Auto Grow TextareaChamps de saisieUn champ de texte multiligne qui s'agrandit à mesure que la personne tape davantage, au lieu de défiler à l'intérieur d'une zone fixe.

2321Clean Text FieldChamps de saisieUne saisie de texte encadrée sans fioritures pour un formulaire étiqueté : neutre au repos, un anneau d'accentuation net lors de la mise au point, coupé lorsqu'il est désactivé.

2801Compact select menuChamps de saisieUn bouton de déclenchement qui ouvre une liste flottante de choix, avec le choix actuel affiché sur le bouton et une coche à côté dans la liste.

2343Drawn check checkboxChamps de saisieUne case à cocher dont la coche se dessine trait par trait à mesure que la case se remplit d'une couleur d'accent unie.

1529Floating label inputChamps de saisieUn champ de texte dont l'étiquette reste à l'intérieur de la boîte et s'élève jusqu'au bord supérieur lors du focus ou une fois que le champ a une valeur, avec des apparences ciblées, valides et invalides.