Date Picker
Sélecteur de date
Un sélecteur de date est un contrôle pour taper ou choisir un jour sur un calendrier. Il ne choisit pas une heure de la journée.
Un vrai exemple
Un voyageur peut choisir une date à partir du 4 août, tandis que certains jours sont indisponibles. Une saisie au clavier ou au pointeur renvoie 2026-08-12 et explique les limites. Si taper une date ISO connue est plus rapide, le calendrier ne doit pas être obligatoire.
Parties principales
- 01champ de date
- 02grille du calendrier
- 03dates minimales et indisponibles
Utilisez-le lorsque
Utilisez ce terme lorsque la tâche nécessite une date valide et qu’il est utile pour l’utilisateur de voir un calendrier.
Ne l'utilisez pas lorsque
N'utilisez pas un calendrier complexe lorsque vous demandez seulement un mois, une année, une durée ou une date approximative.
Nom utilisé dans le code
<input type=date> or accessible calendar dialog Avant d'expédier
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with Sélecteur de date (Date Picker). User context: Un voyageur peut choisir une date à partir du 4 août, tandis que certains jours sont indisponibles. Une saisie au clavier ou au pointeur renvoie 2026-08-12 et explique les limites. Si taper une date ISO connue est plus rapide, le calendrier ne doit pas être obligatoire. Recommended pattern: Sélecteur de date (Date Picker). Why it fits: Utilisez ce terme lorsque la tâche nécessite une date valide et qu’il est utile pour l’utilisateur de voir un calendrier. Do not use it when: N'utilisez pas un calendrier complexe lorsque vous demandez seulement un mois, une année, une durée ou une date approximative. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Un document officiel peut quand même être un brouillon, un release candidate, ou la version finale. Vérifie son statut et sa compatibilité avec le navigateur ou la plateforme. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Sélecteur de date (Date Picker) is used now. Definition: Un sélecteur de date est un contrôle pour taper ou choisir un jour sur un calendrier. Il ne choisit pas une heure de la journée. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.