datepicker
datepicker copied to clipboard
Incompatibility issue with Bulma 0.4.0
Hi, With latest release of Bulma (0.4.0), writing forms must be enclosed by DIV with class field, like this:
<div class="field">
<label class="label" for="country">Country</label>
<p class="control is-expanded">
<span class="select is-fullwidth">
<select class="is-fullwidth" name="country" v-model="selected_country" @input="updateUser">
<option v-for="c in countries" v-bind:value="c.id">
{{ c.country_fr }}
</option>
</select>
</span>
</p>
</div>
which produces:
If I do the same thing with datepicker and "has-addons" on the enclosing DIV, here's what I have:
<label class="label">Start date</label>
<div class="field has-addons">
<datepicker name="dateForm" v-model="dateForm" :config="{ dateFormat: 'd/m/Y', wrap: true, locale: fr }">
<a class="button" data-toggle><i class="fa fa-calendar"></i></a>
<a class="button" data-clear><i class="fa fa-close"></i></a>
</datepicker>
</div>
Note that LABEL needs to be outside when using "has-addons". I think this is another issue from Bulma itself.