title: How to override component default property values
body: <p>I am using the Kendo UI NumericTextBox component for Angular 2 throughout my app. There are a number of properties that I keep setting to the same value. Is there a way to change the default property values at either the app and/or component level?</p>
  
  <p>Here is a simplified example of my current code:</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    template: `
      &lt;kendo-numerictextbox
        [autoCorrect]="ns.autoCorrect"
        [min]="ns.min"
        [max]="ns.max"
        [value]="value1"
      &gt;&lt;/kendo-numerictextbox&gt;
      &lt;kendo-numerictextbox
        [autoCorrect]="ns.autoCorrect"
        [min]="ns.min"
        [max]="ns.max"
        [value]="value2"
      &gt;&lt;/kendo-numerictextbox&gt;
    `
  })
  
  class AppComponent {
    public ns: {
      autoCorrect: true,
      min: 0,
      max: 99
    };
  
    public value1 = 5;
    public value2 = 10;
  }
  </code></pre>
  
  <p>I'm hoping to have something like this:</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    template: `
      &lt;kendo-numerictextbox
        [value]="value1"
      &gt;&lt;/kendo-numerictextbox&gt;
      &lt;kendo-numerictextbox
        [value]="value2"
      &gt;&lt;/kendo-numerictextbox&gt;
    `
  })
  
  class AppComponent {
    // Override existing NumericTextBoxComponent default values
    NumericTextBoxComponent.autoCorrect = true;
    NumericTextBoxComponent.min = 0;
    NumericTextBoxComponent.max = 99;
  
    public value1 = 5;
    public value2 = 10;
  }
  </code></pre>