// Date Picker
Ext.onReady(function(){
    new Ext.form.DateField({
        enableKeyEvents: true,
        applyTo : 'date_1',
        startDay: 1,
        //format: 'd/m/Y',
        listeners : {
            keypress: function(f, e){
                if (e.getKey() == e.DOWN){
                    f.onTriggerClick();
                }
            }
        }
    });
	
	// breite verändern damit Kalender Button neben Feld passt
	var elem = $('date_1');
	var elemDimensions = elem.getDimensions();
	var newWidth = elemDimensions.width - 31;
	elem.style.width = newWidth + 'px';
	

	new Ext.form.DateField({
        enableKeyEvents: true,
        applyTo : 'date_2',
        startDay: 1,
        //format: 'd/m/Y',
        listeners : {
            keypress: function(f, e){
                if (e.getKey() == e.DOWN){
                    f.onTriggerClick();
                }
            }
        }
    });
	
	// breite verändern damit Kalender Button neben Feld passt
	var elem = $('date_2');
	var elemDimensions = elem.getDimensions();
	var newWidth = elemDimensions.width - 31;
	elem.style.width = newWidth + 'px';
	
});
