feat(wrapper): Compability of horizontal form

This commit gives users the ability to add custom classes to labels and the parent div element of
fields

#89 Not compatible with horizontal forms

Author: buhichan

README.md

@@ -91,6 +91,20 @@ NOTE: All of these properties will be under the `templateOptions` property as of
 ###### Default
 >`undefined`
 
+---
+##### labelClass (string)
+>`labelClass` is used to add classes to labels.
+
+###### Default
+>`undefined`
+
+---
+##### fieldDivClass (string)
+>`fieldDivClass` is used to add classes to the parent div element of the field.
+
+###### Default
+>`undefined`
+
 ---
 ##### addonLeft (object)
 >`addonLeft` is used to add an add-on on the left of a field. The object accepts three properties: `text` that sets a simple text, `onClick` will add a `cursor:pointer` and an ng-click to the addon (invoked with the options and scope), and `class` that sets classes to the add-on.
@@ -324,3 +338,4 @@ Please see the [CONTRIBUTING Guidelines](CONTRIBUTING.md).
 
 A special thanks to [Nimbly](http://gonimbly.com) for creating/sponsoring angular-formly's development.
 Thanks to [Kent C. Dodds](https://github.com/kentcdodds) for his continued support on the project.
+

src/wrappers/index.js

@@ -9,8 +9,10 @@ export default ngModule => {
         apiCheck: check => ({
           templateOptions: {
             label: check.string.optional,
+	    labelClass: check.string.optional,
             required: check.bool.optional,
             labelSrOnly: check.bool.optional,
+	    fieldDivClass: check.string.optional
           }
         })
       },

src/wrappers/label.html

@@ -1,7 +1,10 @@
 <div>
-  <label for="{{id}}" class="control-label {{to.labelSrOnly ? 'sr-only' : ''}}" ng-if="to.label">
+  <label for="{{id}}" class="control-label {{to.labelSrOnly ? 'sr-only' : ''}} {{to.labelClass || ''}}" ng-if="to.label">
     {{to.label}}
     {{to.required ? '*' : ''}}
   </label>
-  <formly-transclude></formly-transclude>
+  <div class="{{to.fieldDivClass || ''}}"
+  	<formly-transclude></formly-transclude>
+  </div>
 </div>
+