<#-- $This file is distributed under the terms of the license in LICENSE$ -->

<fieldset class="dateTime">
  <input type="hidden" id="literal" name="literal" value="${literalValues}" role="input"/>
  <#if datatype?contains("#date") || datatype?contains("Year") >
    <label for="dateTimeField-year">${i18n()[('label.dateTimeWithPrecision.year_capitalized')]}</label>
    <input class="text-field" name="dateTimeField-year" id="dateTimeField-year" type="text" value="" size="4" maxlength="4" />
  </#if>
  <#if datatype?contains("#date") || datatype?contains("Month") >
    <label for="dateTimeField-month">${i18n()[('label.dateTimeWithPrecision.month_capitalized')]}</label>
    <select name="dateTimeField-month" id="dateTimeField-month" >
        <option value="">${i18n()[('label.dateTimeWithPrecision.month_capitalized')]}</option>
            <option value="01">${i18n().january}</option>
            <option value="02">${i18n().february}</option>
            <option value="03">${i18n().march}</option>
            <option value="04">${i18n().april}</option>
            <option value="05">${i18n().may}</option>
            <option value="06">${i18n().june}</option>
            <option value="07">${i18n().july}</option>
            <option value="08">${i18n().august}</option>
            <option value="09">${i18n().september}</option>
            <option value="10">${i18n().october}</option>
            <option value="11">${i18n().november}</option>
            <option value="12">${i18n().december}</option>
    </select>
  </#if>
  <#if datatype?contains("#date") >
    <label for="dateTimeField-day">${i18n()[('label.dateTimeWithPrecision.day_capitalized')]}</label>
    <select name="dateTimeField-day" id="dateTimeField-day" >
        <option value="">${i18n()[('label.dateTimeWithPrecision.day_capitalized')]}</option>
            <option value="01">1</option>
            <option value="02">2</option>
            <option value="03">3</option>
            <option value="04">4</option>
            <option value="05">5</option>
            <option value="06">6</option>
            <option value="07">7</option>
            <option value="08">8</option>
            <option value="09">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
    </select>
  </#if>
  <#if datatype?contains("#dateTime") || datatype?contains("#time") >
    <label for="dateTimeField-hour">${i18n()[('label.dateTimeWithPrecision.hour_capitalized')]}</label>
    <select name="dateTimeField-hour" id="dateTimeField-hour" >
        <option value="">${i18n()[('label.dateTimeWithPrecision.hour_capitalized')]}</option>
            <option value="00">12am</option>
            <option value="01">1am</option>
            <option value="02">2am</option>
            <option value="03">3am</option>
            <option value="04">4am</option>
            <option value="05">5am</option>
            <option value="06">6am</option>
            <option value="07">7am</option>
            <option value="08">8am</option>
            <option value="09">9am</option>
            <option value="10">10am</option>
            <option value="11">11am</option>
            <option value="12">12pm</option>
            <option value="13">1pm</option>
            <option value="14">2pm</option>
            <option value="15">3pm</option>
            <option value="16">4pm</option>
            <option value="17">5pm</option>
            <option value="18">6pm</option>
            <option value="19">7pm</option>
            <option value="20">8pm</option>
            <option value="21">9pm</option>
            <option value="22">10pm</option>
            <option value="23">11pm</option>
    </select>

    <label for="dateTimeField-minute">${i18n()[('label.dateTimeWithPrecision.minutes_capitalized')]}</label>
    <select name="dateTimeField-minute" id="dateTimeField-minute" >
        <option value="">${i18n()[('label.dateTimeWithPrecision.minutes_capitalized')]}</option>
            <option value="01">1</option>
            <option value="02">2</option>
            <option value="03">3</option>
            <option value="04">4</option>
            <option value="05">5</option>
            <option value="06">6</option>
            <option value="07">7</option>
            <option value="08">8</option>
            <option value="09">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
            <option value="44">44</option>
            <option value="45">45</option>
            <option value="46">46</option>
            <option value="47">47</option>
            <option value="48">48</option>
            <option value="49">49</option>
            <option value="50">50</option>
            <option value="51">51</option>
            <option value="52">52</option>
            <option value="53">53</option>
            <option value="54">54</option>
            <option value="55">55</option>
            <option value="56">56</option>
            <option value="57">57</option>
            <option value="58">58</option>
            <option value="59">59</option>
    </select>

    <label for="dateTimeField-second">${i18n()[('label.dateTimeWithPrecision.seconds_capitalized')]}</label>
    <select name="dateTimeField-second" id="dateTimeField-second" >
        <option value="">${i18n()[('label.dateTimeWithPrecision.seconds_capitalized')]}</option>
            <option value="01">1</option>
            <option value="02">2</option>
            <option value="03">3</option>
            <option value="04">4</option>
            <option value="05">5</option>
            <option value="06">6</option>
            <option value="07">7</option>
            <option value="08">8</option>
            <option value="09">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
            <option value="44">44</option>
            <option value="45">45</option>
            <option value="46">46</option>
            <option value="47">47</option>
            <option value="48">48</option>
            <option value="49">49</option>
            <option value="50">50</option>
            <option value="51">51</option>
            <option value="52">52</option>
            <option value="53">53</option>
            <option value="54">54</option>
            <option value="55">55</option>
            <option value="56">56</option>
            <option value="57">57</option>
            <option value="58">58</option>
            <option value="59">59</option>
    </select>
  </#if>
</fieldset>

