Komponen / Form & input
DatePicker
Field tanggal tertutup dengan kalender pop-up: tanggal PO, jatuh tempo termin, tanggal kick-off. Bisa diketik langsung ("29/09/2026") atau dipilih dari kalender yang minggunya mulai Senin.
Kapan dipakai
Gunakan
- Pakai untuk satu tanggal yang ikut disimpan: tanggal PO customer, jatuh tempo termin, tanggal kick-off, tanggal perpanjangan lisensi.
- Batasi pilihan dengan `min`/`max`/`isDateDisabled` (mis. jatuh tempo tidak sebelum tanggal PO) dan jelaskan batasnya di helperText.
- Biarkan pengguna mengetik tanggal yang sudah ia ketahui ("29/09/2026") — lebih cepat daripada menggulir bulan.
- Bungkus dengan FormField agar label, error, required, dan read-only terhubung otomatis.
Hindari
- Jangan memakai tiga Select terpisah (tanggal/bulan/tahun) untuk tanggal dokumen.
- Jangan memakai DatePicker untuk tanggal yang jauh di masa lalu dan sudah pasti (tanggal lahir) — Input berformat lebih cepat.
- Jangan menampilkan tenggat yang hanya dibaca dengan DatePicker read-only di tabel — pakai DueDate.
- Jangan menyembunyikan aturan batas; tanggal yang ditolak tanpa penjelasan membingungkan.
Contoh benar & salah
Tidak sebelum tanggal PO (29 Sep); akhir pekan tidak tersedia.
SenSelRabKamJumSabMin
2829301234
Tanggal tidak valid.
Tanggal PO customer
Penulisan
- Label menyebut tanggal apa: "Tanggal PO customer", "Jatuh tempo termin 1" — bukan sekadar "Tanggal".
- Tampilan tanggal mengikuti formatDate: "29 Sep 2026" di field, "Selasa, 29 September 2026" di pembaca layar.
- Error menyebut batasnya: "Jatuh tempo tidak boleh sebelum tanggal PO (29 Sep 2026)."