<template>
  <el-table-column :label="label" :prop="prop" :min-width="minWidth" :align="align">
    <template v-slot="scope" >
      <el-date-picker
        v-model="scope.row[prop]"
        type="date"
        :disabled="disabled"
        @change="$emit('change',scope.row)"
        :style="{ width: `${minWidth - 24}px` }"
        :placeholder="$t('common.pleaseSelect')"/>
    </template>
  </el-table-column>
</template>

<script>
export default {
  name: "DatePickSelectColumn",
  props: {
    label: {
      type: String,
      default: "",
    },
    prop: {
      type: String,
    },
    minWidth: {
      type: Number,
      default: 200,
    },
    disabled:{
      type:Boolean,
      default:false,
    },
    align:{
      type:String,
      default:'center',
    },
    customHeight:{
      type:String,
      default:'',
    }
  },

};
</script>


