<template>
  <div>
    <div class='flex justify-between'>
      <div>{{ title }}</div>
      <div class='flex items-center'>        
        <span class=" text-xs">{{dateStart}}</span>
        <div @click="showStart = true">
          <app-icon customize type='icon-rili' size='20px'> </app-icon>
        </div>
        <van-calendar v-model="showStart" @confirm="onConfirmStart"/>
        
      </div>
    </div>
    <input
      type="number"
      :placeholder="'请输入开始区块               当前区块' + blockHeight"
      class="w-full text-sm py-2 px-3 mt-2 rounded text-app-blue-1"
      v-model="value"
      @blur="getDateTime">
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props: {
    title: {
      type: String,
      default: '投票开始时间'
    },
    blockHeight: {
      type: String
    }
  },
  data() {
    return {
      date: '',
      value: ''
    }
  }
})
</script>