From 7b51d89fb40a1728ef7311334914ab96ac27cf7a Mon Sep 17 00:00:00 2001
From: shiragold <shira@axonius.com>
Date: Sun, 11 Nov 2018 12:39:26 +0200
Subject: [PATCH] Datepicker now emits the md-clear event when cleared, and has
 the option to not be clearable

---
 src/components/MdDatepicker/MdDatepicker.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/MdDatepicker/MdDatepicker.vue b/src/components/MdDatepicker/MdDatepicker.vue
index 083979070..17a7d1225 100644
--- a/src/components/MdDatepicker/MdDatepicker.vue
+++ b/src/components/MdDatepicker/MdDatepicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]" md-clearable>
+  <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]" :md-clearable="mdClearable" @md-clear="onClear">
     <md-date-icon class="md-date-icon" @click.native="toggleDialog" />
     <md-input :type="type" ref="input" v-model="inputDate" @focus.native="onFocus" :pattern="pattern" />
 
@@ -65,6 +65,10 @@
       MdDebounce: {
         type: Number,
         default: 1000
+      },
+      mdClearable: {
+        type: Boolean,
+        default: true
       }
     },
     data: () => ({
@@ -221,6 +225,9 @@
         } else {
           Vue.util.warn(`The datepicker value is not a valid date. Given value: ${this.value}`)
         }
+      },
+      onClear() {
+        this.$emit('md-clear')
       }
     },
     created () {