diff options
Diffstat (limited to 'packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx')
-rw-r--r-- | packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx b/packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx new file mode 100644 index 000000000..49e6973fc --- /dev/null +++ b/packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx @@ -0,0 +1,19 @@ +import { VNode, h } from "preact"; +import { InputLine, UIFormProps } from "./InputLine.js"; + +export function InputInteger(props: UIFormProps<number>): VNode { + return ( + <InputLine + type="number" + converter={{ + fromStringUI: (v) => { + return !v ? 0 : Number.parseInt(v, 10); + }, + toStringUI: (v?: number) => { + return v === undefined ? "" : String(v); + }, + }} + {...props} + /> + ); +} |