ember.js - EmberJs：ブートストラップコンポーネントのラッピング（タイムピッカー）

Question

私はすでにember-bootstrapプラグインを使用しています（素晴らしい仕事です!!）しかし、このBootstrapプラグインにタイムピッカー（https://github.com/jdewit/bootstrap-timepicker）を追加する必要があります。私はまだEmberJsの専門家ではありません...誰かが今回のピッカーをember-bootstrapでラップするための助けを私に提供できますか？

更新： ember-bootstrapプラグインなしでこのソリューションを見つけましたが、機能します。それは処理する正しい方法ですか？

Bootstrap.TimePicker = Em.ContainerView.create({
  classNames: 'input-append bootstrap-timepicker-component',
  childViews: ['inputView', 'iconView'],
  inputView: Em.TextField.create({
    type: 'text',
    valueBinding: 'App.PassController.storeCard.relevantDate',
    classNames: 'timepicker-default input-small'
  }),
  iconView: Em.View.create({
    tagName: 'span',
    classNames: 'add-on',
    template: Ember.Handlebars.compile('<i class="icon-time"></i>')
  }),
  didInsertElement: function() {
    $('.timepicker-default').timepicker({showSeconds: true, defaultTime: 'value'});
  }
}).append();