diff --git a/src/core/api/CustomerAbsences.js b/src/core/api/CustomerAbsences.js
index 41a6710ccf..5eeeb0743d 100644
--- a/src/core/api/CustomerAbsences.js
+++ b/src/core/api/CustomerAbsences.js
@@ -8,4 +8,7 @@ export default {
   async updateById (id, payload) {
     await alenviAxios.put(`${process.env.API_HOSTNAME}/customerabsences/${id}`, payload);
   },
+  async remove (id) {
+    await alenviAxios.delete(`${process.env.API_HOSTNAME}/customerabsences/${id}`);
+  },
 };
diff --git a/src/core/components/courses/SlotContainer.vue b/src/core/components/courses/SlotContainer.vue
index a847cf9cf1..644ddaa533 100644
--- a/src/core/components/courses/SlotContainer.vue
+++ b/src/core/components/courses/SlotContainer.vue
@@ -47,13 +47,11 @@
       </div>
     </div>
 
-    <!-- Course slot creation modal -->
-    <slot-creation-modal v-model="creationModal" :new-course-slot.sync="newCourseSlot" :validations="$v.newCourseSlot"
+    <slot-creation-modal v-model="creationModal" :new-course-slot="newCourseSlot" :validations="$v.newCourseSlot"
       :step-options="stepOptions" :loading="modalLoading" @hide="resetCreationModal" @submit="addCourseSlot"
       :link-error-message="linkErrorMessage" @update="setCourseSlot" />
 
-    <!-- Course slot edition modal -->
-    <slot-edition-modal v-model="editionModal" :edited-course-slot.sync="editedCourseSlot" :step-options="stepOptions"
+    <slot-edition-modal v-model="editionModal" :edited-course-slot="editedCourseSlot" :step-options="stepOptions"
       :validations="$v.editedCourseSlot" @hide="resetEditionModal" :loading="modalLoading" @delete="deleteCourseSlot"
       @submit="updateCourseSlot" :link-error-message="linkErrorMessage" @update="setCourseSlot" />
 </div>
diff --git a/src/core/components/form/DateRange.vue b/src/core/components/form/DateRange.vue
index ae36f16ef9..4135c6d7d4 100644
--- a/src/core/components/form/DateRange.vue
+++ b/src/core/components/form/DateRange.vue
@@ -101,6 +101,8 @@ export default {
     & .delimiter
       margin: 0
       color: $copper-grey-700
+    /deep/ .q-field__control
+      border: none !important
 
   .date-item
     /deep/ .q-field__native
diff --git a/src/core/helpers/date.js b/src/core/helpers/date.js
index 1f0d18925c..9157151e56 100644
--- a/src/core/helpers/date.js
+++ b/src/core/helpers/date.js
@@ -31,7 +31,7 @@ export const isBetween = (date, min, max) => new Date(date) < new Date(max) && n
 
 export const getStartOfDay = date => new Date(date.getFullYear(), date.getMonth(), date.getDate());
 
-export const getEndOfDay = date => new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59);
+export const getEndOfDay = date => new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
 
 export const ascendingSort = (a, b) => {
   if (moment(a).isAfter(b)) return 1;
diff --git a/src/modules/client/components/auxiliary/AuxiliaryCreationModal.vue b/src/modules/client/components/auxiliary/AuxiliaryCreationModal.vue
index 8cfadea592..8653ea39d5 100644
--- a/src/modules/client/components/auxiliary/AuxiliaryCreationModal.vue
+++ b/src/modules/client/components/auxiliary/AuxiliaryCreationModal.vue
@@ -39,7 +39,6 @@
 </template>
 
 <script>
-import set from 'lodash/set';
 import Modal from '@components/modal/Modal';
 import SearchAddress from '@components/form/SearchAddress';
 import Select from '@components/form/Select';
@@ -98,8 +97,8 @@ export default {
     updateSendWelcome (event) {
       this.$emit('update:send-welcome-msg', event);
     },
-    updateUser (event, path) {
-      this.$emit('update:newUser', set({ ...this.newUser }, path, event));
+    updateUser (value, path) {
+      this.$emit('update-new-user', { value, path });
     },
   },
 };
diff --git a/src/modules/client/components/config/EstablishmentCreationModal.vue b/src/modules/client/components/config/EstablishmentCreationModal.vue
index 2ed1b467fe..c91cd01ea8 100644
--- a/src/modules/client/components/config/EstablishmentCreationModal.vue
+++ b/src/modules/client/components/config/EstablishmentCreationModal.vue
@@ -64,8 +64,8 @@ export default {
     submit () {
       this.$emit('submit');
     },
-    update (event, prop) {
-      this.$emit('update:newEstablishment', { ...this.newEstablishment, [prop]: event });
+    update (value, path) {
+      this.$emit('update', { path, value });
     },
   },
 };
diff --git a/src/modules/client/components/config/EstablishmentEditionModal.vue b/src/modules/client/components/config/EstablishmentEditionModal.vue
index 0ed8d0a204..dd6b26c001 100644
--- a/src/modules/client/components/config/EstablishmentEditionModal.vue
+++ b/src/modules/client/components/config/EstablishmentEditionModal.vue
@@ -63,8 +63,8 @@ export default {
     submit () {
       this.$emit('submit');
     },
-    update (event, prop) {
-      this.$emit('update:editedEstablishment', { ...this.editedEstablishment, [prop]: event });
+    update (value, path) {
+      this.$emit('update', { path, value });
     },
   },
 };
diff --git a/src/modules/client/components/config/ThirdPartyPayerCreationModal.vue b/src/modules/client/components/config/ThirdPartyPayerCreationModal.vue
index cd6108a41a..6045af6890 100644
--- a/src/modules/client/components/config/ThirdPartyPayerCreationModal.vue
+++ b/src/modules/client/components/config/ThirdPartyPayerCreationModal.vue
@@ -8,7 +8,7 @@
       <ni-search-address :value="newThirdPartyPayer.address" error-message="Adresse invalide" in-modal
         @blur="validations.address.$touch" :error="validations.address.$error" @input="update($event, 'address')" />
       <ni-input in-modal caption="Email" :value="newThirdPartyPayer.email" error-message="Email non valide"
-        :error="!validations.email.email" @input="update($event.trim(), 'email')" />
+        :error="validations.email.$error" @input="update($event.trim(), 'email')" @blur="validations.email.$touch" />
       <ni-input in-modal caption="Prix unitaire TTC par défaut" suffix="€" type="number"
         :value="newThirdPartyPayer.unitTTCRate" :error="validations.unitTTCRate.$error"
         :error-message="nbrError('unitTTCRate', validations)" @input="update($event, 'unitTTCRate')" />
@@ -60,8 +60,8 @@ export default {
     submit () {
       this.$emit('submit');
     },
-    update (event, prop) {
-      this.$emit('update:newThirdPartyPayer', { ...this.newThirdPartyPayer, [prop]: event });
+    update (value, path) {
+      this.$emit('update', { path, value });
     },
   },
 };
diff --git a/src/modules/client/components/config/ThirdPartyPayerEditionModal.vue b/src/modules/client/components/config/ThirdPartyPayerEditionModal.vue
index bdc8e8be42..4b23d9fdbb 100644
--- a/src/modules/client/components/config/ThirdPartyPayerEditionModal.vue
+++ b/src/modules/client/components/config/ThirdPartyPayerEditionModal.vue
@@ -8,7 +8,7 @@
       <ni-search-address in-modal :value="editedThirdPartyPayer.address" error-message="Adresse invalide"
         @blur="validations.address.$touch" :error="validations.address.$error" @input="update($event, 'address')" />
       <ni-input in-modal caption="Email" :value="editedThirdPartyPayer.email" error-message="Email invalide"
-        :error="!validations.email.email" @input="update($event.trim(), 'email')" />
+        :error="validations.email.$error" @input="update($event.trim(), 'email')" @blur="validations.email.$touch" />
       <ni-input in-modal caption="Prix unitaire TTC par défaut" suffix="€" type="number"
         :value="editedThirdPartyPayer.unitTTCRate" :error="validations.unitTTCRate.$error"
         :error-message="nbrError('unitTTCRate', validations)" @input="update($event, 'unitTTCRate')" />
@@ -61,8 +61,8 @@ export default {
     submit () {
       this.$emit('submit');
     },
-    update (event, prop) {
-      this.$emit('update:editedThirdPartyPayer', { ...this.editedThirdPartyPayer, [prop]: event });
+    update (value, path) {
+      this.$emit('update', { path, value });
     },
   },
 };
diff --git a/src/modules/client/components/planning/CustomerAbsenceEditionModal.vue b/src/modules/client/components/planning/CustomerAbsenceEditionModal.vue
index 442e500200..931ae219fc 100644
--- a/src/modules/client/components/planning/CustomerAbsenceEditionModal.vue
+++ b/src/modules/client/components/planning/CustomerAbsenceEditionModal.vue
@@ -5,6 +5,7 @@
         <ni-planning-modal-header :selected-person="editedCustomerAbsence.customer" @close="close" />
         <div class="modal-subtitle">
           <q-btn rounded unelevated color="primary" label="Absence" />
+          <ni-button class="q-mx-sm" icon="delete" color="copper-grey-400" @click="validateCustomerAbsenceDeletion" />
         </div>
         <ni-select caption="Motif" :value="editedCustomerAbsence.absenceType" :options="customerAbsenceOptions"
           required-field @input="update($event, 'absenceType')" />
@@ -22,6 +23,9 @@
 <script>
 import Select from '@components/form/Select';
 import DateRange from '@components/form/DateRange';
+import Button from '@components/Button';
+import { NotifyPositive, NotifyNegative } from '@components/popup/notify';
+import CustomerAbsences from '@api/CustomerAbsences';
 import { CUSTOMER_ABSENCE_TYPES } from '@data/constants';
 import PlanningModalHeader from './PlanningModalHeader';
 
@@ -31,6 +35,7 @@ export default {
     'ni-select': Select,
     'ni-planning-modal-header': PlanningModalHeader,
     'ni-date-range': DateRange,
+    'ni-button': Button,
   },
   data () {
     return {
@@ -56,6 +61,26 @@ export default {
     submit () {
       this.$emit('submit');
     },
+    validateCustomerAbsenceDeletion () {
+      this.$q.dialog({
+        title: 'Confirmation',
+        message: 'Êtes-vous sûr(e) de vouloir supprimer cette absence ?',
+        ok: 'OK',
+        cancel: 'Annuler',
+      }).onOk(this.deleteCustomerAbsence)
+        .onCancel(() => NotifyPositive('Suppression annulée.'));
+    },
+    async deleteCustomerAbsence () {
+      try {
+        await CustomerAbsences.remove(this.editedCustomerAbsence._id);
+        this.close();
+
+        NotifyPositive('Absence supprimée.');
+      } catch (e) {
+        console.error(e);
+        NotifyNegative('Erreur lors de la suppression de l\'absence bénéficiaire.');
+      }
+    },
   },
 };
 
diff --git a/src/modules/client/components/planning/DeleteEventsModal.vue b/src/modules/client/components/planning/DeleteEventsModal.vue
index 321c3e9cc7..0eb379800c 100644
--- a/src/modules/client/components/planning/DeleteEventsModal.vue
+++ b/src/modules/client/components/planning/DeleteEventsModal.vue
@@ -1,6 +1,5 @@
 <template>
-  <ni-modal :value="value" @hide="hide" @input="input"
-    title="Suppression d'interventions sur une période">
+  <ni-modal :value="value" @hide="hide" @input="input" title="Suppression d'interventions sur une période">
     <ni-select in-modal caption="Bénéficiaire" v-model="deletedEvents.customer"
       :options="getCustomersOptions(deletedEvents.startDate)" required-field @blur="$v.deletedEvents.customer.$touch"
       :error="$v.deletedEvents.customer.$error" />
@@ -12,11 +11,8 @@
       <ni-select in-modal v-if="isCustomerAbsence" v-model="deletedEvents.absenceType" caption="Motif de l'absence"
         :options="customerAbsenceOptions" required-field @blur="$v.deletedEvents.absenceType.$touch"
         :error="$v.deletedEvents.absenceType.$error" />
-      <ni-date-input caption="Date de début" v-model="deletedEvents.startDate" type="date" required-field
-        in-modal @blur="$v.deletedEvents.startDate.$touch" :error="$v.deletedEvents.startDate.$error" />
-      <ni-date-input caption="Date de fin" v-model="deletedEvents.endDate" type="date" required-field in-modal
-        :min="deletedEvents.startDate" @blur="$v.deletedEvents.endDate.$touch"
-        :error="$v.deletedEvents.endDate.$error" />
+      <ni-date-range caption="Dates de début et de fin" required-field v-model="deletedEvents" @blur="validateDates"
+        :error="$v.deletedEvents.startDate.$error || $v.deletedEvents.endDate.$error" />
     </template>
     <template v-else>
       <ni-date-input caption="Date d'arrêt des interventions" v-model="deletedEvents.startDate" type="date"
@@ -35,6 +31,7 @@ import pick from 'lodash/pick';
 import omit from 'lodash/omit';
 import Events from '@api/Events';
 import Modal from '@components/modal/Modal';
+import DateRange from '@components/form/DateRange';
 import Select from '@components/form/Select';
 import OptionGroup from '@components/form/OptionGroup';
 import { NotifyNegative, NotifyPositive, NotifyWarning } from '@components/popup/notify';
@@ -49,6 +46,7 @@ export default {
     'ni-modal': Modal,
     'ni-select': Select,
     'ni-option-group': OptionGroup,
+    'ni-date-range': DateRange,
   },
   props: {
     value: { type: Boolean, default: false },
@@ -108,6 +106,10 @@ export default {
       this.isCustomerAbsence = !this.isCustomerAbsence;
       if (!this.isCustomerAbsence) this.deletedEvents = { ...omit(this.deletedEvents, 'absenceType') };
     },
+    validateDates () {
+      this.$v.deletedEvents.startDate.$touch();
+      this.$v.deletedEvents.endDate.$touch();
+    },
     async deleteEvents () {
       try {
         this.loading = true;
diff --git a/src/modules/client/components/planning/EventCreationModal.vue b/src/modules/client/components/planning/EventCreationModal.vue
index ea5622693c..03779329d0 100644
--- a/src/modules/client/components/planning/EventCreationModal.vue
+++ b/src/modules/client/components/planning/EventCreationModal.vue
@@ -62,7 +62,7 @@
           <ni-search-address :value="newEvent.address" :error-message="addressError" @blur="validations.address.$touch"
             :error="validations.address.$error" in-modal @input="updateEvent('address', $event)" />
         </template>
-        <ni-input in-modal :value="newEvent.misc" caption="Notes" @blur="validations.misc.$touch"
+        <ni-input in-modal type="textarea" :value="newEvent.misc" caption="Notes" @blur="validations.misc.$touch"
           :error="validations.misc.$error" :required-field="newEvent.type === ABSENCE && newEvent.absence === OTHER"
           @input="updateEvent('misc', $event)" />
       </div>
diff --git a/src/modules/client/components/planning/EventEditionModal.vue b/src/modules/client/components/planning/EventEditionModal.vue
index 3187143489..17c206e6d3 100644
--- a/src/modules/client/components/planning/EventEditionModal.vue
+++ b/src/modules/client/components/planning/EventEditionModal.vue
@@ -68,8 +68,8 @@
             :disable="!selectedAuxiliary._id || historiesLoading" in-modal :extensions="extensions" drive-storage
             @delete="deleteDocument(editedEvent.attachment.driveId)" />
         </template>
-        <ni-input in-modal v-if="!editedEvent.shouldUpdateRepetition" :value="editedEvent.misc" caption="Notes"
-          :disable="!canUpdateIntervention || historiesLoading" @blur="validations.misc.$touch"
+        <ni-input in-modal v-if="!editedEvent.shouldUpdateRepetition" type="textarea" :value="editedEvent.misc"
+          caption="Notes" :disable="!canUpdateIntervention || historiesLoading" @blur="validations.misc.$touch"
           :error="validations.misc.$error" :required-field="isMiscRequired" @input="updateEvent('misc', $event)" />
         <div v-if="canCancel" class="row q-mb-md light-checkbox">
           <q-checkbox :value="editedEvent.isCancelled" label="Annuler l'évènement" dense :disable="historiesLoading"
diff --git a/src/modules/client/pages/ni/auxiliaries/Directory.vue b/src/modules/client/pages/ni/auxiliaries/Directory.vue
index 888769e488..af8df02500 100644
--- a/src/modules/client/pages/ni/auxiliaries/Directory.vue
+++ b/src/modules/client/pages/ni/auxiliaries/Directory.vue
@@ -24,10 +24,10 @@
     <q-btn class="fixed fab-custom" no-caps rounded color="primary" icon="add" label="Ajouter une personne"
       @click="auxiliaryCreationModal = true" :disable="tableLoading" />
 
-    <auxiliary-creation-modal v-model="auxiliaryCreationModal" :new-user.sync="newUser"
+    <auxiliary-creation-modal v-model="auxiliaryCreationModal" :new-user="newUser"
       :validations="$v.newUser" :company-id="company._id" :loading="loading" :email-error="emailError($v.newUser)"
       :first-step="firstStep" :send-welcome-msg.sync="sendWelcomeMsg" :civility-options="civilityOptions"
-      @hide="resetForm" @submit="submit" @go-to-next-step="nextStep" />
+      @hide="resetForm" @submit="submit" @go-to-next-step="nextStep" @update-new-user="setNewUser" />
   </q-page>
 </template>
 
@@ -348,6 +348,10 @@ export default {
     getAvatar (link) {
       return link || DEFAULT_AVATAR;
     },
+    setNewUser (payload) {
+      const { path, value } = payload;
+      set(this.newUser, path, value);
+    },
   },
 };
 </script>
diff --git a/src/modules/client/pages/ni/config/CompanyConfig.vue b/src/modules/client/pages/ni/config/CompanyConfig.vue
index 0e30ba7f9c..8d979df614 100644
--- a/src/modules/client/pages/ni/config/CompanyConfig.vue
+++ b/src/modules/client/pages/ni/config/CompanyConfig.vue
@@ -82,15 +82,15 @@
       </div>
     </div>
 
-    <!-- Establishment creation modal -->
-    <establishment-creation-modal v-model="establishmentCreationModal" :new-establishment.sync="newEstablishment"
+    <establishment-creation-modal v-model="establishmentCreationModal" :new-establishment="newEstablishment"
       :validations="$v.newEstablishment" @hide="resetEstablishmentCreationModal" @submit="createNewEstablishment"
-      :loading="loading" :work-health-services="workHealthServices" :urssaf-codes="urssafCodes" />
+      :loading="loading" :work-health-services="workHealthServiceList" :urssaf-codes="urssafCodeList"
+      @update="setEstablishment" />
 
-    <!-- Establishment edition modal -->
-    <establishment-edition-modal v-model="establishmentEditionModal" :edited-establishment.sync="editedEstablishment"
+    <establishment-edition-modal v-model="establishmentEditionModal" :edited-establishment="editedEstablishment"
       :validations="$v.editedEstablishment" @hide="resetEstablishmentEditionModal" @submit="updateEstablishment"
-      :loading="loading" :work-health-services="workHealthServices" :urssaf-codes="urssafCodes" />
+      :loading="loading" :work-health-services="workHealthServiceList" :urssaf-codes="urssafCodeList"
+      @update="setEstablishment" />
   </q-page>
 </template>
 
@@ -99,6 +99,7 @@ import { mapGetters } from 'vuex';
 import get from 'lodash/get';
 import cloneDeep from 'lodash/cloneDeep';
 import pick from 'lodash/pick';
+import set from 'lodash/set';
 import { required, maxLength } from 'vuelidate/lib/validators';
 import Establishments from '@api/Establishments';
 import TitleHeader from '@components/TitleHeader';
@@ -108,8 +109,8 @@ import ResponsiveTable from '@components/table/ResponsiveTable';
 import SearchAddress from '@components/form/SearchAddress';
 import { NotifyNegative, NotifyPositive, NotifyWarning } from '@components/popup/notify';
 import { COMPANY } from '@data/constants';
-import { urssafCodes } from '@data/urssafCodes';
-import { workHealthServices } from '@data/workHealthServices';
+import { urssafCodes as urssafCodeList } from '@data/urssafCodes';
+import { workHealthServices as workHealthServiceList } from '@data/workHealthServices';
 import {
   frAddress,
   validWorkHealthService,
@@ -157,14 +158,14 @@ export default {
           label: 'Service de santé du travail',
           align: 'left',
           field: 'workHealthService',
-          format: value => (value ? get(workHealthServices.find(whs => whs.value === value), 'label', '') : ''),
+          format: value => (value ? get(workHealthServiceList.find(whs => whs.value === value), 'label', '') : ''),
         },
         {
           name: 'urssafCode',
           label: 'Code URSSAF',
           align: 'left',
           field: 'urssafCode',
-          format: value => (value ? get(urssafCodes.find(code => code.value === value), 'label', '') : ''),
+          format: value => (value ? get(urssafCodeList.find(code => code.value === value), 'label', '') : ''),
         },
         { name: 'actions', label: '', align: 'center', field: '_id' },
       ],
@@ -187,8 +188,8 @@ export default {
         urssafCode: '',
       },
       establishmentEditionModal: false,
-      workHealthServices,
-      urssafCodes,
+      workHealthServiceList,
+      urssafCodeList,
       establishmentValidation: {
         name: { required, maxLength: maxLength(32) },
         siret: { required, validSiret },
@@ -283,6 +284,11 @@ export default {
       };
       this.$v.editedEstablishment.$reset();
     },
+    setEstablishment (payload) {
+      const { path, value } = payload;
+      if (this.establishmentCreationModal) set(this.newEstablishment, path, value);
+      else if (this.establishmentEditionModal) set(this.editedEstablishment, path, value);
+    },
     async updateEstablishment () {
       try {
         this.$v.editedEstablishment.$touch();
@@ -290,7 +296,7 @@ export default {
         if (!formIsValid) return NotifyWarning('Champ(s) invalide(s)');
 
         this.loading = true;
-        const fields = ['name', 'siret', 'address', 'phone', 'workHealthServices', 'urssafCodes'];
+        const fields = ['name', 'siret', 'address', 'phone', 'workHealthService', 'urssafCode'];
         if (this.editedEstablishment.phone) {
           this.editedEstablishment.phone = formatPhoneForPayload(this.editedEstablishment.phone);
         }
diff --git a/src/modules/client/pages/ni/config/CustomersConfig.vue b/src/modules/client/pages/ni/config/CustomersConfig.vue
index f48807b873..f1f3b5108d 100644
--- a/src/modules/client/pages/ni/config/CustomersConfig.vue
+++ b/src/modules/client/pages/ni/config/CustomersConfig.vue
@@ -160,24 +160,20 @@
       </div>
     </div>
 
-    <!-- Surcharge creation modal -->
     <surcharge-creation-modal v-model="surchargeCreationModal" :new-surcharge.sync="newSurcharge"
       :validations="$v.newSurcharge" @hide="resetCreationSurchargeData" @submit="createNewSurcharge"
       :loading="loading" />
 
-    <!-- Surcharge edition modal -->
     <surcharge-edition-modal v-model="surchargeEditionModal" :edited-surcharge.sync="editedSurcharge"
       :validations="$v.editedSurcharge" @hide="resetEditionSurchargeData" @submit="updateSurcharge"
       :loading="loading" />
 
-    <!-- Service creation modal -->
     <service-creation-modal v-model="serviceCreationModal" :new-service.sync="newService" :validations="$v.newService"
       :nature-options="natureOptions" :default-unit-amount-error="nbrError('newService.defaultUnitAmount')"
       :surcharges-options="surchargesOptions" @hide="resetCreationServiceData" @submit="createNewService"
       :loading="loading" @add-billing-item="addBillingItemToService" @update-billing-item="updateBillingItemInService"
       @remove-billing-item="removeBillingItemInService" :billing-items-options="billingItemsOptions" />
 
-    <!-- Service edition modal -->
     <service-edition-modal v-model="serviceEditionModal" :edited-service.sync="editedService" @submit="updateService"
       :default-unit-amount-error="nbrError('editedService.defaultUnitAmount')" :surcharges-options="surchargesOptions"
       @hide="resetEditionServiceData" :min-start-date="minStartDate" @add-billing-item="addBillingItemToService"
@@ -190,18 +186,15 @@
       :default-unit-amount-error="nbrError('newBillingItem.defaultUnitAmount')" @hide="resetBillingItemCreation"
       :vat-error="nbrError('newBillingItem.vat')" @submit="createNewBillingItem" />
 
-    <!-- Service history modal -->
     <service-history-modal v-model="serviceHistoryModal" @hide="resetServiceHistoryData"
       :selected-service="selectedService" :service-columns="serviceColumns" />
 
-    <!-- Third party payers creation modal -->
-    <third-party-payer-creation-modal v-model="thirdPartyPayerCreationModal"
+    <third-party-payer-creation-modal v-model="thirdPartyPayerCreationModal" @update="setThirdPartyPayer"
       :validations="$v.newThirdPartyPayer" @hide="resetThirdPartyPayerCreation" @submit="createNewThirdPartyPayer"
-      :loading="loading" :billing-mode-options="billingModeOptions" :new-third-party-payer.sync="newThirdPartyPayer" />
+      :loading="loading" :billing-mode-options="billingModeOptions" :new-third-party-payer="newThirdPartyPayer" />
 
-    <!-- Third party payers edition modal -->
-    <third-party-payer-edition-modal v-model="thirdPartyPayerEditionModal" @submit="updateThirdPartyPayer"
-      :edited-third-party-payer.sync="editedThirdPartyPayer" :validations="$v.editedThirdPartyPayer"
+    <third-party-payer-edition-modal v-model="thirdPartyPayerEditionModal" :validations="$v.editedThirdPartyPayer"
+      :edited-third-party-payer="editedThirdPartyPayer" @submit="updateThirdPartyPayer" @update="setThirdPartyPayer"
       @hide="resetThirdPartyPayerEdition" :loading="loading" :billing-mode-options="billingModeOptions" />
   </q-page>
 </template>
@@ -211,6 +204,7 @@ import capitalize from 'lodash/capitalize';
 import cloneDeep from 'lodash/cloneDeep';
 import pickBy from 'lodash/pickBy';
 import pick from 'lodash/pick';
+import set from 'lodash/set';
 import compact from 'lodash/compact';
 import uniq from 'lodash/uniq';
 import get from 'lodash/get';
@@ -356,8 +350,6 @@ export default {
       },
       surchargesColumns: [
         { name: 'name', label: 'Nom', align: 'left', field: 'name' },
-        { name: 'saturday', label: 'Samedi', align: 'center', field: row => roundFrenchPercentage(row.saturday, 0) },
-        { name: 'sunday', label: 'Dimanche', align: 'center', field: row => roundFrenchPercentage(row.sunday, 0) },
         {
           name: 'firstOfJanuary',
           label: '1er janvier',
@@ -382,6 +374,8 @@ export default {
           align: 'center',
           field: row => roundFrenchPercentage(row.publicHoliday, 0),
         },
+        { name: 'saturday', label: 'Samedi', align: 'center', field: row => roundFrenchPercentage(row.saturday, 0) },
+        { name: 'sunday', label: 'Dimanche', align: 'center', field: row => roundFrenchPercentage(row.sunday, 0) },
         { name: 'evening', label: 'Soirée', align: 'center', field: row => roundFrenchPercentage(row.evening, 0) },
         {
           name: 'eveningStartTime',
@@ -1133,13 +1127,18 @@ export default {
     // Third party payers
     openThirdPartyPayerEditionModal (tppId) {
       this.thirdPartyPayerEditionModal = true;
-      const currentThirdPartyPayer = this.thirdPartyPayers.find(tpp => tpp._id === tppId);
+      const selectedTpp = this.thirdPartyPayers.find(tpp => tpp._id === tppId);
+      const { _id, name, address, email: tppEmail, unitTTCRate, billingMode, isApa, teletransmissionId } = selectedTpp;
+
       this.editedThirdPartyPayer = {
-        address: {},
-        ...pick(
-          currentThirdPartyPayer,
-          ['_id', 'name', 'address', 'email', 'unitTTCRate', 'billingMode', 'isApa', 'teletransmissionId']
-        ),
+        _id,
+        name: name || '',
+        email: tppEmail || '',
+        address: address || {},
+        unitTTCRate: unitTTCRate || 0,
+        billingMode: billingMode || '',
+        isApa: isApa || false,
+        teletransmissionId: teletransmissionId || '',
       };
     },
     resetThirdPartyPayerCreation () {
@@ -1160,6 +1159,11 @@ export default {
 
       return { isApa: false, ...pickBy(payload) };
     },
+    setThirdPartyPayer (payload) {
+      const { path, value } = payload;
+      if (this.thirdPartyPayerCreationModal) set(this.newThirdPartyPayer, path, value);
+      else if (this.thirdPartyPayerEditionModal) set(this.editedThirdPartyPayer, path, value);
+    },
     async createNewThirdPartyPayer () {
       try {
         this.$v.newThirdPartyPayer.$touch();
diff --git a/src/modules/client/pages/ni/planning/CustomerPlanning.vue b/src/modules/client/pages/ni/planning/CustomerPlanning.vue
index 6f1becfcd4..15cacfcdc4 100644
--- a/src/modules/client/pages/ni/planning/CustomerPlanning.vue
+++ b/src/modules/client/pages/ni/planning/CustomerPlanning.vue
@@ -248,8 +248,9 @@ export default {
       };
       this.customerAbsenceModal = true;
     },
-    closeCustomerAbsenceModal () {
+    async closeCustomerAbsenceModal () {
       this.customerAbsenceModal = false;
+      await this.refresh();
     },
     resetCustomerAbsenceEditionForm () {
       this.$v.editedCustomerAbsence.$reset();
diff --git a/src/modules/vendor/components/programs/ProfileContent.vue b/src/modules/vendor/components/programs/ProfileContent.vue
index 85a62d4e1c..9f9c214f47 100644
--- a/src/modules/vendor/components/programs/ProfileContent.vue
+++ b/src/modules/vendor/components/programs/ProfileContent.vue
@@ -589,9 +589,10 @@ export default {
       return step.subPrograms && step.subPrograms.length > 1;
     },
     initAreStepsLocked () {
-      this.areStepsLocked = Object.assign(...this.program.subPrograms
+      const steps = this.program.subPrograms
         .map(sp => sp.steps.map(step => ({ [step._id]: this.isReused(step) })))
-        .flat());
+        .flat();
+      this.areStepsLocked = steps.length ? Object.assign(...steps) : {};
     },
     async openSubProgramPublicationModal () {
       try {