initial commit

1 files changed, 23 insertions, 0 deletions

diff --git a/src/SalaryInput.jsx b/src/SalaryInput.jsx
new file mode 100644
index 0000000..f04c68f
--- /dev/null
+++ b/src/SalaryInput.jsx
@@ -0,0 +1,23 @@
+import { useState } from "react";
+import TextField from "@mui/material/TextField";
+import { NumericFormat } from "react-number-format";
+
+function SalaryInput() {
+    const [displayValue, setDisplayValue] = useState('');
+    return (
+        <NumericFormat
+            customInput={ TextField }
+            label='Gaji Bulanan'
+            variant="outlined"
+            valueIsNumericString={true}
+            thousandSeparator={true}
+            value={displayValue}
+            onValueChange={(value, sourceInfo) => {setDisplayValue(value.value)}}
+            InputProps={{
+                startAdornment: <span>Rp</span>
+            }}
+        />
+    );
+}
+
+export default SalaryInput;