diff --git a/inginious/frontend/static/css/flatpicker.min.css b/inginious/frontend/static/css/flatpickr.min.css
similarity index 100%
rename from inginious/frontend/static/css/flatpicker.min.css
rename to inginious/frontend/static/css/flatpickr.min.css
diff --git a/inginious/frontend/static/js/libs/flatpicker.min.js b/inginious/frontend/static/js/libs/flatpickr.min.js
similarity index 100%
rename from inginious/frontend/static/js/libs/flatpicker.min.js
rename to inginious/frontend/static/js/libs/flatpickr.min.js
diff --git a/inginious/frontend/templates/course_admin/settings.html b/inginious/frontend/templates/course_admin/settings.html
index 897312a3a..c32759ab6 100644
--- a/inginious/frontend/templates/course_admin/settings.html
+++ b/inginious/frontend/templates/course_admin/settings.html
@@ -166,9 +166,10 @@ <h2>{{_("Course settings")}}</h2>
                                         <div class="input-group-append" data-target="#accessible_start_picker" data-toggle="datetimepicker">
                                                 <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                         </div>
-
+                                <b>hey</b>
+                                </div>
+                                    <input type="text" id="datetimePicker" placeholder="Select date and time">
                                 </div>
-                            </div>
 
                         </div>
                         <div class="col-xs-2 col-lg-2"><label class="control-label">{{ _("To") }}</label></div>
@@ -194,6 +195,18 @@ <h2>{{_("Course settings")}}</h2>
                             $('#accessible_end_picker').datetimepicker({locale: '{{user_manager.session_language()}}', timeZone: '{{user_manager.session_timezone()}}',
                                                                             defaultDate: end_date, sideBySide: true, format:'YYYY-MM-DD HH:mm:ss'});
 
+                            flatpickr("#datetimePicker", {
+                                enableTime: true,
+                                dateFormat: "Y-m-d H:i",
+                              });
+
+/*
+                            $("#datetimePicker").flatpickr({
+                                enableTime: true,
+                                dateFormat: "Y-m-d H:i",
+                              });
+*/
+
                         });
                     </script>
                 </div>
diff --git a/inginious/frontend/templates/layout.html b/inginious/frontend/templates/layout.html
index 3fcb5c698..15f7aa326 100644
--- a/inginious/frontend/templates/layout.html
+++ b/inginious/frontend/templates/layout.html
@@ -92,6 +92,7 @@
         <script src="{{get_homepath(True)}}/static/js/libs/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
     {% endif %}
     <script src="{{get_homepath(True)}}/static/js/libs/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{get_homepath(True)}}/static/js/libs/.min.js" type="text/javascript" charset="utf-8"></script>
     <script src='{{get_homepath(True)}}/static/js/libs/Sortable.min.js' type="text/javascript" charset="utf-8"></script>
     <script src="{{get_homepath(True)}}/static/js/libs/jquery.twbsPagination.min.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{get_homepath(True)}}/static/js/libs/selectize.min.js" type="text/javascript" charset="utf-8"></script>