diff --git a/Areas/MMS/Views/Marine/TarBallForm.cshtml b/Areas/MMS/Views/Marine/TarBallForm.cshtml
index afae953..c6864ff 100644
--- a/Areas/MMS/Views/Marine/TarBallForm.cshtml
+++ b/Areas/MMS/Views/Marine/TarBallForm.cshtml
@@ -1,4 +1,5 @@
-﻿@{
+﻿
+@{
     ViewData["Title"] = "Tarball Report";
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
@@ -7,7 +8,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+
     <title>Tarball Report</title>
     <style>
         .container {
@@ -82,8 +83,12 @@
 </html>
 
 @section Scripts {
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+
     <!-- DataTables JS -->
     <script src="~/lib/datatables/datatables.js"></script>
+
     <script>
         new Vue({
             el: '#app',
@@ -221,4 +226,4 @@
             }
         });
     </script>
-}
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d531848..e7b18ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,15 @@
 {
-  "name": "pstwcentralizesystem",
+  "name": "intern",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "dependencies": {
         "html5-qrcode": "^2.3.8",
-        "vue-qrcode-reader": "^5.7.1"
+        "vue": "^2.6.14",
+        "vue-multiselect": "^2.1.6",
+        "vue-qrcode-reader": "^5.7.1",
+        "vuejs-datepicker": "^1.6.2"
       }
     },
     "node_modules/@types/dom-webcodecs": {
@@ -38,6 +41,23 @@
       "resolved": "https://registry.npmjs.org/sdp/-/sdp-3.2.0.tgz",
       "integrity": "sha512-d7wDPgDV3DDiqulJjKiV2865wKsJ34YI+NDREbm+FySq6WuKOikwyNQcm+doLAZ1O6ltdO0SeKle2xMpN3Brgw=="
     },
+    "node_modules/vue": {
+      "version": "2.6.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
+      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "license": "MIT"
+    },
+    "node_modules/vue-multiselect": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.6.tgz",
+      "integrity": "sha512-s7jmZPlm9FeueJg1RwJtnE9KNPtME/7C8uRWSfp9/yEN4M8XcS/d+bddoyVwVnvFyRh9msFo0HWeW0vTL8Qv+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
     "node_modules/vue-qrcode-reader": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-5.7.1.tgz",
@@ -50,6 +70,15 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/vuejs-datepicker": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/vuejs-datepicker/-/vuejs-datepicker-1.6.2.tgz",
+      "integrity": "sha512-PkC4vxzFBo7i6FSCUAJfnaWOx6VkKbOqxijSGHHlWxh8FIUKEZVtFychkonVWtK3iwWfhmYtqHcwsmgxefLpLQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^2.6.10"
+      }
+    },
     "node_modules/webrtc-adapter": {
       "version": "8.2.3",
       "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-8.2.3.tgz",
diff --git a/package.json b/package.json
index af54317..35d50e4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,9 @@
 {
   "dependencies": {
     "html5-qrcode": "^2.3.8",
+    "vue": "^2.6.14",
+    "vuejs-datepicker": "^1.6.2",
+    "vue-multiselect": "^2.1.6",
     "vue-qrcode-reader": "^5.7.1"
   }
 }
