{"id":269,"date":"2024-09-20T14:05:22","date_gmt":"2024-09-20T07:05:22","guid":{"rendered":"https:\/\/www.airballoonthailand.com\/tf-search-form\/"},"modified":"2024-09-20T14:05:22","modified_gmt":"2024-09-20T07:05:22","slug":"tf-search-form","status":"publish","type":"page","link":"https:\/\/www.airballoonthailand.com\/th\/tf-search-form\/","title":{"rendered":"TF Search Form"},"content":{"rendered":"\n\t\t\t\t\t<!-- Start Fullwidth Wrap -->\n\t\t\t<div class=\"tf_tf_booking-widget-wrap\" data-fullwidth=\"true\">\n\t\t\t\t<div class=\"tf_custom-container\">\n\t\t\t\t\t<div class=\"tf_custom-inner\">\n\n\t\t\t\t\t\t\t\t\t\t<div id=\"tf-booking-search-tabs\" class=\" default-form tf-search-tabs__design--1 \">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<!-- Booking Form Tabs -->\n\t\t\t\t\t\t<div class=\"tf-booking-form-tab design-1 tf-multiple-tabs\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"tf-tablinks tf_btn tf_btn_small tf_btn_secondary \" data-form-id=\"tf-tour-booking-form\">Tour<\/button>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"tf-tablinks tf_btn tf_btn_small tf_btn_secondary \" data-form-id=\"tf-car-booking-form\">Car<\/button>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Booking Form tabs mobile version -->\n\t\t\t\t\t\t\t<div class=\"tf-booking-form-tab-mobile\">\n\t\t\t\t\t\t\t\t<select name=\"tf-booking-form-tab-select\" id=\"\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"tf-tour-booking-form\">Tour<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"tf-car-booking-form\">Car<\/option>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<!-- Booking Forms -->\n\t\t\t\t\t\t<div class=\"tf-booking-forms-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tf-tour-booking-form\" class=\"tf-tabcontent\" >\n\t\t\t\t\t\t\t\t\t            <form class=\"tf_booking-widget  default-form \" id=\"tf_tour_aval_check\" method=\"get\" autocomplete=\"off\" action=\"https:\/\/www.airballoonthailand.com\/th\/tf-search\/\">\n                <div class=\"tf_homepage-booking\">\n\t\t\t\t\t                        <div class=\"tf_destination-wrap\">\n                            <div class=\"tf_input-inner\">\n                                <div class=\"tf_form-row\">\n                                    <label class=\"tf_label-row\">\n                                        <span class=\"tf-label\">Destination:<\/span>\n                                        <div class=\"tf_form-inner\">\n                                            <div class=\"tf-search-form-field-icon\">\n                                                <i class=\"fas fa-search\"><\/i>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\t                                                <input type=\"text\" name=\"place-name\"  id=\"tf-tour-location-adv\" class=\"tf-tour-preview-place\"\n                                                       placeholder=\"Enter Location\">\n                                                <input type=\"hidden\" name=\"place\" id=\"tf-tour-place\">\n                                                <div class=\"tf-hotel-results tf-tour-results\">\n                                                    <ul id=\"ui-id-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                    <li data-name=\"Chiang rai Let&#039;s Seek Another Peak\" data-slug=\"chiang-rai-lets-seek-another-peak\"><i\n                                                                                class=\"fa fa-map-marker\"><\/i>Chiang rai Let&#039;s Seek Another Peak<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                    <li data-name=\"Chiang rai Ronm far &amp; Wander wide\" data-slug=\"chiang-rai-ronm-far-wander-wide\"><i\n                                                                                class=\"fa fa-map-marker\"><\/i>Chiang rai Ronm far &amp; Wander wide<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                    <\/ul>\n                                                <\/div>\n\t\t\t\t\t\t\t\t\t\t\t                                        <\/div>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\t\t\t\t\t\n                    <div class=\"tf_selectperson-wrap\">\n                        <div class=\"tf_input-inner\">\n                        <span class=\"tf_person-icon tf-search-form-field-icon\">\n                            <i class=\"fas fa-user\"><\/i>\n                        <\/span>\n                            <div class=\"adults-text\">1 Adults<\/div>\n\t\t\t\t\t\t\t                                <div class=\"person-sep\"><\/div>\n                                <div class=\"child-text\">0 Children<\/div>\n\t\t\t\t\t\t\t                                <div class=\"person-sep\"><\/div>\n                                <div class=\"infant-text\">0 Infant<\/div>\n\t\t\t\t\t\t\t                        <\/div>\n                        <div class=\"tf_acrselection-wrap\">\n                            <div class=\"tf_acrselection-inner\">\n                                <div class=\"tf_acrselection\">\n                                    <div class=\"acr-label\">Adults<\/div>\n                                    <div class=\"acr-select\">\n                                        <div class=\"acr-dec\">-<\/div>\n                                        <input type=\"number\" name=\"adults\" id=\"adults\" min=\"1\" value=\"1\">\n                                        <div class=\"acr-inc\">+<\/div>\n                                    <\/div>\n                                <\/div>\n\t\t\t\t\t\t\t\t                                    <div class=\"tf_acrselection\">\n                                        <div class=\"acr-label\">Children<\/div>\n                                        <div class=\"acr-select\">\n                                            <div class=\"acr-dec\">-<\/div>\n                                            <input type=\"number\" name=\"children\" id=\"children\" min=\"0\" value=\"0\">\n                                            <div class=\"acr-inc\">+<\/div>\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                                    <div class=\"tf_acrselection\">\n                                        <div class=\"acr-label\">Infant<\/div>\n                                        <div class=\"acr-select\">\n                                            <div class=\"acr-dec\">-<\/div>\n                                            <input type=\"number\" name=\"infant\" id=\"infant\" min=\"0\" value=\"0\">\n                                            <div class=\"acr-inc\">+<\/div>\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_selectdate-wrap\">\n                        <!-- @KK Merged two inputs into one  -->\n                        <div class=\"tf_input-inner\">\n                            <label class=\"tf_label-row\">\n\t                                <span class=\"tf-label\">Start &amp; End Dates<\/span>\n                                <div class=\"tf_form-inner\">\n                                    <div class=\"tf-search-form-field-icon\">\n                                        <i class=\"far fa-calendar-alt\"><\/i>\n                                    <\/div>\n                                    <input type=\"text\" name=\"check-in-out-date\" id=\"check-in-out-date\" onkeypress=\"return false;\"\n                                           placeholder=\"Select Date\" required>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n\t\t\t\t\t                        <div class=\"tf_selectdate-wrap tf_more_info_selections\">\n                            <div class=\"tf_input-inner\">\n                                <label class=\"tf_label-row\" style=\"width: 100%;\">\n                                    <span class=\"tf-label\">More<\/span>\n                                    <span style=\"text-decoration: none; display: block; cursor: pointer;\">Filter  <i class=\"fas fa-angle-down\"><\/i><\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"tf-more-info\">\n                                <h3>Filter Price<\/h3>\n                                <div class=\"tf-filter-price-range\">\n                                    <div class=\"tf-tour-filter-range\"><\/div>\n                                <\/div>\n                                <h3 style=\"margin-top: 20px\">Tour Types<\/h3>\n\t\t\t\t\t\t\t\t                                    <div class=\"tf-tour-types\" style=\"overflow: hidden\">\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"form-group form-check\">\n                                                <input type=\"checkbox\" name=\"types[]\" class=\"form-check-input\" value=\"lets-seek-another-peak\" id=\"lets-seek-another-peak\">\n                                                <label class=\"form-check-label\" for=\"lets-seek-another-peak\">Let&#039;s Seek Another Peak<\/label>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"form-group form-check\">\n                                                <input type=\"checkbox\" name=\"types[]\" class=\"form-check-input\" value=\"ronm-far-wander-wide\" id=\"ronm-far-wander-wide\">\n                                                <label class=\"form-check-label\" for=\"ronm-far-wander-wide\">Ronm far &amp; Wander wide<\/label>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                            <\/div>\n                        <\/div>\n\t\t\t\t\t\n                    <div class=\"tf_submit-wrap\">\n                        <input type=\"hidden\" name=\"type\" value=\"tf_tours\" class=\"tf-post-type\"\/>\n\t\t\t\t\t\t                        <button class=\"tf_btn tf-submit\" type=\"submit\">Search<\/button>\n                    <\/div>\n\n                <\/div>\n\n            <\/form>\n            <script>\n                (function ($) {\n                    $(document).ready(function () {\n\n\t\t\t\t\t\tconst regexMap = {\n                            'Y\/m\/d': \/(\\d{4}\\\/\\d{2}\\\/\\d{2}).*(\\d{4}\\\/\\d{2}\\\/\\d{2})\/,\n                            'd\/m\/Y': \/(\\d{2}\\\/\\d{2}\\\/\\d{4}).*(\\d{2}\\\/\\d{2}\\\/\\d{4})\/,\n                            'm\/d\/Y': \/(\\d{2}\\\/\\d{2}\\\/\\d{4}).*(\\d{2}\\\/\\d{2}\\\/\\d{4})\/,\n                            'Y-m-d': \/(\\d{4}-\\d{2}-\\d{2}).*(\\d{4}-\\d{2}-\\d{2})\/,\n                            'd-m-Y': \/(\\d{2}-\\d{2}-\\d{4}).*(\\d{2}-\\d{2}-\\d{4})\/,\n                            'm-d-Y': \/(\\d{2}-\\d{2}-\\d{4}).*(\\d{2}-\\d{2}-\\d{4})\/,\n                            'Y.m.d': \/(\\d{4}\\.\\d{2}\\.\\d{2}).*(\\d{4}\\.\\d{2}\\.\\d{2})\/,\n                            'd.m.Y': \/(\\d{2}\\.\\d{2}\\.\\d{4}).*(\\d{2}\\.\\d{2}\\.\\d{4})\/,\n                            'm.d.Y': \/(\\d{2}\\.\\d{2}\\.\\d{4}).*(\\d{2}\\.\\d{2}\\.\\d{4})\/\n                        };\n                        const dateRegex = regexMap['d\/m\/Y'];\n\n                        \/\/ flatpickr first day of Week\n\t\t\t\t\t\twindow.flatpickr.l10ns.default.firstDayOfWeek = 0\n                        $(\"#tf_tour_aval_check #check-in-out-date\").flatpickr({\n                            enableTime: false,\n                            mode: \"range\",\n                            altInput: true,\n                            dateFormat: \"Y\/m\/d\",\n                            altFormat: 'd\/m\/Y',\n                            minDate: \"today\",\n\n                            \/\/ flatpickr locale\n\t\t\t\t\t\t\tlocale: \"default\",\n                            onReady: function (selectedDates, dateStr, instance) {\n                                instance.element.value = dateStr.replace(\/(\\d{4}\\\/\\d{2}\\\/\\d{2}).*(\\d{4}\\\/\\d{2}\\\/\\d{2})\/g, function (match, date1, date2) {\n\t\t\t\t\t\t\t\treturn `${date1} - ${date2}`;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tinstance.altInput.value = instance.altInput.value.replace( dateRegex, function (match, d1, d2) {\n\t\t\t\t\t\t\t\t\treturn `${d1} - ${d2}`;\n\t\t\t\t\t\t\t\t});\n                            },\n                            onChange: function (selectedDates, dateStr, instance) {\n                                instance.element.value = dateStr.replace(\/(\\d{4}\\\/\\d{2}\\\/\\d{2}).*(\\d{4}\\\/\\d{2}\\\/\\d{2})\/g, function (match, date1, date2) {\n\t\t\t\t\t\t\t\t\treturn `${date1} - ${date2}`;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tinstance.altInput.value = instance.altInput.value.replace( dateRegex, function (match, d1, d2) {\n\t\t\t\t\t\t\t\t\treturn `${d1} - ${d2}`;\n\t\t\t\t\t\t\t\t});\n                            },\n                        });\n\n                    });\n                })(jQuery);\n            <\/script>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tf-car-booking-form\" class=\"tf-tabcontent\" >\n\t\t\t\t\t\t\t\t\t            <form class=\"tf_booking-widget  default-form \" id=\"tf_car_booking\" method=\"get\" autocomplete=\"off\" action=\"https:\/\/www.airballoonthailand.com\/th\/tf-search\/\">\n                <div class=\"tf_homepage-booking\">\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Pickup Location:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fas fa-search\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"pickup-name\" id=\"tf_pickup_location\" class=\"\" placeholder=\"Enter Pickup Location\" value=\"\">\n                                        <input type=\"hidden\" name=\"pickup\" class=\"tf-place-input\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Dropoff Location:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fas fa-search\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"dropoff-name\" id=\"tf_dropoff_location\" class=\"\" placeholder=\"Enter Dropoff Location\" value=\"\">\n                                        <input type=\"hidden\" name=\"dropoff\" class=\"tf-place-input\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Pickup date:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-solid fa-calendar-days\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"pickup-date\" class=\"tf_pickup_date\" placeholder=\"Enter Pickup date\" value=\"18\/04\/2026\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row info-select\">\n                                    <span class=\"tf-label\">Pickup time:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-regular fa-clock\"><\/i>\n                                        <\/div>\n                                        <div class=\"selected-pickup-time\">\n                                            <div class=\"text\">\n                                                3:00 AM                                            <\/div>\n                                            <div class=\"icon\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                    <path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"#566676\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <input type=\"hidden\" name=\"pickup-time\" class=\"tf_pickup_time\" id=\"tf_pickup_time\" value=\"3:00 AM\">\n                                        <div class=\"tf-select-time\">\n                                            <ul class=\"time-options-list tf-pickup-time\">\n                                                <li value=\"5:00 PM\" >5:00 PM<\/li><li value=\"5:30 PM\" >5:30 PM<\/li><li value=\"6:00 PM\" >6:00 PM<\/li><li value=\"6:30 PM\" >6:30 PM<\/li><li value=\"7:00 PM\" >7:00 PM<\/li><li value=\"7:30 PM\" >7:30 PM<\/li><li value=\"8:00 PM\" >8:00 PM<\/li><li value=\"8:30 PM\" >8:30 PM<\/li><li value=\"9:00 PM\" >9:00 PM<\/li><li value=\"9:30 PM\" >9:30 PM<\/li><li value=\"10:00 PM\" >10:00 PM<\/li><li value=\"10:30 PM\" >10:30 PM<\/li><li value=\"11:00 PM\" >11:00 PM<\/li><li value=\"11:30 PM\" >11:30 PM<\/li><li value=\"12:00 AM\" >12:00 AM<\/li><li value=\"12:30 AM\" >12:30 AM<\/li><li value=\"1:00 AM\" >1:00 AM<\/li><li value=\"1:30 AM\" >1:30 AM<\/li><li value=\"2:00 AM\" >2:00 AM<\/li><li value=\"2:30 AM\" >2:30 AM<\/li><li value=\"3:00 AM\" selected>3:00 AM<\/li><li value=\"3:30 AM\" >3:30 AM<\/li><li value=\"4:00 AM\" >4:00 AM<\/li><li value=\"4:30 AM\" >4:30 AM<\/li><li value=\"5:00 AM\" >5:00 AM<\/li><li value=\"5:30 AM\" >5:30 AM<\/li><li value=\"6:00 AM\" >6:00 AM<\/li><li value=\"6:30 AM\" >6:30 AM<\/li><li value=\"7:00 AM\" >7:00 AM<\/li><li value=\"7:30 AM\" >7:30 AM<\/li><li value=\"8:00 AM\" >8:00 AM<\/li><li value=\"8:30 AM\" >8:30 AM<\/li><li value=\"9:00 AM\" >9:00 AM<\/li><li value=\"9:30 AM\" >9:30 AM<\/li><li value=\"10:00 AM\" >10:00 AM<\/li><li value=\"10:30 AM\" >10:30 AM<\/li><li value=\"11:00 AM\" >11:00 AM<\/li><li value=\"11:30 AM\" >11:30 AM<\/li><li value=\"12:00 PM\" >12:00 PM<\/li><li value=\"12:30 PM\" >12:30 PM<\/li><li value=\"1:00 PM\" >1:00 PM<\/li><li value=\"1:30 PM\" >1:30 PM<\/li><li value=\"2:00 PM\" >2:00 PM<\/li><li value=\"2:30 PM\" >2:30 PM<\/li><li value=\"3:00 PM\" >3:00 PM<\/li><li value=\"3:30 PM\" >3:30 PM<\/li><li value=\"4:00 PM\" >4:00 PM<\/li><li value=\"4:30 PM\" >4:30 PM<\/li>                                            <\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row\">\n                                    <span class=\"tf-label\">Dropoff date:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-solid fa-calendar-days\"><\/i>\n                                        <\/div>\n                                        <input type=\"text\" name=\"dropoff-date\" class=\"tf_dropoff_date\" placeholder=\"Enter Dropoff date\" value=\"19\/04\/2026\">\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_destination-wrap\">\n                        <div class=\"tf_input-inner\">\n                            <div class=\"tf_form-row\">\n                                <label class=\"tf_label-row info-select\">\n                                    <span class=\"tf-label\">Dropoff time:<\/span>\n                                    <div class=\"tf_form-inner\">\n                                        <div class=\"tf-search-form-field-icon\">\n                                            <i class=\"fa-regular fa-clock\"><\/i>\n                                        <\/div>\n                                        <div class=\"selected-dropoff-time\">\n                                            <div class=\"text\">\n                                                3:00 AM                                            <\/div>\n                                            <div class=\"icon\">\n                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                    <path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"#566676\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <input type=\"hidden\" name=\"dropoff-time\" class=\"tf_dropoff_time\" id=\"tf_dropoff_time\" value=\"3:00 AM\">\n                                        <div class=\"tf-select-time\">\n                                            <ul class=\"time-options-list tf-dropoff-time\">\n                                                <li value=\"5:00 PM\" >5:00 PM<\/li><li value=\"5:30 PM\" >5:30 PM<\/li><li value=\"6:00 PM\" >6:00 PM<\/li><li value=\"6:30 PM\" >6:30 PM<\/li><li value=\"7:00 PM\" >7:00 PM<\/li><li value=\"7:30 PM\" >7:30 PM<\/li><li value=\"8:00 PM\" >8:00 PM<\/li><li value=\"8:30 PM\" >8:30 PM<\/li><li value=\"9:00 PM\" >9:00 PM<\/li><li value=\"9:30 PM\" >9:30 PM<\/li><li value=\"10:00 PM\" >10:00 PM<\/li><li value=\"10:30 PM\" >10:30 PM<\/li><li value=\"11:00 PM\" >11:00 PM<\/li><li value=\"11:30 PM\" >11:30 PM<\/li><li value=\"12:00 AM\" >12:00 AM<\/li><li value=\"12:30 AM\" >12:30 AM<\/li><li value=\"1:00 AM\" >1:00 AM<\/li><li value=\"1:30 AM\" >1:30 AM<\/li><li value=\"2:00 AM\" >2:00 AM<\/li><li value=\"2:30 AM\" >2:30 AM<\/li><li value=\"3:00 AM\" selected>3:00 AM<\/li><li value=\"3:30 AM\" >3:30 AM<\/li><li value=\"4:00 AM\" >4:00 AM<\/li><li value=\"4:30 AM\" >4:30 AM<\/li><li value=\"5:00 AM\" >5:00 AM<\/li><li value=\"5:30 AM\" >5:30 AM<\/li><li value=\"6:00 AM\" >6:00 AM<\/li><li value=\"6:30 AM\" >6:30 AM<\/li><li value=\"7:00 AM\" >7:00 AM<\/li><li value=\"7:30 AM\" >7:30 AM<\/li><li value=\"8:00 AM\" >8:00 AM<\/li><li value=\"8:30 AM\" >8:30 AM<\/li><li value=\"9:00 AM\" >9:00 AM<\/li><li value=\"9:30 AM\" >9:30 AM<\/li><li value=\"10:00 AM\" >10:00 AM<\/li><li value=\"10:30 AM\" >10:30 AM<\/li><li value=\"11:00 AM\" >11:00 AM<\/li><li value=\"11:30 AM\" >11:30 AM<\/li><li value=\"12:00 PM\" >12:00 PM<\/li><li value=\"12:30 PM\" >12:30 PM<\/li><li value=\"1:00 PM\" >1:00 PM<\/li><li value=\"1:30 PM\" >1:30 PM<\/li><li value=\"2:00 PM\" >2:00 PM<\/li><li value=\"2:30 PM\" >2:30 PM<\/li><li value=\"3:00 PM\" >3:00 PM<\/li><li value=\"3:30 PM\" >3:30 PM<\/li><li value=\"4:00 PM\" >4:00 PM<\/li><li value=\"4:30 PM\" >4:30 PM<\/li>                                            <\/ul>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tf_submit-wrap\">\n                        <input type=\"hidden\" name=\"type\" value=\"tf_carrental\" class=\"tf-post-type\" \/>\n                        <button class=\"tf_btn tf-submit\" type=\"submit\">Search<\/button>\n                    <\/div>\n\n                <\/div>\n\n            <\/form>\n\n            <script>\n                (function($) {\n                    $(document).ready(function() {\n\n                        \/\/ flatpickr locale first day of Week\n                        window.flatpickr.l10ns.default.firstDayOfWeek = 0\n                        $(\".tf_dropoff_date\").on(\"click\", function () {\n                            $(\".tf_pickup_date\").trigger(\"click\");\n                        });\n                        \/\/ Initialize the pickup date picker\n                        var pickupFlatpickr = $(\".tf_pickup_date\").flatpickr({\n                            enableTime: false,\n                            mode: \"range\",\n                            dateFormat: \"Y\/m\/d\",\n                            altInput: true,\n\t\t\t\t\t\t\taltFormat: 'd\/m\/Y',\n                            minDate: \"today\",\n                            showMonths: $(window).width() >= 1240 ? 2 : 1,\n\n                            locale: \"default\",\n                            onReady: function (selectedDates, dateStr, instance) {\n                                dateSetToFields(selectedDates, instance);\n                            },\n\n                            onChange: function (selectedDates, dateStr, instance) {\n                                dateSetToFields(selectedDates, instance);\n                            },\n                                                    });\n\n                        function dateSetToFields(selectedDates, instance) {\n                            if (selectedDates.length >= 1) {\n                                if (selectedDates[0]) {\n                                    const startDate = flatpickr.formatDate(selectedDates[0], \"d\/m\/Y\");\n                                    $(\"#tf-car-booking-form .tf_pickup_date\").val(startDate);\n                                }\n                                const endDate = selectedDates.length === 2 ? selectedDates[1] : selectedDates[0];\n                                if (endDate) {\n                                    const formattedEndDate = flatpickr.formatDate(endDate, \"d\/m\/Y\");\n                                    $(\"#tf-car-booking-form .tf_dropoff_date\").val(formattedEndDate);\n                                }\n                            }\n                        }\n                    });\n                })(jQuery);\n            <\/script>\n            \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<!-- Close Fullwidth Wrap -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tf-search-form","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":0,"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.airballoonthailand.com\/th\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}