From 9e2a0c77d590e57eea98c96be49a2dfbe0b91cad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Sun, 10 Nov 2019 19:23:27 +0100
Subject: [PATCH] Adds clear value handler (#4205)

* Adds clear value handler

* Add the same to device picker
---
 src/components/device/ha-device-picker.ts | 5 +++++
 src/components/entity/ha-entity-picker.ts | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/src/components/device/ha-device-picker.ts b/src/components/device/ha-device-picker.ts
index c374c5a686..485698fdff 100644
--- a/src/components/device/ha-device-picker.ts
+++ b/src/components/device/ha-device-picker.ts
@@ -164,6 +164,7 @@ class HaDevicePicker extends SubscribeMixin(LitElement) {
                   slot="suffix"
                   class="clear-button"
                   icon="hass:close"
+                  @click=${this._clearValue}
                   no-ripple
                 >
                   Clear
@@ -189,6 +190,10 @@ class HaDevicePicker extends SubscribeMixin(LitElement) {
     `;
   }
 
+  private _clearValue() {
+    this.value = "";
+  }
+
   private get _value() {
     return this.value || "";
   }
diff --git a/src/components/entity/ha-entity-picker.ts b/src/components/entity/ha-entity-picker.ts
index 922611d382..1ade8bff2f 100644
--- a/src/components/entity/ha-entity-picker.ts
+++ b/src/components/entity/ha-entity-picker.ts
@@ -166,6 +166,7 @@ class HaEntityPicker extends LitElement {
                   slot="suffix"
                   class="clear-button"
                   icon="hass:close"
+                  @click=${this._clearValue}
                   no-ripple
                 >
                   Clear
@@ -191,6 +192,10 @@ class HaEntityPicker extends LitElement {
     `;
   }
 
+  private _clearValue() {
+    this.value = "";
+  }
+
   private get _value() {
     return this.value || "";
   }