<template>

    <section class="dateTextField">

        <input
             type="date"
            :id="id"
            :name="name"
            class="dateText"
            :class="inputClass"
            :value="value"
            @change="$emit('input', $event.target.value)"
        />

    </section>

</template>

<script>

export default {

    name: 'dateTextField',
    props: {
        inputClass: {
            type: String,
            default: ''
        },
        id: String,
        name: String,
        value: String
    }

}

</script>
