<template>
  <el-date-picker
    :model-value="modelValue"
    type="month"
    :placeholder="placeholder"
    :disabled="disabled"
    :value-format="valueFormat"
    :disabled-date="disabledDate"
    style="width: 100%"
    @update:model-value="handleChange"
  />
</template>

<script setup>
const props = defineProps({
  modelValue: String,
  placeholder: String,
  disabled: Boolean,
  valueFormat: String,
  disabledDate: Function
})

const emit = defineEmits(['update:modelValue'])

function handleChange(value) {
  emit('update:modelValue', value)
}
</script>