Show datetimepicker when clicking in text field

Note that the datetimepicker is not really accessible right now.
Hopefully, there will be some improvement related to this soon.
See here: Eonasdan/tempus-dominus#2390

app/assets/javascripts/datetimepicker.js

@@ -1,5 +1,4 @@
 // see https://getdatepicker.com
-console.log('trying to import datetimepicker');
 $('#assignment-picker').tempusDominus({
     display: {
         sideBySide: true
@@ -10,3 +9,7 @@ $('#assignment-picker').tempusDominus({
         hourCycle: 'h23'
     }
 });
+
+$('#assignment-picker-input').on('click', () => {
+    $('#assignment-picker-button').click();
+});

app/views/assignments/_form.html.erb

@@ -26,9 +26,11 @@
                 'data-td-target': '#assignment-picker' %>
             <span
               class="input-group-text"
+              role="button"
+              id="assignment-picker-button"
               data-td-target="#assignment-picker"
               data-td-toggle="datetimepicker">
-              <i class="fas fa-calendar"></i>
+              <i class="bi bi-calendar-fill"></i>
             </span>
           </div>
         </div>