diff --git a/Web/templates/layouts/standard.html.ep b/Web/templates/layouts/standard.html.ep
index 1479bf5..942f425 100644
--- a/Web/templates/layouts/standard.html.ep
+++ b/Web/templates/layouts/standard.html.ep
@@ -21,20 +21,17 @@
     <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
     <meta name="theme-color" content="#7952b3">
 
+    <!-- DateTime Picker -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
 
     <!-- Custom styles for this template -->
     <link href="/assets/css/dashboard.css" rel="stylesheet">
 
-    <!-- ChartJS -->
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script>
-    
     % if ( $c->stash->{http_refresh} ) {
         <meta http-equiv="refresh" content="<%= $c->stash->{http_refresh} %>">
     % }
 
-    <!-- Bootstrap datepicker CSS -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"/>
-
 </head>
 <body>
     <header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
@@ -185,14 +182,11 @@
     </script>
     <script src="/assets/js/dashboard.js"></script>
     
-    <!-- Bootstrap datepicker JS-->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
-
     <script type="text/javascript">
         $(document).ready(function () {
-            $('.datepicker').datepicker({
-                format: 'yyyy-mm-dd',
-                todayHighlight: true,
+            flatpickr('.datepicker', {
+                enableTime: true,
+                dateFormat: "Y-m-d H:i", 
             });
         });
     </script>
