<template>
    <v-layout column fill-height>


            <v-toolbar  class="pa-1 mb-2" color="blue lighten-3" dark height="50px">
              <v-toolbar-title>PARAMETER</v-toolbar-title>
              <v-spacer></v-spacer>

            </v-toolbar>


            <v-card class="pa-1 p-left-side grow" grow>

            <v-flex >
                      <v-menu
                        ref="menu1"
                        v-model="menu1"
                        :close-on-content-click="false"
                        :nudge-right="40"
                        lazy
                        transition="scale-transition"
                        offset-y
                        full-width
                        max-width="290px"
                        min-width="290px"
                      >
                        <template v-slot:activator="{ on }">
                          <v-text-field
                            v-model="dateFormatted"
                            label="Start Date"
                            hint="MM/DD/YYYY format"
                            persistent-hint
                            @blur="date = parseDate(dateFormatted)"
                            v-on="on"
                          ></v-text-field>
                        </template>
                        <v-date-picker v-model="date" no-title @input="menu1 = false"></v-date-picker>
                      </v-menu>
                    </v-flex> </br>
 <v-divider light></v-divider>
                    <v-flex >
                              <v-menu
                                ref="menu1"
                                v-model="menu1"
                                :close-on-content-click="false"
                                :nudge-right="40"
                                lazy
                                transition="scale-transition"
                                offset-y
                                full-width
                                max-width="290px"
                                min-width="290px"
                              >
                                <template v-slot:activator="{ on }">
                                  <v-text-field
                                    v-model="dateFormatted"
                                    label="End Date"
                                    hint="MM/DD/YYYY format"
                                    persistent-hint
                                    @blur="date = parseDate(dateFormatted)"
                                    v-on="on"
                                  ></v-text-field>
                                </template>
                                <v-date-picker v-model="date" no-title @input="menu1 = false"></v-date-picker>
                              </v-menu>
                            </v-flex>
 </br> <v-divider light></v-divider>

 <v-select
     v-model="select"
     :items="items"
     :rules="[v => !!v || 'Item is required']"
     label="Item"
     required
   ></v-select>
 </br> <v-divider light></v-divider>


   <v-btn color="success">Create</v-btn>
       <v-btn color="error">Cancel</v-btn>



            </v-card>
    </v-layout>

</template>

<style scoped>
table.v-table tbody td,table.v-table tbody th {
   height: 40px;
}

table.v-table thead tr {
   height: 40px;
}
</style>

<script>

</script>
