vue.js - Elements library - "x" stops working when event @change is added - how to fix that?

Question

When I add elements library e-date-picker there is a cross "x" to clear the selected dates. It works unless I add @change event - when I do so I cannot clear the data using "x". Can anyone advise how to fix it so that I could clear the data using "x"?

 <el-date-picker
      @change="filterResults"
      style="margin-bottom: 20px"
      v-model="timerange"
      type="daterange"
      start-placeholder="Start date"
      end-placeholder="End date"
      :default-time="['00:00:00', '23:59:59']">
    </el-date-picker>

question from:https://stackoverflow.com/questions/65935451/elements-library-x-stops-working-when-event-change-is-added-how-to-fix-th

Answer 1

Waitting for answers