Datepicker

Datepicker component is based on flatpickr for Vue Bulma.

Installation

$ npm install vue-bulma-datepicker --save

Examples

Single Input

<template>
<datepickerplaceholder="European Format ('d-m-Y')":config="{ dateFormat: 'd-m-Y', static: true }"></datepicker>
</template>
<script>importDatepickerfrom'vue-bulma-datepicker'exportdefault { components: { Datepicker }}</script>

Wrap Input

<template>
<datepicker:config="{ wrap: true }"readonly>
<aclass="button"data-toggle><iclass="fa fa-calendar"></i></a>
<aclass="button"data-clear><iclass="fa fa-close"></i></a>
</datepicker>
</template>
<script>importDatepickerfrom'vue-bulma-datepicker'exportdefault { components: { Datepicker }}</script>

Badges