MODX FormIt date selections

form_date_selects.php

<select name="dob-day" id="dob-day">
  <option value="">Day</option>
  <option value="">---</option>
  <option value="01" [[!+fi.dob-day:FormItIsSelected=`01`]]>01</option>
  <option value="02" [[!+fi.dob-day:FormItIsSelected=`02`]]>02</option>
  <option value="03" [[!+fi.dob-day:FormItIsSelected=`03`]]>03</option>
  <option value="04" [[!+fi.dob-day:FormItIsSelected=`04`]]>04</option>
  <option value="05" [[!+fi.dob-day:FormItIsSelected=`05`]]>05</option>
  <option value="06" [[!+fi.dob-day:FormItIsSelected=`06`]]>06</option>
  <option value="07" [[!+fi.dob-day:FormItIsSelected=`07`]]>07</option>
  <option value="08" [[!+fi.dob-day:FormItIsSelected=`08`]]>08</option>
  <option value="09" [[!+fi.dob-day:FormItIsSelected=`09`]]>09</option>
  <option value="10" [[!+fi.dob-day:FormItIsSelected=`10`]]>10</option>
  <option value="11" [[!+fi.dob-day:FormItIsSelected=`11`]]>11</option>
  <option value="12" [[!+fi.dob-day:FormItIsSelected=`12`]]>12</option>
  <option value="13" [[!+fi.dob-day:FormItIsSelected=`13`]]>13</option>
  <option value="14" [[!+fi.dob-day:FormItIsSelected=`14`]]>14</option>
  <option value="15" [[!+fi.dob-day:FormItIsSelected=`15`]]>15</option>
  <option value="16" [[!+fi.dob-day:FormItIsSelected=`16`]]>16</option>
  <option value="17" [[!+fi.dob-day:FormItIsSelected=`17`]]>17</option>
  <option value="18" [[!+fi.dob-day:FormItIsSelected=`18`]]>18</option>
  <option value="19" [[!+fi.dob-day:FormItIsSelected=`19`]]>19</option>
  <option value="20" [[!+fi.dob-day:FormItIsSelected=`20`]]>20</option>
  <option value="21" [[!+fi.dob-day:FormItIsSelected=`21`]]>21</option>
  <option value="22" [[!+fi.dob-day:FormItIsSelected=`22`]]>22</option>
  <option value="23" [[!+fi.dob-day:FormItIsSelected=`23`]]>23</option>
  <option value="24" [[!+fi.dob-day:FormItIsSelected=`24`]]>24</option>
  <option value="25" [[!+fi.dob-day:FormItIsSelected=`25`]]>25</option>
  <option value="26" [[!+fi.dob-day:FormItIsSelected=`26`]]>26</option>
  <option value="27" [[!+fi.dob-day:FormItIsSelected=`27`]]>27</option>
  <option value="28" [[!+fi.dob-day:FormItIsSelected=`28`]]>28</option>
  <option value="29" [[!+fi.dob-day:FormItIsSelected=`29`]]>29</option>
  <option value="30" [[!+fi.dob-day:FormItIsSelected=`30`]]>30</option>
  <option value="31" [[!+fi.dob-day:FormItIsSelected=`31`]]>31</option>
</select>


<select name="dob-month" id="dob-month">
  <option value="">Month</option>
  <option value="">-----</option>
  <option value="01" [[!+fi.dob-month:FormItIsSelected=`01`]]>January</option>
  <option value="02" [[!+fi.dob-month:FormItIsSelected=`02`]]>February</option>
  <option value="03" [[!+fi.dob-month:FormItIsSelected=`03`]]>March</option>
  <option value="04" [[!+fi.dob-month:FormItIsSelected=`04`]]>April</option>
  <option value="05" [[!+fi.dob-month:FormItIsSelected=`05`]]>May</option>
  <option value="06" [[!+fi.dob-month:FormItIsSelected=`06`]]>June</option>
  <option value="07" [[!+fi.dob-month:FormItIsSelected=`07`]]>July</option>
  <option value="08" [[!+fi.dob-month:FormItIsSelected=`08`]]>August</option>
  <option value="09" [[!+fi.dob-month:FormItIsSelected=`09`]]>September</option>
  <option value="10" [[!+fi.dob-month:FormItIsSelected=`10`]]>October</option>
  <option value="11" [[!+fi.dob-month:FormItIsSelected=`11`]]>November</option>
  <option value="12" [[!+fi.dob-month:FormItIsSelected=`12`]]>December</option>
</select>

<select name="dob-year" id="dob-year">
  <option value="">Year</option>
  <option value="">----</option>
  [[!FormItYearOptions? &name=`dob-year` &futureYears=`0` &pastYears=`52` &reverse=`true`]]
</select>