diff --git a/src/App.js b/src/App.js
index fffa021..389defe 100644
--- a/src/App.js
+++ b/src/App.js
@@ -187,7 +187,7 @@ function App() {
{/* */}
{/* ----------------------------$$$ end---------------------------- */}
- {/* */}
+
{/* */}
{/* ----------------------------$$$ start---------------------------- */}
@@ -209,7 +209,7 @@ function App() {
-
+ {/* */}
@@ -265,7 +265,7 @@ function App() {
{/* */}
{/* ----------------------------$$$ end---------------------------- */}
- {/* */}
+
{/* */}
diff --git a/src/components/AnimatedInput/Input.js b/src/components/AnimatedInput/Input.js
index 3bc1b80..bb41d4b 100644
--- a/src/components/AnimatedInput/Input.js
+++ b/src/components/AnimatedInput/Input.js
@@ -9,6 +9,7 @@ const FormFields = ({
set,
label,
borderClassname,
+ inputClassname,
type,
maxLength,
max,
@@ -17,7 +18,7 @@ const FormFields = ({
onClick,
}) => {
const [value, setValue] = useState(defaultValue);
-
+ console.log(value);
return (
{label}
@@ -53,8 +54,8 @@ const FormFields = ({
if (!isNaN(min) && +e.target.value < min) value = min;
e.target.value = value;
}}
- className={`rtl w-full h-full px-4 py-2 outline-0 text-xs rounded-md text-[#0F0543] focus:bg-white border-[#E0E0E0] focus:border-[#2483E1] focus:ring-transparent
- ${value === "" ? "bg-red-200 " : "bg-[#F9F9F9] "} `}
+ className={`rtl w-full h-full px-4 py-2 outline-0 text-xs rounded-md text-[#0F0543] focus:bg-white border-[#E0E0E0] focus:border-[#2483E1] focus:ring-transparent
+ ${!value ? "bg-[#F9F9F9] " : "bg-white "} `}
onChange={(e) => setValue(e.target.value)}
inputMode={type === "number" ? "numeric" : ""}
/>
diff --git a/src/components/DateRangePicker/index.js b/src/components/DateRangePicker/index.js
index 93145c0..83840c9 100644
--- a/src/components/DateRangePicker/index.js
+++ b/src/components/DateRangePicker/index.js
@@ -49,11 +49,12 @@ function CustomRangeInput({ openCalendar, value }) {
const DateRangePicker = () => {
return (
-
+
{/*
*/}
{
const [selectedInput, setSelectedInput] = useState(false);
return (
-
+
);
diff --git a/src/components/ReactTable5/BasicTable.js b/src/components/ReactTable5/BasicTable.js
index b308891..468109d 100644
--- a/src/components/ReactTable5/BasicTable.js
+++ b/src/components/ReactTable5/BasicTable.js
@@ -240,7 +240,7 @@ const BasicTable = ({ addTab, activeTab }) => {
className: cell.column.className,
})}
style={{
- padding: "12px",
+ padding: "20px",
fontSize: "13px",
textAlign: "right",
whiteSpace: "nowrap",
diff --git a/src/index.scss b/src/index.scss
index 48c4a2e..905ddd7 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -19,7 +19,12 @@ body {
direction: rtl;
background-color: #f5f5f5;
}
-
+.rtl {
+ direction: rtl;
+}
+.ltr {
+ direction: ltr;
+}
.comment-num {
font-size: 8px;
padding-top: 4px;
@@ -28,6 +33,14 @@ body {
padding-right: 4px;
border-radius: 50%;
}
+.rmdp-container {
+ display: flex !important;
+ flex-direction: column-reverse;
+}
+.rmdp-container > div {
+ position: relative !important;
+ transform: none !important;
+}
// TODO Start Alert Component