Merge pull request #2396 from Akshat55/NumberInput

fix: Add 'data-invalid' attribute to apply appropriate styling to buttons when invalid

Author: zvonimirfras

src/number-input/number.component.ts

@@ -66,6 +66,7 @@ export class NumberChange {
 					[disabled]="disabled"
 					[required]="required"
 					[attr.aria-label]="ariaLabel"
+					[attr.data-invalid]="invalid ? invalid : null"
 					(input)="onNumberInputChange($event)"/>
 				<svg
 					*ngIf="!skeleton && !warn && invalid"

src/number-input/number.stories.ts

@@ -40,7 +40,7 @@ storiesOf("Components|Number", module).addDecorator(
 			max: number("max", 100),
 			step: number("step", 1),
 			precision: number("precision"),
-			invalid: boolean("Show form validation", false),
+			invalid: boolean("Show form validation (invalid)", false),
 			disabled: boolean("disabled", false)
 		}
 	}))