User Guide

DateChooser component (Flash Professional only) 351
To create an application with the DateChooser component:
1. Double-click the DateChooser component in the Components panel to add it to the Stage.
2. In the Property inspector, enter the instance name flightCalendar.
3. 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(2003, 9, 15),
rangeEnd:new Date(2003, 11, 31)}
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 in which the user can select a date.
4. In the Actions panel, enter the following code on Frame 1 of the Timeline to set a range of
holiday disabled dates:
flightCalendar.disabledRanges = [{rangeStart: new Date(2003, 11, 15),
rangeEnd: new Date(2003, 11, 26)}];
5. In the Actions panel, enter the following code on Frame 1 of the Timeline to disable Mondays:
flightCalendar.disabledDays=[1];
6. Select Control > Test Movie.
Customizing the DateChooser component (Flash Professional only)
You can transform a DateChooser component horizontally and vertically while authoring and at
runtime. While authoring, select the component on the Stage and use the Free Transform tool or
any of the Modify > Transform commands. At runtime, use the
setSize() method (see
UIObject.setSize()).
Using styles with the DateChooser component
You can set style properties to change the appearance of a DateChooser instance. If the name of a
style property ends in “Color”, it is a color style property and behaves differently than noncolor
style properties. For more information, see “Using styles to customize component color and text”
on page 67.
A DateChooser component supports the following styles:
Style Theme Description
themeColor
Halo The glow color for the rollover and selected dates. Possible
values are
"haloGreen", "haloBlue", and "haloOrange". The
default value is
"haloGreen".
backgroundColor
Both The background color. The default value is 0xEFEBEF (light
gray).
borderColor
Both The border color. The default value is 0x919999.
The DateChooser component uses a solid single-pixel line as
its border. This border cannot be modified through styles or
skinning.