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.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="" layout="vertical" verticalAlign="middle" backgroundColor="white">

            private var dayNames:Array = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

            private function getDayName(item:Number):String {
                return dayNames[item];

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

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


View source enabled in the following example