react-awesome-query-builder-pd
Version:
User-friendly query builder for React. Demo: https://ukrbublik.github.io/react-awesome-query-builder
18 lines (16 loc) • 549 B
JSX
import React from "react";
export default (props) => {
const {value, setValue, config, readonly, min, max, step, placeholder} = props;
const onChange = e => {
let val = e.target.value;
if (val === "" || val === null)
val = undefined;
else
val = Number(val);
setValue(val);
};
const numberValue = value == undefined ? "" : value;
return (
<input type="number" value={numberValue} placeholder={placeholder} disabled={readonly} min={min} max={max} step={step} onChange={onChange} />
);
};