<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
    xmlns:calendarDisplay="com.flextras.calendarDisplay.*" creationComplete="init()">

    <mx:Script>
        <![CDATA[
            import com.flexoop.utilities.dateutils.DateUtils;
            import mx.collections.ArrayCollection;
            
            public function init():void{

            }
            
            [Bindable]
            public var mySource : ArrayCollection = new ArrayCollection([
                {date:new Date(2009,3,1), label:'-1'},
                {date:new Date(2009,3,2), label:'0'},
                {date:new Date(2009,4,1), label:'1'},
                {date:new Date(2009,4,2), label:'2'},
                {date:new Date(2009,4,3), label:'3'},
                {date:new Date(2009,4,4), label:'4'},
                {date:new Date(2009,4,5), label:'5'},
                {date:new Date(2009,4,6), label:'6'},
                {date:new Date(2009,4,7), label:'7'},
                {date:new Date(2009,4,8), label:'8'},
                {date:new Date(2009,4,9), label:'9'},
                {date:new Date(2009,4,10), label:'10'},
                {date:new Date(2009,4,11), label:'11'},
                {date:new Date(2009,4,12), label:'12'},
                {date:new Date(2009,4,13), label:'13'},
                {date:new Date(2009,4,14), label:'14'},
                {date:new Date(2009,4,15), label:'15'},
                {date:new Date(2009,4,16), label:'16'},
                {date:new Date(2009,4,17), label:'17'},
                {date:new Date(2009,4,18), label:'18'},
                {date:new Date(2009,4,19), label:'19'},
                {date:new Date(2009,4,20), label:'20'},
                {date:new Date(2009,4,21), label:'21'},
                {date:new Date(2009,4,22), label:'22'},
                {date:new Date(2009,4,23), label:'23'},
                {date:new Date(2009,4,24), label:'24'},
                {date:new Date(2009,4,25), label:'25'},
                {date:new Date(2009,4,26), label:'26'},
                {date:new Date(2009,4,27), label:'27'},
                {date:new Date(2009,4,28), label:'28'},
                {date:new Date(2009,4,29), label:'29'},
                {date:new Date(2009,4,30), label:'30'},
                {date:new Date(2009,4,31), label:'31'},
                {date:new Date(2009,5,1), label:'01'},
                {date:new Date(2009,5,2), label:'02'},
            ]);
        ]]>
    </mx:Script>
    
    <mx:HDividedBox width="100%" height="100%">
        <mx:Form>
            <mx:FormItem>
                <mx:HSlider minimum="0" maximum="11" value="4" id="displayMonthInput" allowTrackClick="true"
                 snapInterval="1" />
            </mx:FormItem>
            <mx:FormItem>
                <mx:NumericStepper id="displayYearInput" minimum="1000" maximum="3000" />
            </mx:FormItem>
        </mx:Form>
        <calendarDisplay:CalendarDisplay dataProvider="{mySource}" displayMonth="{this.displayMonthInput.value}" 
            displayYear="{this.displayYearInput.value}" width="100%" height="100%" >
            
        </calendarDisplay:CalendarDisplay>
    </mx:HDividedBox>
</mx:Application>