[Boutique] Abonnements : amélioration ergonomie

producer/views/subscription/_form.php

@@ -99,27 +99,28 @@ $orderModule = OrderModule::getInstance();
     </div>
     
     <h3 id="step-date"><span>Dates</span></h3>
-    <div class="col-md-4">
-        <div class="form-group">
-            <label>Date de début</label>
-            <v-date-picker 
-                mode="single" 
-                v-model="dateBegin"
-                :input-props='{class: "form-control", placeholder: "" }'>
-            </v-date-picker>
+    <div class="row">
+        <div class="col-md-4">
+            <div class="form-group">
+                <label>Date de début</label>
+                <v-date-picker
+                    mode="single"
+                    v-model="dateBegin"
+                    :input-props='{class: "form-control", placeholder: "" }'>
+                </v-date-picker>
+            </div>
         </div>
-    </div>
-    <div class="clr"></div>    
-    <div class="col-md-4">
-        <div class="form-group">
-            <label>Date de fin</label>
-            <v-date-picker 
-                mode="single" 
-                v-model="dateEnd"
-                :min-date="dateBegin"
-                :input-props='{class: "form-control", placeholder: ""}'>
-            </v-date-picker>
-            <div class="hint-block">Laisser vide pour une durée indéterminée</div> 
+        <div class="col-md-4">
+            <div class="form-group">
+                <label>Date de fin</label>
+                <v-date-picker
+                    mode="single"
+                    v-model="dateEnd"
+                    :min-date="dateBegin"
+                    :input-props='{class: "form-control", placeholder: ""}'>
+                </v-date-picker>
+                <div class="hint-block">Laisser vide pour une durée indéterminée</div>
+            </div>
         </div>
     </div>
     <div class="clr"></div>

producer/web/js/vuejs/subscription-form.js

@@ -35,7 +35,7 @@ var app = new Vue({
                 this.idSubscription = $('#subscription-id').val();
             }
 
-            this.dateBegin = new Date();
+            //this.dateBegin = new Date();
 
             axios.get("ajax-infos", {params: {idSubscription: this.idSubscription}})
                 .then(function (response) {