Sencha Touch 2.1 Problem with DatePicker

[ghawazigirl]

I just upgraded my application to use Sencha Touch 2.1. I've been able to get almost everything working the same as with ST 2.0.1, but I am having trouble with Ext.field.DatePicker. When I click on the date picker field, the box opens full size, but the picker is only about 1 pixel wide.

Here is my form code:

var curDate = new Date();
var year = curDate.getFullYear();
Ext.define("dcwtouch.view.LeadEntryParentForm", {
    extend: 'Ext.form.Panel',
    requires: ['Ext.field.Select', 'Ext.field.DatePicker'],
    xtype: 'leadEntryParentForm',
    
    config: {
        id: 'leadEntryParentForm',
        record: 'dcwtouch.model.LeadModel',
        height: window.innerHeight-145,
        
        items: [
            {
                xtype: 'fieldset',
                id: 'parent-fieldset',
                title: 'Lead Entry - Parent Information',
                defaults: {
                    required: true,
                    labelWidth: '35%'
                },
                items: [
                    {
                        //... various form fields
                    },{
                        xtype: 'datepickerfield',
                        name: 'birthDate',
                        label: 'Birthday',
                        id: 'birthday2',
                        value: 'birthDate',
                        required: true,
                        picker: {
                            cancelButton: 'Clear',
                            yearFrom: 1994, 
                            yearTo: year+1
                        }
                    }
                ]
            },{    
                xtype: 'button',
                text: 'Continue',
                margin: '0 50 0 50',
                ui: 'confirm',
                action: 'parentContinue'
            } 
        ],
    }
});

Here is an image of what I see when I try to pick a date:
DatePicker.jpg

Any assistance will be much appreciated. Thanks.


UPDATE: I get the above result when I test on my desktop using Chrome. When I test using Safari, I do not even get the 1 pixel-wide picker, just the background and title bar with the buttons. I get this same result when I tested my app on my android tablet.

[mitchellsimoens]

It's working fine for me in Chrome, Safari and iOS 6 in 2.1.0 and with default CSS

[Kurt001]

Most likely the parent container of the datePicker does not come with a width of 100%.
Check out in Chrome what happens if you set the width of the picker manually to 300px.
Then test the parent containers until you get the desired result.

[ghawazigirl]

I got it working. mitchellsimoens comment about DatePicker working with the default CSS made me review the SCSS file that I had updated for my application. My '@include sencha-picker;' statement was in a different location further down the list than in the 2.1 SCSS file. When I moved it up to match the same order as with ST 2.1, the DatePicker displayed properly. I figured that I had made some simple, but easily overlooked, error and I was right.