el-date-picker日期选择器不选择时间，窗口不能进行关闭，希望点击页面其他地方可以关闭

问题遇到的现象和发生背景

使用el-date-picker日期选择器不选择时间，窗口不能进行关闭

用代码块功能插入代码，请勿粘贴截图
<el-radio-group v-model="activeType">
        <el-radio label="day">{{$t('report.Daily_report')}}el-radio>
        <el-radio label="month">{{$t('report.Monthly_report')}}el-radio>
        <el-radio label="year">{{$t('report.Yearly_Report')}}el-radio>
        <el-radio label="total">{{$t('report.Total_report')}}el-radio>
        <el-radio label="range">{{$t('report.customize')}}el-radio>
 el-radio-group>
 <span v-show="activeType!='total'" class="label">
     {{$t('report.Report_date')}}
span>
<el-date-picker
        ref="dayHide"
        :clearable="false"
        v-model="datevalue"
        v-show="activeType==='day'"
        type="date"
        :placeholder="$t('report.select_date')"
        popper-class="select-date"
        :picker-options="pickerDayOptions"
        @blur="handleClickShow()"
      >
 el-date-picker>



methods：{
   handleClickShow(){
            console.log(123)
            this.$refs.dayHide.blur()
  },
}
运行结果及报错内容

点击其他地方日期选择器不会关闭，必须要选择时间才会关闭

我的解答思路和尝试过的方法

用了@blur方法但是无法达到所需效果，失焦也是选择了日期后才会产生失焦事件

我想要达到的结果

点击input框出现日期选择器，点击页面其他地方即关闭日期选择器