diff --git a/package.json b/package.json
index 7861b28..c31be2f 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "react-input-range": "^1.3.0",
     "react-leaflet": "^3.2.5",
     "react-leaflet-draw": "^0.19.8",
+    "react-multi-date-picker": "^3.3.0",
     "react-redux": "^7.2.6",
     "react-scripts": "5.0.0",
     "react-table": "^7.7.0",
diff --git a/src/App.js b/src/App.js
index c47c56e..252e5f9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -132,8 +132,8 @@ function App() {
         {/* <SidebarDesign2 className="w-1/5" /> */}
         {/* <FileManager /> */}
         {/* <GridListTable /> */}
-        <PopupCard />
-        {/* <TimeLine /> */}
+        {/* <PopupCard /> */}
+        {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
@@ -163,7 +163,7 @@ function App() {
         {/* <OutlineInput /> */}
         {/* <CancleIcon /> */}
         {/* <ProfilePicNextToEachOther /> */}
-        {/* <TimeLineComponent /> */}
+        {/* <TimeLine /> */}
         {/* <SelectYear /> */}
         {/* <SemiDonut /> */}
         {/* <FolderTree /> */}
diff --git a/yarn.lock b/yarn.lock
index d3599b0..bc90c90 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7640,6 +7640,11 @@ react-beautiful-dnd@^13.1.0:
     redux "^4.0.4"
     use-memo-one "^1.1.1"
 
+react-date-object@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/react-date-object/-/react-date-object-2.1.5.tgz#9f139cf0fbd9b8033cc18699be2ea14a772dbd73"
+  integrity sha512-iAtF2nz+jZjy3w36qKx2MsxXqbiL7UgGljz9jPjLWxWCl4rDTZUMS/i7hKKiVbL1lJlmubz1Xu6W3i6CW06kTg==
+
 react-dev-utils@^12.0.0:
   version "12.0.0"
   resolved "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.0.tgz"
@@ -7679,6 +7684,11 @@ react-dom@17:
     object-assign "^4.1.1"
     scheduler "^0.20.2"
 
+react-element-popper@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/react-element-popper/-/react-element-popper-2.1.6.tgz#4afb912287d57de5d442fb85e76f4d7b94fde879"
+  integrity sha512-8va7mUmrKIkUnaM2t5Dyctd8cjgVgVcrv5vVD0FRay0sN6EPBCKa0bDi1/KmVDAjfgSIn7zQnjtc4VojcGrkgQ==
+
 react-error-overlay@^6.0.10:
   version "6.0.10"
   resolved "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.10.tgz"
@@ -7736,6 +7746,14 @@ react-lifecycles-compat@^3.0.4:
   resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
+react-multi-date-picker@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/react-multi-date-picker/-/react-multi-date-picker-3.3.0.tgz#89036a1bf013fc65bc12dda640d5a979a640b453"
+  integrity sha512-xAounECAkPUSnwmGCXlLevRLS9lt6IrGzD1VUJKZPbuzauwxaJLZ0mW6vnGUjui60qBY/uQeEmJftq+pEq5HgQ==
+  dependencies:
+    react-date-object "^2.1.5"
+    react-element-popper "^2.1.6"
+
 react-redux@^7.2.0, react-redux@^7.2.6:
   version "7.2.6"
   resolved "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz"