EmberJs：包装Bootstrap组件（timepicker）

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();