Creating an application with the DateField component

The following procedure explains how to add a DateField component to an application while authoring. In this example, the DateField component allows a user to pick a date for an airline reservation system. All dates before today's date must be disabled. Also, a 15-day range in December must be disabled to create a holiday black-out period. Also, some flights are not available on Mondays, so all Mondays must be disabled for those flights.

To create an application with the DateField component:

Select File > New and choose Flash File (ActionScript 2.0).
Double-click the DateField component in the Components panel to add it to the Stage.
In the Property inspector, enter the instance name flightCalendar.
In the Actions panel, enter the following code on Frame 1 of the timeline to set the range of selectable dates:
```
flightCalendar.selectableRange = {rangeStart:new Date(2001, 9, 1), rangeEnd:new Date(2003, 11, 1)};
```
This code assigns a value to the selectableRange property in an ActionScript object that contains two Date objects with the variable names rangeStart and rangeEnd. This defines an upper and lower end of a range within which the user can select a date.
In the Actions panel, enter the following code on Frame 1 of the timeline to set the ranges of disabled dates, one during December, and one for all dates before the current date:
```
flightCalendar.disabledRanges = [{rangeStart: new Date(2003, 11, 15), rangeEnd: new Date(2003, 11, 31)}, {rangeEnd: new Date(2003, 6, 16)}];
```
In the Actions panel, enter the following code on Frame 1 of the timeline to disable Mondays:
```
flightCalendar.disabledDays=[1];
```
Control > Test Movie.

To create a DateField component instance using ActionScript:

Select File > New and choose Flash File (ActionScript 2.0).
Drag the DateField component from the Components panel to the current document's library.
This adds the component to the library, but doesn't make it visible in the application.
Select the first frame in the main Timeline, open the Actions panel, and enter the following code:
```
this.createClassObject(mx.controls.DateField, "my_df", 1);
```
This script uses the method UIObject.createClassObject() to create the DateField instance.
Select Control > Test Movie.