project-booster-vue 10.22.1 → 10.22.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "10.22.1",
+  "version": "10.22.2",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/date-picker/MPbDatePicker.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from 'vue';
+import { useStore } from 'vuex';
 import MLink from '../mozaic/link/MLink.vue';
 import MButton from '../mozaic/buttons/MButton.vue';
 
@@ -7,17 +8,24 @@ const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
 const props = defineProps(['payload']);
 const emit = defineEmits(['go-back']);
-const moveDate = ref(null);
+const store = useStore();
 
-function handleChange(event) {
-  moveDate.value = event.target.value;
-}
+const moveDate = ref(store.state.answers.moveDate);
 
-function handleSubmit() {
+function commitStep(moveDateValue) {
+  store.commit('setMoveDate', moveDateValue);
   emit('step-completed', {
-    answers: [{ moveDate: moveDate.value }],
+    answers: [{ moveDate: moveDateValue }],
   });
 }
+
+function handleSubmit() {
+  commitStep(moveDate.value);
+}
+
+function skipQuestion() {
+  commitStep(null);
+}
 </script>
 
 <template>
@@ -26,14 +34,14 @@ function handleSubmit() {
     <div class="date-picker">
       <span class="title">{{ props.payload.viewModel.title }}</span>
       <span class="subtile">{{ props.payload.viewModel.subtitle }}</span>
-      <input type="date" @input="handleChange" class="mc-text-input mc-field__input input-text-date" />
+      <input type="date" v-model="moveDate" class="mc-text-input mc-field__input input-text-date" />
       <MButton
         class="button"
         :label="props.payload.viewModel.actionLabel"
         @click="handleSubmit"
         :disabled="!moveDate"
       />
-      <m-link class="skip-link" :label="props.payload.viewModel.skipLabel" @click.once="handleSubmit" />
+      <m-link class="skip-link" :label="props.payload.viewModel.skipLabel" @click.once="skipQuestion" />
     </div>
   </div>
 </template>