<template>
  <el-date-picker @mouseenter="handleMouseEnter"
                  @mouseleave="handleMouseLeave"
                  @dblclick="handleDblClick(text)"
                  @click="handleClick(text)"
                  @change="handleChange(text)"
                  v-model="text"
                  :type="option.type"
                  :placeholder="option.placeholder"
                  :disabled="option.disabled"
                  :clearable="option.clearable"
                  :format="option.format"
                  :value-format="option.valueFormat"
                  :range-separator="option.rangeSeparator"
                  :start-placeholder="option.startPlaceholder"
                  :end-placeholder="option.endPlaceholder" />
</template>

<script>
export default {
  name: 'datetimes',
  props: {
    option: {
      type: Object
    }
  },
  data () {
    return {
      text: []
    }
  },
  methods: {
  }
}
</script> 