<?xml version="1.0" encoding="utf-8"?>

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 

        xmlns:s="library://ns.adobe.com/flex/spark" 

        xmlns:mx="library://ns.adobe.com/flex/mx"

        autoDrawBackground="false" click="itemrenderer1_clickHandler(event)">

        <s:states>

                <s:State name="not_active"/>

                <s:State name="active"/>

        </s:states>

 

        <fx:Script>

                <![CDATA[

                        [Bindable]

                        public var nameVar:String; 

 

                        protected function itemrenderer1_clickHandler(event:MouseEvent):void

                        {

                                this.currentState = "active";

                        }

 

                ]]>

        </fx:Script>

 

        <s:Panel skinClass="longCalendar.skins.MonthBoxSkin"

                                width="100%" height="100%"

                                minHeight="30" minWidth="30" 

 

                                backgroundColor.not_active="#FFFFFF" backgroundColor.active="#FFFFFF"

                                color.not_active="#000000" color.active="#000000"

                                chromeColor.not_active="#FF0000" chromeColor.active="#3BC64B"

                                cornerRadius.not_active="8" cornerRadius.active="8"

 

                                alpha.not_active="0.3" alpha.active="1">

                <s:Label text="{data} {nameVar}" left="10" top="8" fontSize="15"/>

        </s:Panel>

 

</s:ItemRenderer>

private var clicked:Boolean;

 

protected function itemrenderer1_clickHandler(event:MouseEvent):void

{

        this.currentState = "active";

        this.clicked = true;

}

 

override protected function getCurrentRendererState():String

{

        if (this.clicked)

                return "active";

        return super.getCurrentRendererState();

}