title: Rounding the corners of a DateField in Flex 4?
body: <p>I'm using Flash builder, with flex 4 sdk and am trying to create a <code>DateField</code> in which the <code>TextInput</code> component has rounded corners.</p>
  
  <p>I have tried the following code that doesn't work:</p>
  
  <pre><code>&lt;s:Application
      xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768"
      xmlns:components="components.*"&gt;
  
      &lt;fx:Style&gt;
          @namespace s "library://ns.adobe.com/flex/spark";
          @namespace mx "library://ns.adobe.com/flex/halo";
          @namespace components "components.*";
  
          .roundedTI
          {
              corner-radius: 10;
              borderStyle: solid;   
          }
  
      &lt;/fx:Style&gt;
  
      &lt;mx:DateField textInputStyleName="roundedTI"/&gt; 
  
  &lt;/s:Application&gt;
  </code></pre>
  
  <p>Can the community help me rectify any visible errors in my code or point me to a alternative guide or tutorial that demonstrates how to do this?</p>