Mark dates in schoolterm field as required

aleksis/core/frontend/components/school_term/SchoolTermField.vue

@@ -16,23 +16,31 @@ import DateField from "../generic/forms/DateField.vue";
     <template #dateStart="{ item }">
       {{ $d(new Date(item.dateStart), "short") }}
     </template>
-    <template #dateStart.field="{ attrs, on }">
-      <date-field
+    <template #dateStart.field="{ attrs, on, item }">
+      <div aria-required="true">
+        <date-field
           v-bind="attrs"
           v-on="on"
-          :rules="dateStartRules"
-      ></date-field>
+          required
+          :rules="required"
+          :max="item ? item.dateEnd : undefined"
+        ></date-field>
+      </div>
     </template>
 
     <template #dateEnd="{ item }">
       {{ $d(new Date(item.dateEnd), "short") }}
     </template>
-    <template #dateEnd.field="{ attrs, on }">
-      <date-field
+    <template #dateEnd.field="{ attrs, on, item }">
+      <div aria-required="true">
+        <date-field
           v-bind="attrs"
           v-on="on"
-          :rules="dateStartRules"
-      ></date-field>
+          required
+          :rules="required"
+          :min="item ? item.dateStart : undefined"
+        ></date-field>
+      </div>
     </template>
   </foreign-key-field>
 </template>
@@ -68,7 +76,7 @@ export default {
         dateStart: "",
         dateEnd: "",
       },
-      dateStartRules: [(value) => !!value || this.$t("forms.errors.required")],
+      required: [(value) => !!value || this.$t("forms.errors.required")],
     }
   },
 }