From c603e2a1803f72e613940331079b6bed8150c2af Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Thu, 27 Apr 2023 16:21:21 +0200
Subject: [PATCH] use input type date to swich days in meetings agenda day view
 (#75017)

---
 chrono/manager/static/js/chrono.manager.js         | 14 ++++++++++++--
 .../templates/chrono/manager_agenda_day_view.html  |  4 +---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/chrono/manager/static/js/chrono.manager.js b/chrono/manager/static/js/chrono.manager.js
index 815cf2e4..bf7e532d 100644
--- a/chrono/manager/static/js/chrono.manager.js
+++ b/chrono/manager/static/js/chrono.manager.js
@@ -5,10 +5,20 @@ $(function() {
     $(this).find('.occupation-bar').css('max-width', 100 * booked / total + '%');
   });
   $('.date-title').on('click', function() {
-    $(this).parent().find('.date-picker').toggle();
+    const $datePicker = $(this).parent().find('.date-picker');
+    $datePicker.toggle();
+    if ($datePicker.css("display") !== "none" && document.body.classList.contains("dayview")) {
+      const dateInput = document.querySelector('.date-picker--input');
+      dateInput.focus();
+      if (dateInput.showPicker) dateInput.showPicker();
+    }
   });
   $('.date-picker-opener').on('click', function() { $('.date-title').trigger('click'); });
-    $('.date-picker button').on('click', function() {
+  $('.date-picker button').on('click', function() {
+    if (document.body.classList.contains("dayview")) {
+     window.location = '../../../' + $('.date-picker--input').val().replaceAll("-", '/') + '/';
+     return false;
+    }
     if ($('[name=day]').val()) {
        window.location = '../../../' + $('[name=year]').val() + '/' + $('[name=month]').val() + '/' + $('[name=day]').val() + '/';
     } else if ($('[name=month]').val()) {
diff --git a/chrono/manager/templates/chrono/manager_agenda_day_view.html b/chrono/manager/templates/chrono/manager_agenda_day_view.html
index 4ec3cced..c8ca659f 100644
--- a/chrono/manager/templates/chrono/manager_agenda_day_view.html
+++ b/chrono/manager/templates/chrono/manager_agenda_day_view.html
@@ -18,9 +18,7 @@
     <button class="date-picker-opener"><span class="sr-only">{% trans "Pick a date" %}</span></button>
     {% with selected_day=view.date|date:"j" selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %}
       <div class="date-picker" style="display: none">
-        <select name="day">{% for day in view.get_days %}<option value="{{ day }}" {% if selected_day == day %}selected{% endif %}>{{day}}</option>{% endfor %}</select>
-        <select name="month">{% for month, month_label in view.get_months %}<option value="{{ month }}" {% if selected_month == month %}selected{% endif %}>{{ month_label }}</option>{% endfor %}</select>
-        <select name="year">{% for year in view.get_years %}<option value="{{ year }}" {% if selected_year == year %}selected{% endif %}>{{year}}</option>{% endfor %}</select>
+        <input type="date" class="date-picker--input" value="{{ view.date|date:"Y-m-d" }}" />
         <button>{% trans 'Set Date' %}</button>
       </div>
     {% endwith %}