summaryrefslogtreecommitdiff
path: root/src/SalaryInput.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/SalaryInput.jsx')
-rw-r--r--src/SalaryInput.jsx11
1 files changed, 7 insertions, 4 deletions
diff --git a/src/SalaryInput.jsx b/src/SalaryInput.jsx
index f04c68f..753d457 100644
--- a/src/SalaryInput.jsx
+++ b/src/SalaryInput.jsx
@@ -2,8 +2,8 @@ import { useState } from "react";
import TextField from "@mui/material/TextField";
import { NumericFormat } from "react-number-format";
-function SalaryInput() {
- const [displayValue, setDisplayValue] = useState('');
+function SalaryInput({handleBaseSalaryChange}) {
+ const [baseSalary, setBaseSalary] = useState('');
return (
<NumericFormat
customInput={ TextField }
@@ -11,8 +11,11 @@ function SalaryInput() {
variant="outlined"
valueIsNumericString={true}
thousandSeparator={true}
- value={displayValue}
- onValueChange={(value, sourceInfo) => {setDisplayValue(value.value)}}
+ value={baseSalary}
+ onValueChange={(value, sourceInfo) => {
+ setBaseSalary(value.value);
+ handleBaseSalaryChange(value.value);
+ }}
InputProps={{
startAdornment: <span>Rp</span>
}}