ExtJs Picker问题？

Question

我想在时间字段中添加一个时间选择器，但是Sencha Architect的本机组件只有12个小时，我需要24个小时的模式。

我已经用Ext.Picker组件创建了自己的时间选择器，但是他出现在页面底部的整个宽度上。是否可以将它包含在页面中心的一个普通面板中？

我尝试了很多配置设置，但没有任何工作像我想要的那样。

var picker = Ext.create('Ext.Picker', {
        doneButton: 'Confirmer',
        cancelButton: 'Annuler',
        toolbar: {
            ui: 'light',
            title: 'Changement Heure'
        },
        slots: [
            {
                name : 'hour',
                title: 'Heure',
                data : [
                    {text: '01', value: 1},
                    {text: '02', value: 2},

                    {text: '22', value: 22},
                    {text: '23', value: 23}
                ]
            },
            {
                name : 'minute',
                title: 'Minute',
                data : [
                    {text: '01', value: 1},
                    {text: '02', value: 2},

                    {text: '58', value: 58},
                    {text: '59', value: 59}
                ]
            }
        ]
    });
picker.show();

我正在使用Sencha Architect 2.0