change base data (de-)commission date

src/components/admin/configuration/equipment/CreateEquipmentModal.vue

@@ -18,12 +18,17 @@
         <input type="text" id="type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
-        <input type="date" id="commissioned" />
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>

src/components/admin/configuration/equipment/UpdateEquipmentModal.vue

@@ -20,12 +20,17 @@
         <input type="text" id="type" v-model="equipment.type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
         <input type="date" id="commissioned" v-model="equipment.commissioned" />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="equipment.decommissioned" />
+        <input
+          type="date"
+          id="decommissioned"
+          v-model="equipment.decommissioned"
+          :min="equipment.commissioned.toString()"
+        />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>

src/components/admin/configuration/force/CreateForceModal.vue

@@ -22,12 +22,17 @@
         <input type="text" id="nameaffix" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
-        <input type="date" id="commissioned" />
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>

src/components/admin/configuration/force/UpdateForceModal.vue

@@ -24,12 +24,12 @@
         <input type="text" id="nameaffix" v-model="force.nameaffix" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
-        <input type="date" id="commissioned" v-model="force.commissioned" />
+        <input type="date" id="commissioned" v-model="force.commissioned" required />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="force.decommissioned" />
+        <input type="date" id="decommissioned" v-model="force.decommissioned" :min="force.commissioned.toString()" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>

src/components/admin/configuration/vehicle/CreateVehicleModal.vue

@@ -18,12 +18,17 @@
         <input type="text" id="type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
-        <input type="date" id="commissioned" />
+        <input
+          type="date"
+          id="commissioned"
+          required
+          @change="(e) => (($refs.decommissioned as HTMLInputElement).min = (e.target as HTMLInputElement)?.value)"
+        />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" />
+        <input ref="decommissioned" type="date" id="decommissioned" />
       </div>
       <div class="flex flex-row gap-2">
         <button primary type="submit" :disabled="status == 'loading' || status?.status == 'success'">erstellen</button>

src/components/admin/configuration/vehicle/UpdateVehicleModal.vue

@@ -20,12 +20,17 @@
         <input type="text" id="type" v-model="vehicle.type" />
       </div>
       <div>
-        <label for="commissioned">verfügbar ab (optional)</label>
+        <label for="commissioned">verfügbar ab</label>
         <input type="date" id="commissioned" v-model="vehicle.commissioned" />
       </div>
       <div>
         <label for="decommissioned">verfügbar bis (optional)</label>
-        <input type="date" id="decommissioned" v-model="vehicle.decommissioned" />
+        <input
+          type="date"
+          id="decommissioned"
+          v-model="vehicle.decommissioned"
+          :min="vehicle.commissioned.toString()"
+        />
       </div>
       <div class="flex flex-row gap-2">
         <button primary-outline type="reset" :disabled="canSaveOrReset" @click="resetForm">verwerfen</button>