<?xml version="1.0" encoding="utf-8"?>
  <mx:Module 
          xmlns:mx="http://www.adobe.com/2006/mxml" 
          layout="absolute">
          <mx:Script>
                  <![CDATA[
                          import mx.formatters.DateBase;
                          import mx.formatters.DateFormatter;
                          import mx.controls.Alert;
                          import com.adobe.utils.DateUtil;
                          
                          private function doCompareDates():void                        
                          {
                                  if(date1.selectedDate == null || date2.selectedDate  == null)
                                  {
                                          var msg:String = "please select date1 and date2 to compare";
                                          Alert.show(msg);
                                          return;
                                  }
                                  var result:int = DateUtil.compareDates(date1.selectedDate,date2.selectedDate);
                                  
                                  msg = "compare result is "+result+"\n";
                                  msg += "it means that date1 is ";
  
                                  switch(result)
                                  {
                                          case -1:
                                                  msg += "greater than";
                                                  break;
                                          case 1:
                                                  msg += "smaller than";
                                                  break;
                                          case 0:
                                                  msg += "equal to";
                                                  break;        
                                  }
                                  
                                  msg += " date2";
                                  Alert.show(msg);
                          }
                          
                  ]]>
          </mx:Script>
          
          <mx:VBox width="100%" height="100%">
                  <mx:HBox>
                          <mx:Label text="date1"/>
                          <mx:DateField id="date1" selectedDate="{ new Date()}"/>
                          <mx:Text text="{date1.selectedDate.toUTCString()}" />
                  </mx:HBox>
                  
                  <mx:HBox>
                          <mx:Label text="date2"/>
                          <mx:DateField id="date2"/>
                          <mx:Text text="{date2.selectedDate.toUTCString()}" />
                  </mx:HBox>
                  
                  <mx:Button label="compareDates" click="doCompareDates();"/>
                  <mx:Form visible="{ date1.selectedDate != null}">
                          <mx:FormItem label="getAMPM()">
                                  <mx:Text text="{ DateUtil.getAMPM(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getFullDayName()">
                                  <mx:Text text="{ DateUtil.getFullDayName(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getFullDayIndex()">
                                  <mx:Text text="{ DateUtil.getFullDayIndex(DateUtil.getFullDayName(date1.selectedDate))}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getFullMonthName()">
                                  <mx:Text text="{ DateUtil.getFullMonthName(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getFullMonthIndex()">
                                  <mx:Text text="{ DateUtil.getFullMonthIndex(DateUtil.getFullMonthName(date1.selectedDate))}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortDayName()">
                                  <mx:Text text="{ DateUtil.getShortDayName(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortDayIndex()">
                                  <mx:Text text="{ DateUtil.getShortDayIndex(DateUtil.getShortDayName(date1.selectedDate))}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortHour()">
                                  <mx:Text text="{ DateUtil.getShortHour(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortMonthName()">
                                  <mx:Text text="{ DateUtil.getShortMonthName(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortMonthIndex()">
                                  <mx:Text text="{ DateUtil.getShortMonthIndex(DateUtil.getShortMonthName(date1.selectedDate))}"/>
                          </mx:FormItem>
                          <mx:FormItem label="getShortYear()">
                                  <mx:Text text="{ DateUtil.getShortYear(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="toRFC822()">
                                  <mx:Text text="{ DateUtil.toRFC822(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="parseRFC822()">
                                  <mx:Text text="{ DateUtil.parseRFC822(DateUtil.toRFC822(date1.selectedDate))}"/>
                          </mx:FormItem>
                          <mx:FormItem label="toW3CDTF()">
                                  <mx:Text text="{ DateUtil.toW3CDTF(date1.selectedDate)}"/>
                          </mx:FormItem>
                          <mx:FormItem label="parseW3CDTF()">
                                  <mx:Text text="{ DateUtil.parseW3CDTF(DateUtil.toW3CDTF(date1.selectedDate))}"/>
                          </mx:FormItem>
                  </mx:Form>                                
          </mx:VBox>        
  </mx:Module>