Pemilih tarikh

1. Butang untuk membuka kalendar bagi memilih tarikh.
2. Tajuk yang memaparkan bulan dan tahun semasa.
3. Butang untuk pergi ke bulan atau tahun ke depan atau ke belakang.
4. Singkatan nama hari untuk membantu pengguna memahami susunan hari dalam bulan.
5. Ruangan untuk pengguna memilih tarikh tertentu dalam kalendar.

Pemilih Bulan dan Tahun

Fungsi utama pemilih tarikh adalah membolehkan pengguna memilih tarikh dengan mudah. Jika pengguna ingin memilih tarikh dari tahun-tahun yang lampau, pemilih bulan dan tahun menyediakan tiga pandangan:

1. Pandangan Hari: Menunjukkan hari dalam bulan.
2. Pandangan Bulan: Menunjukkan bulan dalam tahun.
3. Pandangan Tahun: Menunjukkan sekumpulan 18 tahun.

1. Untuk ke Pandangan Bulan, klik tajuk Bulan.
2. Untuk ke Pandangan Tahun, klik tajuk YYYY.
3. Klik tajuk Bulan atau senarai bulan untuk kembali ke Pandangan Hari.
4. Klik tajuk YYYY atau senarai tahun untuk kembali ke Pandangan Hari.

Navigasi Antara Pandangan

Pandangan Hari

1. Pergi ke bulan sebelumnya (-1).
2. Pergi ke bulan seterusnya (+1).

Pandangan Bulan

1. Pergi ke tahun sebelumnya (-1).
2. Pergi ke tahun seterusnya (+1).

Pandangan Tahun (Disusun dalam kumpulan 18 tahun)

1. Tatal ke atas dan ke bawah untuk melihat pilihan tahun.

Bahasa

1. Bahasa Inggeris
2. Bahasa Malaysia

Pemilihan Tarikh Tunggal

1. Butang Jenis: Sekunder (Secondary) dalam keadaan lalai apabila pengguna boleh menavigasi ke bulan sebelumnya.
2. Butang Jenis: Sekunder dalam keadaan tidak aktif apabila pengguna tidak boleh menavigasi ke depan, biasanya apabila menapis data hanya sehingga tarikh terkini.
3. Butang Jenis: Tertiari (Tertiary) dalam keadaan tidak aktif apabila tarikh adalah dari bulan sebelumnya, tetapi pengguna masih boleh memilihnya.
4. Butang Jenis: Tertiari dalam keadaan lalai menunjukkan tarikh sedia untuk dipilih.
5. Butang Jenis: Tertiari dalam keadaan hover apabila kursor berada di atas tarikh.
6. Butang Jenis: Utama (Primary) dalam keadaan lalai apabila tarikh telah dipilih.
7. Butang Jenis: Tertiari dalam keadaan tidak aktif apabila tarikh tidak interaktif, contohnya, tarikh di hadapan tarikh terkini.

Pemilihan Julat Tarikh

1. Butang pemicu pemilihan tarikh untuk tarikh Dari dan Ke.
2. Pemilihan tarikh Dari.
3. Pemilihan tarikh Ke.
4. Sorotan untuk julat tarikh yang dipilih.
5. Keadaan hover tarikh dalam julat yang disorot. Gunakan bg-primary-200 sebagai warna sorotan.

Demo