2019-05-12 07:40:24 +02:00
|
|
|
<template>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="col-sm-12 text-sm">
|
2019-05-12 13:46:20 +02:00
|
|
|
{{ title }}
|
2019-05-12 07:40:24 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-sm-12">
|
2019-05-12 13:46:20 +02:00
|
|
|
<input type="date" class="form-control" :name="name"
|
|
|
|
:title="title" autocomplete="off"
|
|
|
|
ref="date"
|
|
|
|
:value="value" @input="handleInput"
|
|
|
|
:placeholder="title">
|
2019-05-12 07:40:24 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2019-05-12 13:46:20 +02:00
|
|
|
name: "CustomDate",
|
|
|
|
props: {
|
|
|
|
value: String,
|
|
|
|
title: String,
|
|
|
|
name: String
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
handleInput(e) {
|
|
|
|
this.$emit('input', this.$refs.date.value);
|
|
|
|
}
|
|
|
|
}
|
2019-05-12 07:40:24 +02:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
</style>
|