diff --git a/resources/views/admin/jadwal/index.blade.php b/resources/views/admin/jadwal/index.blade.php
index de28d295..4e35fdf4 100644
--- a/resources/views/admin/jadwal/index.blade.php
+++ b/resources/views/admin/jadwal/index.blade.php
@@ -150,11 +150,11 @@
               <div class="col-md-6">
                 <div class="form-group">
                   <label for="jam_mulai">Jam Mulai</label>
-                  <input type='time' id="jam_mulai" name='jam_mulai' class="form-control @error('jam_mulai') is-invalid @enderror" placeholder='JJ:mm:dd'>
+                  <input type='text' id="jam_mulai" name='jam_mulai' class="form-control @error('jam_mulai') is-invalid @enderror jam_mulai" placeholder='JJ:mm:dd'>
                 </div>
                 <div class="form-group">
                   <label for="jam_selesai">Jam Selesai</label>
-                  <input type='time' name='jam_selesai' class="form-control @error('jam_selesai') is-invalid @enderror" placeholder='JJ:mm:dd'>
+                  <input type='text' id="jam_selesai" name='jam_selesai' class="form-control @error('jam_selesai') is-invalid @enderror" placeholder='JJ:mm:dd'>
                 </div>
                 <div class="form-group">
                   <label for="ruang_id">Ruang Kelas</label>
@@ -182,5 +182,9 @@
         $("#MasterData").addClass("active");
         $("#liMasterData").addClass("menu-open");
         $("#DataJadwal").addClass("active");
+        $("#jam_mulai,#jam_selesai").timepicker({
+            timeFormat: 'HH:mm',
+            defaultTime: '07:00',
+        });
     </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/template_backend/footer.blade.php b/resources/views/template_backend/footer.blade.php
index 21aa6fea..e93f84db 100644
--- a/resources/views/template_backend/footer.blade.php
+++ b/resources/views/template_backend/footer.blade.php
@@ -1,4 +1,4 @@
-    <footer class="main-footer">
+<footer class="main-footer">
         <marquee>
             <strong>Copyright &copy; <script>document.write(new Date().getFullYear());</script> &diams; <a href="http://smkn1jenpo.sch.id/">SMK Negeri 1 Jenangan Ponorogo</a>. </strong>
         </marquee>
@@ -76,6 +76,7 @@
 <!-- bs-custom-file-input -->
 <script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
 <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
 <script>
     $.widget.bridge('uibutton', $.ui.button)
 </script>
diff --git a/resources/views/template_backend/home.blade.php b/resources/views/template_backend/home.blade.php
index b3ea2fb4..c1afc35b 100644
--- a/resources/views/template_backend/home.blade.php
+++ b/resources/views/template_backend/home.blade.php
@@ -50,6 +50,7 @@
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
     <link rel="shrotcut icon" href="{{ asset('img/favicon.ico') }}">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
     <style>
         .ctr {
             text-align: center !important;