<?xml version="1.0" encoding="UTF-8"?>

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="iPhoneDatePickerVertical" version="2.2" productVersion="8.7">
  <displayName>iPhone Date Picker - Vertical</displayName>
  <description>Javascript-based widget for selecting dates from an iPhone-style portrait list.</description>
  <canvasImage scale="stretch">resources/images/Date_Picker_Canvas_Icon_v1.png</canvasImage>
  <iconImage>resources/images/Date_Picker_Icon_Vertical_v2.png</iconImage>
  <defaultWidth>320</defaultWidth>
  <defaultHeight>214</defaultHeight>
  <containsDrag>true</containsDrag>
  <intrinsicProperty>dpSelectedDate</intrinsicProperty>
  <metadata>
    <createdBy>iRise</createdBy>
    <supportedBrowsers>IE v8,Firefox v3.5,Safari v4,Chrome v8</supportedBrowsers>
    <connectionRequired>false</connectionRequired>
    <helpUrl>https://idn.irise.com/x/C4Dp?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</helpUrl>
    <supportNumber>1-866-361-3900</supportNumber>
    <supportUrl>http://community.irise.com/irise/searches?query=date+picker+ibloc&amp;style=topics?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</supportUrl>
    <releaseDate>2011-07-20</releaseDate>
  </metadata>
  <properties>
    <property name="dpOptions" editable="true" required="false">
      <displayName>Options</displayName>
      <description>Controls the format of the date presented by the picker.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Date (Month Date Year)</string>
            <string>Date (Year, Month, Date)</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Date (Month Date Year)</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="dpDataFormat" editable="true" required="false">
      <displayName>Data Format</displayName>
      <description>The format of the data expected and produced for the Date.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Month Date Year</string>
            <string>Year, Month, Date</string>
            <string>MM/DD/YYYY</string>
            <string>MM/DD/YY</string>
            <string>Mon Date Year</string>
            <string>DD/MM/YYYY</string>
            <string>DD/MM/YY</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Month Date Year</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="dpSelectedDate" editable="true" required="false">
      <displayName>Selected Date</displayName>
      <description>The default or currently selected date. </description>
      <validators></validators>
    </property>
    <property name="dpTargtWidget" editable="true" required="false">
      <displayName>Target widget</displayName>
      <description>The text, text input or text area to be set to show the currently selected Date.</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="dpFontFamily" editable="true" required="false">
      <displayName>Font Family</displayName>
      <description>The font family for the option text.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Arial</string>
            <string>Arial Black</string>
            <string>Arial Narrow</string>
            <string>Arial Unicode MS</string>
            <string>Book Antiqua</string>
            <string>Bookman Old Style</string>
            <string>Century</string>
            <string>Century Gothic</string>
            <string>Comic Sans MS</string>
            <string>Courier</string>
            <string>Courier New</string>
            <string>Franklin Gothic Medium</string>
            <string>Garamond</string>
            <string>Georgia</string>
            <string>Haettenschweiler</string>
            <string>Impact</string>
            <string>Lucida Console</string>
            <string>Lucida Sans Unicode</string>
            <string>Microsoft Sans Serif</string>
            <string>Monotype Corsiva</string>
            <string>Palatino Linotype</string>
            <string>Sylfaen</string>
            <string>Tahoma</string>
            <string>Times New Roman</string>
            <string>Trebuchet MS</string>
            <string>Verdana</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Arial</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="dpFontSize" editable="true" required="false">
      <displayName>Font Size</displayName>
      <description>The font size for the option text.</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="incrementIndex">
          <values>
            <integer>1</integer>
          </values>
        </property>
        <property name="min">
          <values>
            <integer>19</integer>
          </values>
        </property>
        <property name="max">
          <values>
            <integer>24</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>24</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="dpFontColor" editable="true" required="false">
      <displayName>Font Color</displayName>
      <description>The font color for the option text.</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string>#000000</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="dpFontWeight" editable="true" required="false">
      <displayName>Bold</displayName>
      <description>The font weight for the option text.</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <boolean>true</boolean>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="onSelectionChange">
      <displayName>On Selection Change</displayName>
      <description>Fires when the selection changes</description>
    </event>
    <event name="onBlur">
      <displayName>On Blur</displayName>
      <description>Fires when the widget loses its focus</description>
    </event>
  </events>
  <preload>
    <scripts>
      <script src="/iblocs/irise/iPhoneDatePickerVertical/2.2/javascript/iPhoneDPVJS.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/iPhoneDatePickerVertical/2.2/resources/css/DPVJSCss.css"></stylesheet>
    </stylesheets>
  </preload>
</ibloc>