diff options
author | Sebastian <sebasjm@gmail.com> | 2023-05-15 11:45:23 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-05-15 11:45:23 -0300 |
commit | f4f798b1b4bae3073b669a562fd2b3a7880dffc3 (patch) | |
tree | 90211e3188cf9d33f0fc468bca8f039cd89b313e /packages/exchange-backoffice-ui/src/handlers/InputInteger.tsx | |
parent | db03383325063b9388c7ffa583485c3cff2b25eb (diff) |
second form
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} + /> + ); +} |