title: Ember.js Overriding an add-on's component
body: <p>I am fairly new to Ember.js and trying to use the datepicker component from ember-cli-jquery module (<a href="https://www.npmjs.com/package/ember-cli-jquery-ui" rel="nofollow noreferrer">https://www.npmjs.com/package/ember-cli-jquery-ui</a>) in my project. </p>
  
  <p>The issue I'm facing is that I need to run some custom jquery initialization code after the datepicker component loads. </p>
  
  <p>After research for several hours, came across this article <a href="http://mavilein.github.io/javascript/2013/08/01/Ember-JS-After-Render-Event/" rel="nofollow noreferrer">http://mavilein.github.io/javascript/2013/08/01/Ember-JS-After-Render-Event/</a> and this stackoverflow post: <a href="https://stackoverflow.com/questions/8881040/using-ember-js-how-do-i-run-some-js-after-a-view-is-rendered">Using Ember.js, how do I run some JS after a view is rendered?</a> </p>
  
  <p>The post describes using 'didInsertElement' hook to run any initialization code - however, as I'm using the ember-cli-jquery-ui plugin, I'm not sure how to do this without changing/modifying the code in node_modules/ember-cli-jquery-ui/addon/mixins/jqui-widget.js</p>
  
  <p>I looked at the source code for ember-cli-jquery-ui and it turns out the above mentioned method is already being overridden. Reading through the API documentation on emberjs, it seems like any method can be extended and classses can be re-opened, I'm just not sure how to do it. 
  Is there a way I can further extend/override that method in my app.js or index.js for instance? </p>
  
  <p>Any help would be greatly appreciated. </p>