Ext.onReady(function(){

	Ext.QuickTips.init();

	var myDateChooser = new Ext.FormPanel({
		frame: true,
		title: 'Check availability',
		bodyStyle: 'padding:0px 0px 0px 0px',
		width: 235,
		defaultType: 'datefield',
		items: [{
			fieldLabel: 'Arrival date',
			name: 'startdt',
			id: 'startdt',
			width: 100,
			format: 'd/m/Y',
			endDateField: 'enddt',
			allowBlank: false
		},{
			fieldLabel: 'Departure date',
			name: 'enddt',
			id: 'enddt',
			width: 100,
			format: 'd/m/Y',
			startDateField: 'startdt',
			allowBlank: false
		}],
		buttons: [{
			text: 'Check',
			handler: function(){
					window.location = 'bookings.html';
			}
		}]
		
	});

	myDateChooser.render('checkAvailability');

});