feat: close picker

museui · Jun 9, 2018 · 81b5f8f · 81b5f8f
1 parent 096bc73
commit 81b5f8f
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/ui/DateInput/DateInput.js b/ui/DateInput/DateInput.js
@@ -4,6 +4,7 @@ import { DatePicker, TimePicker, DateTimePicker } from '../Picker';
 import Container from './Container';
 import dayjs from 'dayjs';
 import Button from '../Button/Button';
+import keycode from 'keycode';
 
 const DEFAULT_FORMAT = {
   date: 'YYYY-MM-DD',
@@ -197,9 +198,12 @@ export default {
         },
         on: {
           ...listeners,
-          click: (e) => {
+          focus: (e) => {
             this.open = true;
-            this.$emit('click', e);
+          },
+          keydown: (e) => {
+            if (keycode(e) === 'tab') this.closePicker();
+            this.$emit('keydown', e);
           }
         }
       },