Browse Source

change input in creneau view to datepicker

tripeur 4 years ago
parent
commit
47a1a22651
1 changed files with 4 additions and 10 deletions
  1. 4 10
      src/components/EditeurCreneau.vue

+ 4 - 10
src/components/EditeurCreneau.vue

@@ -29,14 +29,7 @@
         :modelValue="creneau.title"
         @input="inputListener($event, 'title')"
       />
-      <styled-input
-        class="s6"
-        label="Date"
-        id="creneauDate"
-        type="text"
-        placeholder="yyyy/mm/dd"
-        v-model.lazy="jour"
-      />
+      <date-Picker class="s6" title="Date" id="creneauDate" lang="fr" target="day" v-model="jour" />
       <styled-input
         class="s6"
         label="Heure"
@@ -139,7 +132,8 @@ import { defineComponent, PropType } from "vue";
 import Creneau from "@/models/Creneau";
 import AutocompleteOptions from "@/models/AutocompleteOptions";
 import styledInput from "./input.vue";
-import chipsInput from "../components/SelectChipInput.vue";
+import chipsInput from "@/components/SelectChipInput.vue";
+import DatePicker from "@/components/date-picker.vue";
 import checkbox from "./checkBox.vue";
 import dayjs from "dayjs";
 
@@ -151,7 +145,7 @@ import Competence from "@/models/Competence";
 // TODO Understand why the component only syncro after a first edition of the date
 export default defineComponent({
   name: "EditeurCreneau",
-  components: { "chips-input": chipsInput, styledInput, checkbox },
+  components: { chipsInput, styledInput, checkbox, DatePicker },
   props: {
     creneau: {
       type: Object as PropType<Creneau>,