diff --git a/lms/www/courses/course.html b/lms/www/courses/course.html
index 04bce67e..de819546 100644
--- a/lms/www/courses/course.html
+++ b/lms/www/courses/course.html
@@ -207,8 +207,7 @@
   </div>
 </div>
 
-<div class="modal fade" id="slot-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
-  aria-hidden="true">
+<div class="modal fade" id="slot-modal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
@@ -225,7 +224,7 @@
                 </div>
                 <div class="control-input-wrapper">
                     <div class="control-input">
-                        <input type="text" autocomplete="off" class="input-with-feedback form-control bold" data-fieldtype="Date">
+                        <input id="slot-date" type="date" class="input-with-feedback form-control bold" data-fieldtype="Date">
                     </div>
                 </div>
             </div>
diff --git a/lms/www/courses/course.js b/lms/www/courses/course.js
index 71ced380..7e2afa68 100644
--- a/lms/www/courses/course.js
+++ b/lms/www/courses/course.js
@@ -46,6 +46,10 @@ frappe.ready(() => {
       submit_slot(e);
   });
 
+  $("#slot-date").on("change", (e) => {
+    
+  });
+
   $(document).scroll(function() {
     let timer;
     clearTimeout(timer);