diff options
Diffstat (limited to 'src/SalaryInput.jsx')
-rw-r--r-- | src/SalaryInput.jsx | 11 |
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> }} |