Time Picker
Seletor de tempo
Um seletor de horário é um controle para digitar ou escolher um horário local do dia. Seu tamanho de passo e formato de exibição local devem estar claros.
Um exemplo real
Uma clínica em Taipei oferece consultas a cada 15 minutos, das 09:00 às 17:00. Uma escolha como 14:30 é salva separadamente da data e do fuso horário Asia/Taipei. Um horário sozinho não deve fingir incluir uma data ou fuso horário.
Partes principais
- 01campo de tempo
- 02precisão ou etapa
- 03contexto de zona
Use-o quando
Use este termo quando os usuários devem informar um horário exato dentro de etapas e limites conhecidos.
Não o use quando
Não o use para um período de tempo, um tempo relativo ou agendamento entre fusos quando o fuso estiver oculto.
Nome usado no código
<input type=time> + step + min/max Antes de lançar
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 Seletor de tempo (Time Picker). User context: Uma clínica em Taipei oferece consultas a cada 15 minutos, das 09:00 às 17:00. Uma escolha como 14:30 é salva separadamente da data e do fuso horário Asia/Taipei. Um horário sozinho não deve fingir incluir uma data ou fuso horário. Recommended pattern: Seletor de tempo (Time Picker). Why it fits: Use este termo quando os usuários devem informar um horário exato dentro de etapas e limites conhecidos. Do not use it when: Não o use para um período de tempo, um tempo relativo ou agendamento entre fusos quando o fuso estiver oculto. 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): Um documento formal ainda pode ser rascunho, release candidate ou versão final. Cheque o status e o suporte no navegador ou plataforma. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Conferir este pedido
Review how Seletor de tempo (Time Picker) is used now. Definition: Um seletor de horário é um controle para digitar ou escolher um horário local do dia. Seu tamanho de passo e formato de exibição local devem estar claros. 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.