title: How can I apply RadDatForm style with NS themes?
body: <p>styling of RadDataForm is not working when using NS themes.
  I have this in my scss:</p>
  
  <pre><code>@import "~@nativescript/theme/core";
  </code></pre>
  
  <p>First of all, the arrow for Picker is not showned.  And any styling (TKPropertyEditorStyle) is ignored.</p>
  
  <p>How can I continue to use themes and be able to style components at the same time?</p>
  
  <p>Thanks.</p>
  
  <p>Steps to reproduce:</p>
  
  <pre><code>&gt; tns create bugng --template tns-template-drawer-navigation-ng
      found 6 vulnerabilities (5 moderate, 1 high)
  &gt; npm audit fix
      3 vulnerabilities required manual review and could not be updated
      1 package update for 1 vulnerability involved breaking changes
  &gt; npm audit fix --force
  &gt; tns plugin add nativescript-ui-dataform
  </code></pre>
  
  <p>Then, in app.module.ts, added:</p>
  
  <pre><code>import { NativeScriptFormsModule } from "nativescript-angular/forms";
    ...
    imports: [
      ...
      NativeScriptFormsModule
    ]
  </code></pre>
  
  <p>Then, in home.module.ts, added:</p>
  
  <pre><code>import { NativeScriptUIDataFormModule } from "nativescript-ui-dataform/angular";
    ...
    imports: [
      ...
      NativeScriptUIDataFormModule
    ]
  </code></pre>
  
  <p>In home.component.ts :</p>
  
  <pre><code>import { Component, OnInit, ViewChild } from "@angular/core";
  import { RadSideDrawer } from "nativescript-ui-sidedrawer";
  import * as app from "tns-core-modules/application";
  import { RadDataFormComponent } from "nativescript-ui-dataform/angular/dataform-directives";
  
  @Component({
      selector: "Home",
      templateUrl: "./home.component.html"
  })
  export class HomeComponent implements OnInit {
  
      @ViewChild('myCommitDataForm', { static: false }) myCommitDataFormComp: RadDataFormComponent;
      private _person: Person;
  
      constructor() {
          // Use the component constructor to inject providers.
      }
  
      ngOnInit(): void {
          this._person = new Person("John", 23, "john@company.com", -1);
      }
  
      onDrawerButtonTap(): void {
          const sideDrawer = &lt;RadSideDrawer&gt;app.getRootView();
          sideDrawer.showDrawer();
      }
  
      public onPropertyCommitted(args) {
          console.log(args.propertyName);
          if (this.myCommitDataFormComp.dataForm.editedObject) {
              console.log(this.myCommitDataFormComp.dataForm.editedObject);
          }
      }
  
      get person(): Person {
          return this._person;
      }
  }
  
  class Person {
      constructor(public name: string, public age: number, public email: string, public city?: number) { }
  }
  </code></pre>
  
  <p>In home.component.html :</p>
  
  <pre><code>&lt;ActionBar&gt;
      &lt;NavigationButton ios:visibility="collapsed" icon="res://menu" (tap)="onDrawerButtonTap()"&gt;&lt;/NavigationButton&gt;
      &lt;ActionItem icon="res://menu" android:visibility="collapsed" (tap)="onDrawerButtonTap()"
          ios.position="left"&gt;
      &lt;/ActionItem&gt;
      &lt;Label text="Home"&gt;&lt;/Label&gt;
  &lt;/ActionBar&gt;
  
  &lt;GridLayout class="nt-form" rows="132,auto,auto,*"&gt;
      &lt;Image height="128" src="res://logo"&gt;&lt;/Image&gt;
      &lt;Label row="1" class="page__content-placeholder" text="&lt;!-- Page content goes here --&gt;"&gt;&lt;/Label&gt;
      &lt;RadDataForm row="2" #myCommitDataForm [source]="person" tkExampleTitle tkToggleNavButton commitMode="Immediate" (propertyCommitted)="onPropertyCommitted($event)"&gt;
          &lt;!-- &gt;&gt; angular-dataform-adjustment-html --&gt;
          &lt;TKEntityProperty tkDataFormProperty name="name" displayName="Name" index="0"&gt;
              &lt;TKPropertyEditor tkEntityPropertyEditor type="Text"&gt;
                  &lt;TKPropertyEditorStyle tkPropertyEditorStyle strokeColor="#00695c" strokeWidth="2" fillColor="#4db6ac" labelHidden="false"
                  labelTextSize="18" ios:labelFontName="Times New Roman" android:labelFontName="sans-serif-light" labelFontStyle="Italic"
                  labelPosition="Top" labelTextColor="#00695c"&gt;&lt;/TKPropertyEditorStyle&gt;
              &lt;/TKPropertyEditor&gt;
              &lt;TKNonEmptyValidator tkEntityPropertyValidators errorMessage="Username can't be empty."&gt;&lt;/TKNonEmptyValidator&gt;
          &lt;/TKEntityProperty&gt;
          &lt;TKEntityProperty tkDataFormProperty name="age" displayName="Age" index="1"&gt;
              &lt;TKPropertyEditor tkEntityPropertyEditor type="Number"&gt;&lt;/TKPropertyEditor&gt;
          &lt;/TKEntityProperty&gt;
          &lt;TKEntityProperty tkDataFormProperty name="email" displayName="E-Mail" index="2"&gt;
              &lt;TKPropertyEditor tkEntityPropertyEditor type="Email"&gt;&lt;/TKPropertyEditor&gt;
          &lt;/TKEntityProperty&gt;
          &lt;TKEntityProperty tkDataFormProperty name="city" displayName="City" index="3" valuesProvider="Montreal, Quebec, Toronto" hintText="city"&gt;
              &lt;TKPropertyEditor tkEntityPropertyEditor type="Picker"&gt;&lt;/TKPropertyEditor&gt;
              &lt;TKNonEmptyValidator tkEntityPropertyValidators errorMessage="City can't be empty."&gt;&lt;/TKNonEmptyValidator&gt;
          &lt;/TKEntityProperty&gt;
      &lt;/RadDataForm&gt;
  &lt;/GridLayout&gt;
  </code></pre>