diff --git a/smash/web/static/js/daily_planning.js b/smash/web/static/js/daily_planning.js
index 935a00071b68a7cff3fd51a7cab618c08f4c265a..615621871bd4aeae7ae5ddebaac4a911687b910c 100644
--- a/smash/web/static/js/daily_planning.js
+++ b/smash/web/static/js/daily_planning.js
@@ -237,6 +237,22 @@ $(document).ready(function () {
         groupByResource: true,
         height: "auto",
         customButtons: {
+            datePickerButton: {
+                text: 'select',
+                click: function () {
+                    var $btnCustom = $('.fc-datePickerButton-button');
+                    if ($(".calendar-datepicker").length > 0) {
+                        $(".calendar-datepicker").remove();
+                    }
+                    else {
+                        $btnCustom.after('<div class="calendar-datepicker"/>');
+                        $(".calendar-datepicker").datepicker().on('changeDate', function (ev) {
+                            $('#calendar').fullCalendar('gotoDate', ev.date);
+                            $(".calendar-datepicker").remove();
+                        });
+                    }
+                }
+            },
             save: {
                 text: 'Save',
                 click: function () {
@@ -333,7 +349,7 @@ $(document).ready(function () {
         },
         header: {
             left: 'prev,next today',
-            center: 'title',
+            center: 'title, datePickerButton',
             right: 'save, clear, toPdf'
         },
         droppable: true,
diff --git a/smash/web/templates/daily_planning.html b/smash/web/templates/daily_planning.html
index 3841292dcb2986e4e972db73f35abfb16d3f95ab..6054dcf172570251632ad338f0010d9e61355803 100644
--- a/smash/web/templates/daily_planning.html
+++ b/smash/web/templates/daily_planning.html
@@ -13,6 +13,7 @@
     />
     <link rel="stylesheet" href="{% static 'fullcalendar-scheduler/scheduler.min.css' %}">
     <link rel="stylesheet" href="{% static 'css/daily_planning.css' %}">
+    {% include "includes/datepicker.css.html" %}
 {% endblock styles %}
 
 {% block ui_active_tab %}'daily_planning'{% endblock ui_active_tab %}
@@ -48,6 +49,7 @@
         var resources_url = '{% url 'web.api.workers' %}';
         var events_url = '{% url 'web.api.events_persist' %}';
     </script>
+    {% include "includes/datepicker.js.html" %}
     <script src="{% static 'js/daily_planning.js' %}"></script>
     <script src="{% static 'jspdf.min.js' %}"></script>
     <script src="{% static 'html2canvas/html2canvas.min.js' %}"></script>