diff --git a/src/datetime/datetime-panel.js b/src/datetime/datetime-panel.js
index 5d2ebc1..530ba3d 100644
--- a/src/datetime/datetime-panel.js
+++ b/src/datetime/datetime-panel.js
@@ -34,16 +34,15 @@ export default {
     value(val) {
       this.currentValue = val;
     },
-    defaultTimeVisible(val) {
-      this.$emit('update:show-time-panel', val);
-    },
   },
   methods: {
     closeTimePanel() {
       this.defaultTimeVisible = false;
+      this.$emit('update:show-time-panel', false);
     },
     openTimePanel() {
       this.defaultTimeVisible = true;
+      this.$emit('update:show-time-panel', true);
     },
     emitDate(date, type) {
       this.$emit('select', date, type);
diff --git a/src/datetime/datetime-range.js b/src/datetime/datetime-range.js
index 840d652..b342510 100644
--- a/src/datetime/datetime-range.js
+++ b/src/datetime/datetime-range.js
@@ -34,16 +34,15 @@ export default {
     value(val) {
       this.currentValue = val;
     },
-    defaultTimeVisible(val) {
-      this.$emit('update:show-time-panel', val);
-    },
   },
   methods: {
     closeTimePanel() {
       this.defaultTimeVisible = false;
+      this.$emit('update:show-time-panel', false);
     },
     openTimePanel() {
       this.defaultTimeVisible = true;
+      this.$emit('update:show-time-panel', true);
     },
     emitDate(dates, type) {
       this.$emit('select', dates, type);