Add a widget to select a movement

moneymgr_web/src/widgets/forms/DateInput.tsx

@@ -1,5 +1,6 @@
 import { DatePicker } from "@mui/x-date-pickers";
 import { dateToTime, timeToDate } from "../../utils/DateUtils";
+import { TextFieldVariants } from "@mui/material";
 
 export function DateInput(p: {
   ref?: React.Ref<HTMLInputElement>;
@@ -9,6 +10,7 @@ export function DateInput(p: {
   style?: React.CSSProperties;
   value: number | undefined;
   onValueChange: (v: number | undefined) => void;
+  variant?: TextFieldVariants;
 }): React.ReactElement {
   return (
     <DatePicker
@@ -17,7 +19,7 @@ export function DateInput(p: {
       label={p.label}
       slotProps={{
         field: { ref: p.ref },
-        textField: { variant: "standard", style: p.style },
+        textField: { variant: p.variant ?? "standard", style: p.style },
       }}
       value={timeToDate(p.value)}
       onChange={(v) => {