diff --git a/frontend/index.html b/frontend/index.html
index f1320c8..0cc61d9 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,13 +1,16 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8"/>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <title>AniTrack</title>
-</head>
-<body>
-<div id="app"></div>
-<script src="./src/main.ts" type="module"></script>
-<script src="./node_modules/flowbite/dist/flowbite.js"></script>
-</body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+        <title>AniTrack</title>
+    </head>
+    <body>
+        <div id="app"></div>
+        <script src="./src/main.ts" type="module"></script>
+        <script
+            src="./node_modules/flowbite/dist/flowbite.js"
+            type="module"
+        ></script>
+    </body>
 </html>
diff --git a/frontend/src/helperComponents/Anime.svelte b/frontend/src/helperComponents/Anime.svelte
index 20a0531..53651ca 100644
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -38,6 +38,7 @@
     } from "../../wailsjs/go/main/App";
     import { AddAnimeServiceToTable } from "../helperModules/AddAnimeServiceToTable.svelte";
     import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
+    import Datepicker from "./Datepicker.svelte";
 
     let isAniListLoggedIn: boolean;
     let isMalLoggedIn: boolean;
@@ -413,6 +414,7 @@
     }
 </script>
 
+/B
 <form on:submit|preventDefault={handleSubmit} class="container pt-3 pb-10">
     <h1 class="text-white font-bold text-left text-xl pb-3">
         {title}
@@ -483,8 +485,9 @@
                                         1)
                                 ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500'
                                 : 'bg-gray-700 hover:bg-gray-600 border-gray-600 text-white focus:ring-blue-500 focus:border-blue-500'} w-24"
-                            bind:value={currentAniListAnime.data.MediaList
-                                .progress}
+                            bind:value={
+                                currentAniListAnime.data.MediaList.progress
+                            }
                             required
                         />
                         <button
@@ -582,6 +585,7 @@
                             value={startedAtDate}
                             placeholder="Date Started"
                         />
+                        <Datepicker showActionButtons />
                     </div>
                 </div>
                 <div>
