Merge pull request #190 from youda97/master

 Fix DAP issues for input

Author: zvonimirfras

src/input/input.stories.ts

@@ -20,10 +20,10 @@ storiesOf("Input", module).addDecorator(
 	}))
 	.add("Input", () => ({
 		template: `
-			<input ibmText placeholder="Optional placeholder text"/>
+			<input ibmText aria-label="input" placeholder="Optional placeholder text"/>
 		`
 	})).add("TextArea", () => ({
 		template: `
-		<textarea ibmTextArea placeholder="Optional placeholder text" rows="4" cols="50"></textarea>
+		<textarea ibmTextArea aria-label="textarea" placeholder="Optional placeholder text" rows="4" cols="50"></textarea>
 		`
 	}));

src/input/label.component.ts

@@ -1,5 +1,10 @@
-import { Component, Input, AfterContentInit, ElementRef } from "@angular/core";
-
+import {
+	Component,
+	Input,
+	AfterContentInit,
+	ElementRef,
+	HostBinding
+} from "@angular/core";
 
 /**
  * ```html
@@ -26,10 +31,8 @@ import { Component, Input, AfterContentInit, ElementRef } from "@angular/core";
 @Component({
 	selector: "ibm-label",
 	template: `
-	<div class="bx--form-item">
 		<label [for]="labelInputID" class="bx--label"><ng-content></ng-content></label>
 		<ng-content select="input,textarea,div"></ng-content>
-	</div>
 	`
 })
 export class LabelComponent implements AfterContentInit {
@@ -53,6 +56,8 @@ export class LabelComponent implements AfterContentInit {
 	 */
 	@Input() labelState: "success" | "warning" | "error" | "" = "";
 
+	@HostBinding("class.bx--form-item") labelComponentClass = true;
+
 	/**
 	 * Creates an instance of LabelComponent.
 	 * @param {ElementRef} elementRef