How to close the datepicker after selecting date range?

[ajithsimon]

I have tried change-calendar and panel-change events, it wasn't working. Please help me with it.

[HuanVo]

you can using
this.$refs.datepicker.closePopup();
to close it.

[ajithsimon]

tried it, not working with date range picker.

[mengxiong10]

You can watch the value then close the popup when it is changed.

<date-picker v-model="value" ref="datepicker" range ></date-picker>

watch: {
   value (newDate, oldDate) {
        this.$refs.datepicker.closePopup()
   }
}

[ajithsimon]

Thank you so much @mengxiong10 .