Rupiah Input

Sebuah input komponen yang mumpuni untuk handle angka berupa uang (khususnya rupiah). Komponen ini secara otomatis memformat input angka menjadi format Rupiah Indonesia dengan pemisah titik setiap tiga digit.

Instalasi

npm install rupiah-input

Penggunaan

Import Module

const { createRupiahInput, formatRupiah, getRupiahValue, setRupiahValue } = require('rupiah-input');

Membuat Input Element

// Buat input element const rupiahInput = createRupiahInput();

// Tambahkan ke DOM document.body.appendChild(rupiahInput);

Dengan Options

const rupiahInput = createRupiahInput({ placeholder: 'Masukkan harga produk', className: 'form-control rupiah-input' });

Mendapatkan Nilai Numerik

const inputElement = document.getElementById('rupiah-input'); const numericValue = getRupiahValue(inputElement); console.log(numericValue); // Contoh: 1500000 (dari input "1.500.000")

Set Nilai Programmatically

const inputElement = document.getElementById('rupiah-input'); setRupiahValue(inputElement, 2500000); // Input akan menampilkan "2.500.000"

Format Manual

const formattedValue = formatRupiah('1500000'); console.log(formattedValue); // Output: "1.500.000"

Fitur

• ✅ Hanya menerima input angka
• ✅ Format otomatis ke format Rupiah Indonesia (pemisah titik)
• ✅ Mempertahankan posisi cursor saat mengetik
• ✅ Fungsi helper untuk mendapatkan nilai numerik
• ✅ Fungsi helper untuk set nilai secara programmatik
• ✅ Customizable placeholder dan CSS class

Contoh Penggunaan dalam HTML

Cara Menggunakan Package

1. Buat folder baru untuk package Anda
2. Salin semua file di atas ke dalam folder tersebut
3. Jalankan npm init jika belum ada package.json atau gunakan yang sudah disediakan
4. Test package secara lokal dengan npm link
5. Publish ke NPM dengan npm publish

Package ini memberikan komponen input yang secara otomatis memformat angka menjadi format Rupiah Indonesia. Ketika user mengetik angka, input akan langsung menampilkan format dengan pemisah titik setiap tiga digit, persis seperti yang Anda inginkan.[1][2][3][4]