From 1e217e8d2faaad7efd7008c77c0e720800f15152 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ville=20Skytt=C3=A4?= <ville.skytta@iki.fi>
Date: Mon, 18 Nov 2019 19:03:19 +0200
Subject: [PATCH] Support email and url form input types (#4186)

* Support email and url form input types

* Lint

* Lint

* Add types
---
 src/components/ha-form/ha-form-string.ts | 13 +++++++++++++
 src/components/ha-form/ha-form.ts        |  1 +
 2 files changed, 14 insertions(+)

diff --git a/src/components/ha-form/ha-form-string.ts b/src/components/ha-form/ha-form-string.ts
index 82a3db8131..36db7fef75 100644
--- a/src/components/ha-form/ha-form-string.ts
+++ b/src/components/ha-form/ha-form-string.ts
@@ -56,6 +56,7 @@ export class HaFormString extends LitElement implements HaFormElement {
         `
       : html`
           <paper-input
+            .type=${this._stringType}
             .label=${this.label}
             .value=${this.data}
             .required=${this.schema.required}
@@ -84,6 +85,18 @@ export class HaFormString extends LitElement implements HaFormElement {
       { bubbles: false }
     );
   }
+
+  private _stringType() {
+    if (this.schema.format) {
+      if (["email", "url"].includes(this.schema.format)) {
+        return this.schema.format;
+      }
+      if (this.schema.format === "fqdnurl") {
+        return "url";
+      }
+    }
+    return "text";
+  }
 }
 
 declare global {
diff --git a/src/components/ha-form/ha-form.ts b/src/components/ha-form/ha-form.ts
index 48973c63b9..8196f39adb 100644
--- a/src/components/ha-form/ha-form.ts
+++ b/src/components/ha-form/ha-form.ts
@@ -51,6 +51,7 @@ export interface HaFormFloatSchema extends HaFormBaseSchema {
 
 export interface HaFormStringSchema extends HaFormBaseSchema {
   type: "string";
+  format?: string;
 }
 
 export interface HaFormBooleanSchema extends HaFormBaseSchema {