Setting up available date ranges in Date fields

1. First of all we create a very simple Date field and render it to the document's body.
Ext.create('Ext.form.field.Date', {
fieldLabel: 'Pick a Date',
value: new Date(2011, 7, 8),
renderTo: Ext.getBody()
});

2. We can now introduce the minValue and maxValue configuration options to restrict
the available dates.
Ext.create('Ext.form.field.Date', {
fieldLabel: 'Pick a Date',
minValue: new Date(2011, 7, 5),
maxValue: new Date(2011, 7, 17),
renderTo: Ext.getBody()
});

Disabling specific dates

Ext.create('Ext.form.field.Date', {
fieldLabel: 'Pick a Date',
format: 'd/m/Y',
disabledDates: ['08/08/2011', '10/08/2011', '12/08/2011'],
renderTo: Ext.getBody()
});