WIP MMCM

src/views/delivery-option-step-3.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="card">
+    <div class="card-header">Date</div>
+    <div class="card-body">
+      <Datepicker v-model="dateDelivery" :minDate="tomorrow" :enableTimePicker="false" :disabledWeekDays="[6, 0]" locale="fr-FR"/>
+      <p class="mt-4"><button class="btn btn-primary" @click="$router.push({path: '/delivery-option-summary'});">Valider</button></p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { storeToRefs } from 'pinia'
+import {useMMCMStore} from '../stores/mmcm.js'
+import {ref} from 'vue';
+import {add, endOfMonth, endOfYear, startOfMonth, startOfYear, subMonths} from 'date-fns';
+
+export default {
+  setup() {
+    const store = useMMCMStore()
+
+    const { dateDelivery } = storeToRefs(store)
+
+    const tomorrow =
+        add(new Date(), {
+          days: 1
+        })
+
+    const afterTomorrow =
+        add(new Date(), {
+          days: 2
+        })
+
+
+    const presetRanges = ref([
+      {label: 'Demain', range: [tomorrow, tomorrow]},
+      {label: 'Après demain', range: [afterTomorrow, afterTomorrow]},
+      {label: 'Semaine prochaine', range: [startOfMonth(new Date()), endOfMonth(new Date())]},
+    ]);
+
+    return {
+      tomorrow,
+      dateDelivery,
+      presetRanges,
+      store
+    }
+  },
+  name: "delivery-option-step-3",
+  methods: {}
+}
+</script>
+
+<style scoped>
+
+</style>