mirror of
https://github.com/frappe/books.git
synced 2024-12-27 12:42:44 +00:00
32 lines
628 B
Vue
32 lines
628 B
Vue
|
<template>
|
||
|
|
<div :class="{'form-group': !onlyInput}">
|
||
|
|
<label v-if="!onlyInput">{{ docfield.label }}</label>
|
||
|
|
<flat-pickr
|
||
|
|
class="form-control"
|
||
|
|
:value="value"
|
||
|
|
:config="config"
|
||
|
|
@on-change="emitChange">
|
||
|
|
</flat-pickr>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import flatPickr from 'vue-flatpickr-component';
|
||
|
|
import Data from './Data';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
extends: Data,
|
||
|
|
props: ['config'],
|
||
|
|
components: {
|
||
|
|
flatPickr
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
emitChange(dates, dateString) {
|
||
|
|
this.$emit('change', dateString);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="scss">
|
||
|
|
@import "~flatpickr/dist/flatpickr.css";
|
||
|
|
</style>
|