Components · Time Picker

Time picker

Saat / dakika seçici. Sipariş yönetimi için kritik: çalışma saatleri, teslim slot'u, randevu, kampanya başlangıç-bitiş. HH:MM 24-saat tek format; AM/PM kullanılmaz (TR konvansiyonu). Mobil'de native type="time"'a düşer.

01 · Trigger varyantları

Boş · placeholder
--:--
Dolu · selected
14:30
Aralık · açılış-kapanış
09:00
→
22:30

02 · Açık liste · iki sütun (saat & dakika)

Step: 15dk; quick preset'ler altta
Açık picker · 14:30
14:30
11
12
13
14
15
16
17
18
00
15
30
45
09:0012:0014:0017:0020:0022:30
Çalışma saatleri · şube · 7 gün
Pzt
09:00
–
22:30
Sal
09:00
–
22:30
Çar
09:00
–
22:30
Per
09:00
–
22:30
Cum
09:00
–
23:30
Cmt
10:00
–
23:30
Paz
Kapalı

Kurallar

· Format HH:MM, 24-saat, hep tabular-nums; AM/PM yok.
· Step varsayılan 15 dakika; ürün kararı: 5/10/15/30/60. Step ne kadar küçük, picker o kadar uzun — 5dk altı yazılı input ile yapılmalı.
· Aralık (open–close): geçersiz aralık (kapanış < açılış) yasaklanmaz — gece yarısı geçen şubeler için (22:00 → 02:00) destekli.
· Quick preset'ler iş bağlamına uyar (restaurant: 09:00, 12:00, 17:00…). Asla generic 1-saat aralıklı liste.
· "Şimdi" tek tıklamayla son 15dk'ya yuvarlar; "Tamam" picker'ı kapatır + commit eder.
· Mobile: native <input type="time">'a düş; iOS/Android wheel UX'i en iyi seçim.
· Klavye: ↑↓ saat/dk değiştir, Tab kolonlar arası, ⏎ commit, ⎋ iptal.
· Erişilebilirlik: trigger aria-haspopup="listbox"; her sütun ayrı listbox; seçili öğe aria-selected + auto-scroll-into-view.