var startDateComponent = {
    props : ['label'],

    template : `
    <v-menu
        v-model="menu2"
        :close-on-content-click="false"
        :nudge-right="40"
        lazy
        transition="scale-transition"
        offset-y
        full-width
        min-width="290px"
        >
        
    <v-text-field
        slot="activator"
        v-model="datez"
        :label="labels"
        prepend-icon="event"
        readonly
        >
    </v-text-field>
    
    <v-date-picker v-model="datez" @input="menu2 = false" prev-icon="false"></v-date-picker>
    </v-menu>
    `,

    data () {
        return {
            datez: new Date().toISOString().substr(0, 10),
            menu: false,
            modal: false,
            menu2: false
        }
        
    },

    computed : {
        labels() {
            if (this.label) {
                return this.label;
            } else 
                return "Start Date";
        }
    }
}

export { startDateComponent };