Hi,

I have a requirement of adding a calendarpanel inside a window. I'm trying to reproduce a calendar similar to the Calendar example given along with Ext Js 3.3.0 release. But when i add my Date picker, it doesn't render properly.

Here's the code

Code:
Ext.onReady(function() {

    var calendarIcon = Ext.get('calendarIcon');
    calendarIcon.on('click', function() {
                calendarWindow.show();
            });

    var calendarWindow = new Ext.Window({
                layout : 'border',
                title : 'My Calendar',
                animateTarget : 'calendarIcon',
                closable : true,
                expandOnShow : true,
                maximizable : true,
                modal : true,
                width : 800,
                height : 500,
                items : [{
                            id : 'app-header',
                            region : 'north',
                            height : 35,
                            border : false
                        }, {
                            id : 'app-center',
                            region : 'center',
                            title : 'This is the parent container of the calendar!',
                            layout : 'border',
                            items : [{
                                xtype : 'panel',
                                region : 'west',
                                width : 300,
                                items : [{
                                    xtype : 'datepicker',
                                    showToday : true
                                }]
                            }, {
                                title : 'This is where the calendar will come!',
                                region : 'center'
                            }]
                        }]
            });

});
The attached screen shot shows the problem that i'm having:

Calendar.jpg

Help!