Collecting birthday data using a custom html form

Hi!

I am building a custom hosted page in my account that will serve as the manage preferences page. I want to collect birthday data but can’t get the custom property to show up in a users profile. All of my other fields and custom properties within the same form are pulling in correctly, it’s only the birthday field that doesn’t seen to be working. 

Here is what the code looks like - 

<input type="hidden" name="$fields" value="klaviyo_birthday_controls" />

 <div class="klaviyo_field_group select-date-widget">
             <label for="klaviyo_birthday_controls">Birthday</label>
             <div class="klaviyo_birthday_controls">
                <select name="Birthday_month" >
                  <option value="1">January</option>
                  <option value="2">February</option>
                  <option value="3">March</option>
                  <option value="4">April</option>
                  <option value="5">May</option>
                  <option value="6">June</option>
                  <option value="7">July</option>
                  <option value="8">August</option>
                  <option value="9">September</option>
                  <option value="10">October</option>
                  <option value="11">November</option>
                  <option value="12">December</option>
               </select>
               <select name="Birthday_day" >
                 <option value=""> </option>
                 <option value="1">1</option>
                 <option value="2">2</option>
                 <option value="3">3</option>
                 <option value="4">4</option>
                 <option value="5">5</option>
                 <option value="6">6</option>
                 <option value="7">7</option>
                 <option value="8">8</option>
                 <option value="9">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>
             <input type="hidden" name="Birthday_year" value="2021" />
             </div>
                    </div>

My HTML skills are minimal so any help would be greatly appreciated!