You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.1 KiB
React
32 lines
1.1 KiB
React
2 years ago
|
import React from "react";
|
||
|
|
import { NumericFormat } from "react-number-format";
|
||
|
|
import Input from "./Input";
|
||
|
|
|
||
|
|
export default function FormInputNumeric({ name, onChange, value, label, className, error }) {
|
||
|
|
return (
|
||
|
|
<div className={className}>
|
||
|
|
<label htmlFor="first_name" className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{label}</label>
|
||
|
|
<NumericFormat
|
||
|
|
thousandSeparator=","
|
||
|
|
decimalSeparator="."
|
||
|
|
allowNegative={false}
|
||
|
|
allowLeadingZeros={false}
|
||
|
|
className={className}
|
||
|
|
customInput={Input}
|
||
|
|
value={value}
|
||
|
|
name={name}
|
||
|
|
onValueChange={(values) => {
|
||
|
|
onChange({
|
||
|
|
target: {
|
||
|
|
name: name,
|
||
|
|
value: values.floatValue
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
{error && (
|
||
|
|
<p className="mb-2 text-sm text-red-600 dark:text-red-500">{error}</p>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|