Changing the calendar layout in the DateChooser component using the firstDayOfWeek parameter

A brief example of changing the first day of the week for the DateChooser control using the firstDayOfWeek property.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">

    <mx:Script>
        <![CDATA[
            private var dayNames:Array = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

            private function getDayName(item:Number):String {
                return dayNames[item];
            }
        ]]>
    </mx:Script>

    <mx:DateChooser todayColor="red" firstDayOfWeek="{slider.value}"/>

    <mx:VBox>
        <mx:Label text="First day of week:" />
        <mx:HSlider id="slider" minimum="0" maximum="6" liveDragging="true" snapInterval="1" dataTipFormatFunction="getDayName" />
    </mx:VBox>

</mx:Application>

View source enabled in the following example