diff --git a/application/third_party/order/views/gh/confirm_order.php b/application/third_party/order/views/gh/confirm_order.php
index 50250c38..4ec60fc9 100644
--- a/application/third_party/order/views/gh/confirm_order.php
+++ b/application/third_party/order/views/gh/confirm_order.php
@@ -394,21 +394,12 @@ label.gender:hover {
 
 					<div class="traveler_info">
 						<h3 data-header>Traveler 1</h3>
-                        <div style="    
-    margin-bottom: -30px;
-    display: inline-block;
-    width: 100%;">
-                            <input type="radio" name="gender[]" id="genderMs" value="100003" style="display:none;" class="tmpick">
-                            <label class="gender" for="genderMs" style="width: 120px;">
-
-                                Ms.</label>
-                            <input type="radio" name="gender[]" id="genderMr" value="100001" style="display:none;" class="tmpick">
-                            <label class="gender" for="genderMr" style="width: 120px;">
-
-                                Mr.</label>
-                        </div>
 						<div class="selectionBlock">
 
+						<select name="gender[]" class="gender_pick">
+                            <option value="100001">Mr.</option>
+                            <option value="100003">Ms.</option>
+                        </select>
 							<div class="inputTerm">
 								<input type="text" name="sur_name[]" required="">
 								<label>
@@ -678,14 +669,14 @@ label.gender:hover {
 						<div class="selectionBlock">
 							<p> Date of birth</p>
 							
-							<input type="text" class="arrivalDate datepicker"
+							<input type="date" class="arrivalDate datepicker"
 								name="birthday[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
 
 						</div>
 						<div class="selectionBlock">
 							<p> Date of expiration </p>
 							
-							<input type="text" class="arrivalDate datepicker"
+							<input type="date" class="arrivalDate datepicker"
 								name="passport_expiration_date[]" value="" placeholder="mm/dd/yyyy" autocomplete="off">
 
 						</div>
@@ -771,7 +762,7 @@ label.gender:hover {
 					</div>
 					<div class="selectionBlock">
 						<div class="inputTerm">
-							<input type="text" class="datetimepicker" name="MEI_ArrivalTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
+							<input type="datetime-local" class="datetimepicker" name="MEI_ArrivalTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
 							<label>
 								Arrival time
 							</label>
@@ -787,7 +778,7 @@ label.gender:hover {
 					</div>
 					<div class="selectionBlock">
 						<div class="inputTerm">
-							<input type="text" class="datetimepicker" name="MEI_DepartureTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
+							<input type="datetime-local" class="datetimepicker" name="MEI_DepartureTime" readonly="true" autocomplete="off" data-trigger="manual" data-container="body" data-toggle="popover" data-placement="top" required="">
 							<label>
 								Departure time
 							</label>
@@ -951,42 +942,7 @@ label.gender:hover {
       var travelerCount = $(".traveler_info").length + 1;
       $addTraveler.find('[data-header]').text('Traveler ' + travelerCount);
       $('#add_traveler_button').before($addTraveler);
-
-      $('.datepicker').datepicker({
-          controlType: 'select',
-          oneLine: true,
-          changeMonth: true,
-          changeYear: true,
-          yearRange: '2010:2055',
-          timeFormat: 'mm/dd/yy'
-      });
-
-      $('.datetimepicker').datetimepicker({
-          controlType: 'select',
-          oneLine: true,
-          changeMonth: false,
-          changeYear: false,
-          timeFormat: 'H:mm'
-      });
-    });
-
-    
-    $('.datepicker').datepicker({
-      controlType: 'select',
-      oneLine: true,
-      changeMonth: true,
-      changeYear: true,
-      yearRange: '2010:2055',
-      timeFormat: 'mm/dd/yy'
     });
-
-    $('.datetimepicker').datetimepicker({
-          controlType: 'select',
-          oneLine: true,
-          changeMonth: false,
-          changeYear: false,
-          timeFormat: 'H:mm'
-      });
   });
 	</script>
 </body>