From 030a522daa1a07d11248401747b1ad4afba4c120 Mon Sep 17 00:00:00 2001
From: Sergio Crisostomo <sergiosbox@gmail.com>
Date: Thu, 21 Sep 2017 08:22:05 +0200
Subject: [PATCH] make picker close on blur

---
 src/components/date-picker/panel/date-range.vue | 2 +-
 src/components/date-picker/panel/date.vue       | 2 +-
 src/components/date-picker/panel/time-range.vue | 4 ++--
 src/components/date-picker/panel/time.vue       | 2 +-
 src/components/date-picker/picker.vue           | 7 +++++++
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/date-picker/panel/date-range.vue b/src/components/date-picker/panel/date-range.vue
index eed084e..1a8605c 100644
--- a/src/components/date-picker/panel/date-range.vue
+++ b/src/components/date-picker/panel/date-range.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="classes">
+    <div :class="classes" @mousedown.prevent>
         <div :class="[prefixCls + '-sidebar']" v-if="shortcuts.length">
             <div
                 :class="[prefixCls + '-shortcut']"
diff --git a/src/components/date-picker/panel/date.vue b/src/components/date-picker/panel/date.vue
index 3d6ac92..617e60b 100644
--- a/src/components/date-picker/panel/date.vue
+++ b/src/components/date-picker/panel/date.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="classes">
+    <div :class="classes" @mousedown.prevent>
         <div :class="[prefixCls + '-sidebar']" v-if="shortcuts.length">
             <div
                 :class="[prefixCls + '-shortcut']"
diff --git a/src/components/date-picker/panel/time-range.vue b/src/components/date-picker/panel/time-range.vue
index 4a18c3b..d5c9110 100644
--- a/src/components/date-picker/panel/time-range.vue
+++ b/src/components/date-picker/panel/time-range.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="classes">
+    <div :class="classes" @mousedown.prevent>
         <div :class="[prefixCls + '-body']">
             <div :class="[prefixCls + '-content', prefixCls + '-content-left']">
                 <div :class="[timePrefixCls + '-header']">
@@ -205,4 +205,4 @@
             if (this.$parent && this.$parent.$options.name === 'DatePicker') this.showDate = true;
         }
     };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/date-picker/panel/time.vue b/src/components/date-picker/panel/time.vue
index 4cd6397..e6646b5 100644
--- a/src/components/date-picker/panel/time.vue
+++ b/src/components/date-picker/panel/time.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="[prefixCls + '-body-wrapper']">
+    <div :class="[prefixCls + '-body-wrapper']" @mousedown.prevent>
         <div :class="[prefixCls + '-body']">
             <div :class="[timePrefixCls + '-header']" v-if="showDate">{{ visibleDate }}</div>
             <div :class="[prefixCls + '-content']">
diff --git a/src/components/date-picker/picker.vue b/src/components/date-picker/picker.vue
index bcdb03a..dc1fc70 100644
--- a/src/components/date-picker/picker.vue
+++ b/src/components/date-picker/picker.vue
@@ -12,6 +12,7 @@
                     :name="name"
                     @on-input-change="handleInputChange"
                     @on-focus="handleFocus"
+                    @on-blur="handleBlur"
                     @on-click="handleIconClick"
                     @mouseenter.native="handleInputMouseenter"
                     @mouseleave.native="handleInputMouseleave"
@@ -290,6 +291,9 @@
                 if (this.readonly) return;
                 this.visible = true;
             },
+            handleBlur () {
+                this.visible = false;
+            },
             handleInputChange (event) {
                 const oldValue = this.visualValue;
                 const value = event.target.value;
@@ -478,6 +482,9 @@
                     if (this.picker) this.picker.resetView && this.picker.resetView(true);
                     this.$refs.drop.destroy();
                     if (this.open === null) this.$emit('on-open-change', false);
+                    // blur the input
+                    const input = this.$el.querySelector('input');
+                    if (input) input.blur();
                 }
             },
             internalValue(val) {
--
libgit2 0.21.4