Datefield in IE is not showing properly

[bradelsky]

I am using extjs 3.3.2 and the datefield is not showing properly. I attached an image of it.
heres my code:

{
xtype : 'datefield',
name : 'dateFrom',
id : 'dateFrom',
width : 100
}

how can i fix this?
Attachment 26134datefield.jpg

[friend]

It looks like you may have a layout problem. Please include a code sample which shows the config of the parent container.

[bradelsky]

here is the rest of the code:

{
xtype: 'panel',
title: 'Search',
collapsed: false,
collapsible: true,
style: {padding: '10px'},
titleCollapse : true,
colspan: 3,
items: [
{
xtype: 'fieldset',
title: 'Filter List by',
style: {
padding: '10px',
border: '0px'
},
layout: 'table',
layoutConfig: {
columns:3
},
items: [
{
xtype: 'fieldset',
width: 330,
border: false,
items: [
{
xtype: 'textfield',
fieldLabel: 'Invoice Number',
name: 'invoice_id',
id: 'invoice_id',
listeners : {
specialkey : this.onEnter,
scope : this
}
}
]

},
{
xtype: 'fieldset',
border: false,
width: 330,
items: [
this.customers
]

},
{
xtype: 'fieldset',
border: false,
width: 350,
items: [
{
xtype: 'compositefield',
labelWidth: 120,
fieldLabel: 'Invoice Date From, To',
items: [
{
xtype : 'datefield',
name : 'dateFrom',
id : 'dateFrom',
width : 100,
listeners: {
select: this.onDateFromSelect.createDelegate(this)
}
},
{
xtype : 'datefield',
width : 100,
name : 'dateTo',
id : 'dateTo',
listeners: {
select: this.onDateToSelect.createDelegate(this)
}
}
]
}
]

},
{
xtype: 'fieldset',
border: false,
layout: 'table',
layoutConfig: {
columns:3
},
items: [
{
xtype: 'button',
text: 'Search',
padding: '10 10',
handler: this.onSearch.createDelegate(this)
},
{
xtype:'panel',
border:false,
width:10
},
{
xtype: 'button',
text: 'Clear Fields',
padding: '10 10',
handler: this.onClear.createDelegate(this)
}
]
}
]
}
]
}

as a quick solution I customized the css if the browser is IE.

[friend]

I think your use of a CompositeField to wrap the two DateFields might be the culprit.

Try using a container Panel with an 'hbox' layout instead.

[tameshwar]

Might you are looking for this.
http://www.sencha.com/forum/showthre...u-gets-cut-off

If that doesn't work use the below code.

Add this code in your css file.
.x-date-menu{width: auto!important;}

[wm003]

or try DatePickerPlus. Those problems had been fixed there 2 years ago