From 720dc78a10b74dbdbd3a36dbea2924bf1ac93c9e Mon Sep 17 00:00:00 2001
From: AmirHossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Sat, 11 Nov 2023 12:04:43 +0330
Subject: [PATCH] LFFE-23 Change direction style in price component to LTR

---
 src/core/components/LtrTextField.jsx | 11 +++++++++++
 src/core/components/PriceField.jsx   |  5 +++--
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 src/core/components/LtrTextField.jsx

diff --git a/src/core/components/LtrTextField.jsx b/src/core/components/LtrTextField.jsx
new file mode 100644
index 0000000..aa9efcb
--- /dev/null
+++ b/src/core/components/LtrTextField.jsx
@@ -0,0 +1,11 @@
+import {styled, TextField} from "@mui/material";
+
+const LtrTextField = styled(TextField)`
+    .MuiInputBase-input {
+        /* @noflip */
+        direction: ltr;
+        text-align: left;
+    }
+`;
+
+export default LtrTextField
\ No newline at end of file
diff --git a/src/core/components/PriceField.jsx b/src/core/components/PriceField.jsx
index e62e4e1..1df1ba2 100644
--- a/src/core/components/PriceField.jsx
+++ b/src/core/components/PriceField.jsx
@@ -1,12 +1,13 @@
-import {Stack, TextField, Typography} from "@mui/material";
+import {Stack, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
+import LtrTextField from "@/core/components/LtrTextField";
 
 const PriceField = (props) => {
     const t = useTranslations();
     return (
         <Stack spacing={1}>
             <Stack>
-                <TextField
+                <LtrTextField
                     {...props}
                 />
             </Stack>