From 58dc8bb94d2172ec0721996cd0daefcdce82ba01 Mon Sep 17 00:00:00 2001
From: neel <neel12@somaiya.edu>
Date: Wed, 4 Jul 2018 22:22:18 +0530
Subject: [PATCH 1/2] Time field added

---
 ui/components/controls/FrappeControl.vue |  2 ++
 ui/components/controls/Time.vue          | 46 ++++++++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 ui/components/controls/Time.vue

diff --git a/ui/components/controls/FrappeControl.vue b/ui/components/controls/FrappeControl.vue
index db6cb830..7f675ca0 100644
--- a/ui/components/controls/FrappeControl.vue
+++ b/ui/components/controls/FrappeControl.vue
@@ -22,6 +22,7 @@ import Password from './Password';
 import Select from './Select';
 import Table from './Table';
 import Text from './Text';
+import Time from './Time'
 
 export default {
     props: ['docfield', 'value', 'onlyInput'],
@@ -43,6 +44,7 @@ export default {
                 Select,
                 Table,
                 Text,
+                Time,
             }[this.docfield.fieldtype];
         }
     }
diff --git a/ui/components/controls/Time.vue b/ui/components/controls/Time.vue
new file mode 100644
index 00000000..41ff8331
--- /dev/null
+++ b/ui/components/controls/Time.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="form-group" v-if="!onlyInput">
+    <label>{{ docfield.label }}</label>
+    <flat-pickr
+      :value="value"
+      :config="config"
+      class="form-control"
+      @on-change="emitChange"
+    >
+    </flat-pickr>
+  </div>
+  <flat-pickr
+    v-else
+    :value="value"
+    :config="config"
+    class="form-control"
+    @on-change="emitChange"
+  >
+  </flat-pickr>
+</template>
+<script>
+import flatPickr from 'vue-flatpickr-component';
+import Data from './Data';
+export default {
+  extends: Data,
+  data(){
+    return{
+      config:{
+        enableTime: true,
+        noCalendar: true
+      }
+    }
+  },
+  components: {
+    flatPickr
+  },
+  methods: {
+    emitChange(times, timeString) {
+      this.$emit('change', timeString);
+    }
+  }
+};
+</script>
+<style lang="scss">
+@import "flatpickr/dist/flatpickr.css";
+</style>
\ No newline at end of file

From fff4c07e5bccf835a05d11cf40237d72713afaae Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchampfaris@users.noreply.github.com>
Date: Thu, 12 Jul 2018 21:17:59 +0530
Subject: [PATCH 2/2] Simplify template

---
 ui/components/controls/Time.vue | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/ui/components/controls/Time.vue b/ui/components/controls/Time.vue
index 41ff8331..572990c0 100644
--- a/ui/components/controls/Time.vue
+++ b/ui/components/controls/Time.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="form-group" v-if="!onlyInput">
-    <label>{{ docfield.label }}</label>
+  <div :class="{ 'form-group': !onlyInput }">
+    <label v-if="!onlyInput">{{ docfield.label }}</label>
     <flat-pickr
       :value="value"
       :config="config"
@@ -9,27 +9,20 @@
     >
     </flat-pickr>
   </div>
-  <flat-pickr
-    v-else
-    :value="value"
-    :config="config"
-    class="form-control"
-    @on-change="emitChange"
-  >
-  </flat-pickr>
 </template>
 <script>
 import flatPickr from 'vue-flatpickr-component';
 import Data from './Data';
+
 export default {
   extends: Data,
-  data(){
-    return{
-      config:{
+  data() {
+    return {
+      config: {
         enableTime: true,
         noCalendar: true
       }
-    }
+    };
   },
   components: {
     flatPickr
@@ -43,4 +36,4 @@ export default {
 </script>
 <style lang="scss">
 @import "flatpickr/dist/flatpickr.css";
-</style>
\ No newline at end of file
+</style>