Start to build a dialog to create movements

moneymgr_web/src/widgets/forms/AccountInput.tsx

@@ -1,4 +1,4 @@
-import { MenuItem, Select, Typography } from "@mui/material";
+import { MenuItem, Select, TextFieldVariants, Typography } from "@mui/material";
 import { AccountIconWidget } from "../AccountIconWidget";
 import { useAccounts } from "../../hooks/AccountsListProvider";
 import { AmountWidget } from "../AmountWidget";
@@ -8,6 +8,7 @@ export function AccountInput(p: {
   onChange: (value: number) => void;
   label?: string;
   style?: React.CSSProperties;
+  variant?: TextFieldVariants;
 }): React.ReactElement {
   const accounts = useAccounts();
   let current = p.value;
@@ -23,6 +24,7 @@ export function AccountInput(p: {
       onChange={(e) => p.onChange(Number(e.target.value))}
       size="small"
       style={p.style}
+      variant={p.variant}
     >
       {accounts.list.list.map((a) => (
         <MenuItem value={a.id}>