<template>
  <div>
    <a-form-item label="提示文字">
      <a-input
        v-model="value.placeholder[0]"
        size="small"
        placeholder="开始日期提示"
        style="width: 45%; margin-right: 10%;"
      />
      <a-input
        v-model="value.placeholder[1]"
        size="small"
        placeholder="结束日期提示"
        style="width: 45%;"
      />
    </a-form-item>

    <a-form-item label="日期格式">
      <a-select
        v-model="value.format"
        :options="value.options"
        size="small"
        placeholder="请选择格式"
        style="width: 100%;"
      />
    </a-form-item>

    <a-form-item label="展示时长">
      <a-switch v-model="value.showLength" />
    </a-form-item>
  </div>
</template>

<script>
export default {
  name: 'DateTimeRangeConfig',
  props: {
    value: {
      type: Object,
      default: () => ({
        placeholder: ['', ''],
        format: '',
        options: [],
        showLength: false,
      }),
    },
  },
};
</script>

<style scoped>
</style>
