title: Adding A Date Picker For Mobile Project Flash Builder 4.6
body: <p>This is my code for my UI i am currently using, i would like to add a date picker for android into this code. The field that has the Id="datepicker" is where i am looking to add the date picker. Also i am looking to add these to the UI <BR>
  1). Print button <em>Prints receipt to a printer if possible or even saves the file locally</em></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
          xmlns:s="library://ns.adobe.com/flex/spark" title="Transaction" xmlns:components="components.*"
          viewDeactivate="callout.close()"
          xmlns:mx="library://ns.adobe.com/flex/mx"&gt;
      &lt;fx:Declarations&gt;
          &lt;s:RadioButtonGroup id="PaymentMethod"/&gt;
          &lt;components:MyCalloutComp id="callout" height="200" close="location.text=event.data" verticalPosition="after"/&gt;
      &lt;/fx:Declarations&gt;
  
      &lt;fx:Script&gt;
          &lt;![CDATA[
              import spark.events.TextOperationEvent;
  
              [Bindable]
              protected var total:Number = 0;
  
              protected function inputChangeHandler(event:TextOperationEvent):void
              {
                  var n:Number;
                  total = 0;
  
                  n = Number(input1.text);
                  if (!isNaN(n))
                      total += n;
  
                  n = Number(input2.text);
                  if (!isNaN(n))
                      total += n;
  
                  n = Number(input3.text);
                  if (!isNaN(n))
                      total += n;
  
                  n = Number(input4.text);
                  if (!isNaN(n))
                      total += n;
  
                  n = Number(input5.text);
                  if (!isNaN(n))
                      total += n;
  
                  n = Number(input6.text);
                  if (!isNaN(n))
                      total += n;
              }
  
  ]]&gt;
      &lt;/fx:Script&gt;
      &lt;s:Label x="878" y="312" fontSize="18" fontWeight="bold" text="{total}"/&gt;
      &lt;s:Label x="17" y="15" color="#1294E7" fontSize="18" fontWeight="bold" text="Method of Payment"/&gt;
      &lt;s:RadioButton x="291" y="46" label="CREDIT CARD" groupName="PaymentMethod"/&gt;
      &lt;s:RadioButton x="11" y="46" label="CASH" groupName="PaymentMethod"/&gt;
      &lt;s:RadioButton x="144" y="47" label="CHECK" groupName="PaymentMethod"/&gt;
      &lt;s:Label x="26" y="90" text="Card Type"/&gt;
      &lt;s:Button x="686" y="413" width="82" label="Print"/&gt;
      &lt;s:Button x="800" y="413" width="96" label="Process"/&gt;
      &lt;s:TextArea x="25" y="175" height="38" maxChars="7"/&gt;
      &lt;s:Label x="25" y="159" text="Drivers License #"/&gt;
      &lt;s:TextInput id="input1" softKeyboardType="number" x="616" y="34" change="inputChangeHandler(event)" width="175"/&gt;
      &lt;s:TextInput id="input2" softKeyboardType="number" x="847" y="33" change="inputChangeHandler(event)" width="154"/&gt;
      &lt;s:TextInput id="input3" softKeyboardType="number" x="616" y="106" change="inputChangeHandler(event)" width="175"/&gt;
      &lt;s:TextInput id="input4" softKeyboardType="number" x="847" y="103" change="inputChangeHandler(event)" width="154"/&gt;
      &lt;s:TextInput id="input5" softKeyboardType="number" x="616" y="180" change="inputChangeHandler(event)" width="175"/&gt;
      &lt;s:Label x="638" y="17" text="Towing Charge"/&gt;
      &lt;s:Label x="870" y="16" text="Mileage Charge"/&gt;
      &lt;s:Label x="656" y="88" text="Labor Charge"/&gt;
      &lt;s:Label x="849" y="86" text="Extra Person Charge"/&gt;
      &lt;s:Label x="636" y="162" text="Special Equipment"/&gt;
      &lt;s:TextInput id="input6" softKeyboardType="number" x="847" y="178" change="inputChangeHandler(event)" width="154"/&gt;
      &lt;s:Label x="867" y="160" text="Storage Charge"/&gt;
      &lt;s:Label x="815" y="311" fontSize="19" fontWeight="bold" text="Total"/&gt;
      &lt;s:TextInput softKeyboardType="number" x="262" y="106" width="320"/&gt;
      &lt;s:Label x="265" y="89" text="Credit Card Number"/&gt;
      &lt;s:Label x="422" y="159" text="Expiry Date"/&gt;
      &lt;s:TextArea id="datepicker" x="418" y="182" width="139" height="38"/&gt;
      &lt;s:DateSpinner x="491" y="252"/&gt;
      &lt;s:TextInput id="location" x="22" y="107" width="205" editable="false" enabled="true"
                   focusIn="callout.open(this.location,true)" text="Select..."/&gt;
  &lt;/s:View&gt;
  </code></pre>