feat: polish bank operation cards and dates

src/pages/card/ui/OperationForm.view.tsx

@@ -5,6 +5,7 @@ import { Controller, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {
 	type BankOperation,
+	bankDateInputValue,
 	bankDateSchema,
 	bankToday,
 } from "@/entities/bank-card";
@@ -97,18 +98,22 @@ const OperationFields: FC<OperationFieldsProps> = (props) => {
 						{...field}
 						label={t("bank.date")}
 						required
-						valueFormat="YYYY-MM-DD"
+						valueFormat="DD.MM.YYYY"
 						value={
 							bankDateSchema.safeParse(field.value).success ? field.value : null
 						}
 						dateParser={(value) =>
-							bankDateSchema.safeParse(value).success ? value : null
+							bankDateSchema.safeParse(bankDateInputValue(value)).success
+								? bankDateInputValue(value)
+								: null
 						}
 						fixOnBlur={false}
-						onInput={(event) => field.onChange(event.currentTarget.value)}
+						onInput={(event) =>
+							field.onChange(bankDateInputValue(event.currentTarget.value))
+						}
 						onChange={(value) => field.onChange(value ?? "")}
 						onBlur={(event) => {
-							field.onChange(event.currentTarget.value);
+							field.onChange(bankDateInputValue(event.currentTarget.value));
 							field.onBlur();
 						}}
 						maxDate={bankToday()}