update src/components/TestComponentNew/index.js

src/components/TestComponentNew/index.js

@@ -1,7 +1,27 @@
 import React from "react";
 
-const index = () => {
+import { Calendar } from "react-multi-date-picker";
-  return <div>index</div>;
+import DatePicker from "react-multi-date-picker";
+
+import persian from "react-date-object/calendars/persian";
+import persian_fa from "react-date-object/locales/persian_fa";
+
+const TestComponentNew = () => {
+  return (
+    <div
+      className="bg-pink-100 w-1/2 mx-auto mt-20"
+      style={{ direction: "rtl" }}
+    >
+      <Calendar calendar={persian} locale={persian_fa} />
+      <hr className="my-20" />
+      <DatePicker
+        calendar={persian}
+        locale={persian_fa}
+        calendarPosition="bottom-right"
+        onClose={() => false}
+      />
+    </div>
+  );
 };
 
-export default index;
+export default TestComponentNew;