Pricing Calendar
Range calendar yang menampilkan harga per malam langsung di tiap tanggal. Cell otomatis di-disable saat allotment habis. Built on reka-ui dengan format harga Rupiah singkat (Rp1,5jt / Rp850rb).
Default (2 bulan)
Default menampilkan 2 bulan side-by-side di desktop, stack vertical di mobile. Weekday Rp1,5jt, weekend Rp1,85jt. Harga di bawah Rp1,6jt tampil hijau (good price).
May - June 2026
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
Range: -
Dengan tanggal sold out
Tanggal dengan available === 0 otomatis disabled dan tidak bisa dipilih.
May - June 2026
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
Range: -
Single month
Override prop numberOfMonths ke 1 untuk layout yang lebih kompak.
May 2026
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
Range: -
Loading state
Saat isLoading true dan pricingData masih kosong, tiap cell menampilkan Skeleton di tempat harga. Demo ini akan otomatis selesai loading dalam 2 detik.
May 2026
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|