title: How to skin an mx:DateChooser in Flex 4
body: <p>I found these properties:</p>
  
  <pre><code>selectionIndicatorSkin="..."
  todayIndicatorSkin="..."
  </code></pre>
  
  <p>Which skins the DateChooser Selected and todays item. </p>
  
  <p>Oddly enough I didn't find a way where I can specifiy the skin for regular days! I found this property:</p>
  
  <pre><code>weekDayStyleName="..."
  </code></pre>
  
  <p>so I created a style</p>
  
  <pre><code>.myStyle{
      skin-class: ClassReference("com.mySkin");
  }
  </code></pre>
  
  <p>then used it: weekDayStyleName="myStyle" But it didn't work! Any ideas?</p>
  
  <p>Extra Code:</p>
  
  <pre><code>&lt;mx:DateChooser id="date1" 
                  todayStyleName="myTodayStyle"
                  headerStyleName="myHeaderStyle"
                  selectionIndicatorSkin="com.skins.calendar.SelectionIndicatorSkin"
                  todayIndicatorSkin="com.skins.calendar.TodayIndicatorSkin1"
                  focusSkin="com.skins.calendar.TodayIndicatorSkin1"
                  rollOverIndicatorSkin="com.skins.calendar.SelectionIndicatorSkin"
                  weekDayStyleName="weekdayStyle"
                  borderColor="#FFFFFF"
                  todayColor="#FFFFFF"
                  width="275" height="275" /&gt;
  
  &lt;fx:Style &gt;
      @namespace s "library://ns.adobe.com/flex/spark";
      @namespace mx "library://ns.adobe.com/flex/mx";
      @namespace vld "com.lal.validators.*";
      @namespace effect "com.lal.effects.*";
      @namespace components "com.lal.components.*";
  
  
  
      .weekdayStyle{
          skin-class: ClassReference("com.lal.skins.calendar.TodayIndicatorSkin1");
          vertical-align: middle;
          font-size: 18;
      }
  &lt;/fx:Style&gt; 
  </code></pre>