Display time on the order details sidebar

views/dashboardPage/sidebars/orderDetails.ejs

@@ -15,9 +15,11 @@
         </button>
     </div>
 
-    <h1></h1>
+    <h1 id="orderDetailName"></h1>
 
-    <h3></h3>
+    <h3 id="orderDetailDate"></h3>
+
+    <h3 id="orderDetailTime"></h3>
 
     <div id="orderIngredients"></div>
 

views/dashboardPage/sidebars/sidebars.js

@@ -383,8 +383,9 @@ let orderDetailsComp = {
 
         document.querySelector("#removeOrderBtn").onclick = ()=>{this.remove(order)};
 
-        document.querySelector("#orderDetails h1").innerText = order.name;
-        document.querySelector("#orderDetails h3").innerText = order.date.toLocaleDateString("en-US");
+        document.getElementById("orderDetailName").innerText = order.name;
+        document.getElementById("orderDetailDate").innerText = order.date.toLocaleDateString("en-US");
+        document.getElementById("orderDetailTime").innerText = order.date.toLocaleTimeString("en-US");
 
         let ingredientList = document.querySelector("#orderIngredients");
         while(ingredientList.children.length > 0){