Improve amount input

moneymgr_web/src/widgets/NewMovementWidget.tsx

@@ -9,6 +9,7 @@ import AddIcon from "@mui/icons-material/Add";
 import { useSnackbar } from "../hooks/context_providers/SnackbarProvider";
 import { useAlert } from "../hooks/context_providers/AlertDialogProvider";
 import { MovementApi } from "../api/MovementsApi";
+import { AmountInput } from "./forms/AmountInput";
 
 export function NewMovementWidget(p: {
   account: Account;
@@ -85,13 +86,13 @@ export function NewMovementWidget(p: {
         size={ServerApi.Config.constraints.movement_label}
       />
        
-      <TextInput
+      <AmountInput
         editable
         type="text"
         placeholder="Amount"
         style={{ flex: 1, maxWidth: "110px" }}
-        value={Number.isNaN(amount) ? "-" : String(amount)}
-        onValueChange={(a) => setAmount(a === "-" ? NaN : Number(a))}
+        value={amount}
+        onValueChange={setAmount}
       />
       <Tooltip title="Add new movement">
         <IconButton onClick={submit}>