Replace bootstrap-datetimepicker

evap/contributor/forms.py

@@ -42,6 +42,11 @@ class Meta:
             "participants": UserModelMultipleChoiceField,
         }
 
+        widgets = {
+            "vote_start_datetime": forms.DateTimeInput(attrs={"type": "date", "class": "form-control"}),
+            "vote_end_date": forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+        }
+
     def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)
 

evap/evaluation/templates/base.html

@@ -14,7 +14,6 @@
             <title>{% block title %}EvaP{% endblock %}</title>
 
             <link rel="stylesheet" href="{% static 'css/tom-select.bootstrap5.min.css' %}" />
-            <link rel="stylesheet" href="{% static 'css/bootstrap-datetimepicker.min.css' %}" />
             <link rel="stylesheet" href="{% static 'css/evap.css' %}" />
             {% if debug %}
                 <link rel="icon" type="image/png" sizes="64x64" href="{% static 'images/favicon_gray.png' %}" />

evap/evaluation/templates/evap_evaluation_edit_js.html

@@ -72,7 +72,3 @@
         }
     }
 </script>
-
-{% block additional_javascript %}
-{% include 'bootstrap_datetimepicker.html' %}
-{% endblock %}

evap/rewards/forms.py

@@ -15,6 +15,10 @@ class RewardPointRedemptionEventForm(forms.ModelForm):
     class Meta:
         model = RewardPointRedemptionEvent
         fields = ("name_en", "name_de", "date", "redeem_end_date", "step")
+        widgets = {
+            "date": forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+            "redeem_end_date": forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+        }
 
     def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)

evap/rewards/templates/rewards_reward_point_redemption_event_form.html

@@ -22,7 +22,3 @@
         </div>
     </form>
 {% endblock %}
-
- {% block additional_javascript %}
- {% include 'bootstrap_datetimepicker.html' %}
- {% endblock %}

evap/staff/forms.py

@@ -99,8 +99,19 @@ def clean(self):
 class ImportForm(forms.Form):
     use_required_attribute = False
 
-    vote_start_datetime = forms.DateTimeField(label=_("Start of evaluation"), localize=True, required=False)
-    vote_end_date = forms.DateField(label=_("End of evaluation"), localize=True, required=False)
+    vote_start_datetime = forms.DateTimeField(
+        label=_("Start of evaluation"),
+        widget=forms.DateTimeInput(attrs={"type": "datetime-local", "class": "form-control"}),
+        localize=True,
+        required=False,
+    )
+
+    vote_end_date = forms.DateField(
+        label=_("End of evaluation"),
+        widget=forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+        localize=True,
+        required=False,
+    )
 
     excel_file = forms.FileField(
         label=_("Excel file"),
@@ -283,8 +294,18 @@ def __init__(self, *args, **kwargs):
 
 class CourseCopyForm(CourseFormMixin, forms.ModelForm):  # type: ignore[misc]
     semester = forms.ModelChoiceField(Semester.objects.all())
-    vote_start_datetime = forms.DateTimeField(label=_("Start of evaluations"), localize=True)
-    vote_end_date = forms.DateField(label=_("Last day of evaluations"), localize=True)
+
+    vote_start_datetime = forms.DateTimeField(
+        label=_("Start of evaluations"),
+        localize=True,
+        widget=forms.DateTimeInput(attrs={"type": "datetime-local", "class": "form-control"}),
+    )
+
+    vote_end_date = forms.DateField(
+        label=_("Last day of evaluations"),
+        localize=True,
+        widget=forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+    )
 
     field_order = ["semester"]
 
@@ -401,6 +422,10 @@ class Meta:
         field_classes = {
             "participants": UserModelMultipleChoiceField,
         }
+        widgets = {
+            "vote_start_datetime": forms.DateTimeInput(attrs={"type": "datetime-local", "class": "form-control"}),
+            "vote_end_date": forms.DateInput(attrs={"type": "date", "class": "form-control"}),
+        }
 
     def __init__(self, *args, requires_decided_main_language=False, **kwargs):
         semester = kwargs.pop("semester", None)

evap/staff/templates/staff_course_copyform.html

@@ -38,7 +38,3 @@ <h5 class="card-title">{% translate 'Evaluations that will be copied' %}</h5>
         </div>
     </form>
 {% endblock %}
-
-{% block additional_javascript %}
-    {% include 'bootstrap_datetimepicker.html' %}
-{% endblock %}

evap/staff/templates/staff_semester_import.html

@@ -45,16 +45,3 @@ <h3>{% translate 'Import semester data' %}</h3>
         </div>
     </form>
 {% endblock %}
-
-{% block additional_javascript %}
-    {% include 'bootstrap_datetimepicker.html' %}
-    <script type="module">
-        import { copyHeaders } from "{% static 'js/copy-to-clipboard.js' %}";
-
-        document.getElementById("copy-headers-button").addEventListener("click", async () => await copyHeaders([
-            'Program', 'Participant last name', 'Participant first name', 'Participant email address', 'Course kind',
-            'Course is graded', 'Course name (de)', 'Course name (en)', 'Responsible title', 'Responsible last name',
-            'Responsible first name', 'Responsible email address'])
-        );
-    </script>
-{% endblock %}