AComponents · Date & Time
Date & Time Components
Temporal input native dengan calendar enhancement, state lengkap, dan fallback tanpa dependency.
Temporal input
Date & Time Components
Native temporal input dengan calendar popup ringan untuk pemilihan tanggal tunggal dan rentang.
Date Picker · States
Min 1 Jul · Max 31 Agu · 20 & 27 Jul disabled.
Format preview: 16/07/2026
Preview focus ring token.
Nilai tanggal telah terisi.
Tidak dapat membuka kalender.
Calendar dapat dilihat tanpa mengubah value.
Tanggal wajib diisi.
Tanggal tersedia.
Wajib sebelum form dikirim.
Memuat ketersediaan tanggal…
Picker Variants
Time Picker · 12/24 Hour
09:30 · step 15 minutes
DateTime Picker
Calendar dan time panel dalam satu popup.
Month Picker
Grid month custom dengan min/max.
Year Picker
Grid year custom 2020–2035.
Date · Range · Time · DateTime · Month · Year
Default · Focus · Filled · Disabled · Readonly · Error · Success · Loading
Custom popup · Hidden ISO value · Keyboard navigation
- Accessibility
- Label persisten, dialog berlabel, grid selection, Arrow keys, Enter, Escape, dan focus restoration.
- Usage
- Seluruh temporal picker memakai display PA DEV dan hidden value terstandar tanpa membuka UI native browser.
- Token
--color-primary · --color-border · --radius-lg · --shadow-lg · --duration-fast