{"id":2381,"date":"2026-07-15T06:04:03","date_gmt":"2026-07-15T06:04:03","guid":{"rendered":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/?page_id=2381"},"modified":"2026-09-01T06:38:00","modified_gmt":"2026-09-01T06:38:00","slug":"events-search","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/events-search\/","title":{"rendered":"Events Search"},"content":{"rendered":"<main id='bde-main'><section class=\"bde-section-2381-100 bde-section px_page_title_section bde-preset-89a2796d-e067-4bd0-a042-1d55eeab27c5\" data-element=\"{&quot;id&quot;:100,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:null,&quot;settings&quot;:{&quot;advanced&quot;:{&quot;wrapper&quot;:null,&quot;classes&quot;:[&quot;px_page_title_section&quot;]}},&quot;meta&quot;:{&quot;preset&quot;:&quot;89a2796d-e067-4bd0-a042-1d55eeab27c5&quot;}}},&quot;children&quot;:[{&quot;id&quot;:101,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;[breakdance_dynamic field=&#039;post_title&#039;]&quot;,&quot;tags&quot;:&quot;h1&quot;,&quot;text_dynamic_meta&quot;:{&quot;field&quot;:&quot;post_title&quot;,&quot;shortcode&quot;:&quot;[breakdance_dynamic field=&#039;post_title&#039;]&quot;,&quot;attributes&quot;:[]}}},&quot;design&quot;:null,&quot;meta&quot;:{&quot;preset&quot;:&quot;78f73153-ec4a-4c1b-b66a-ca49e482d6b6&quot;}}},&quot;children&quot;:[],&quot;_parentId&quot;:100}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-2381-101 bde-heading bde-preset-78f73153-ec4a-4c1b-b66a-ca49e482d6b6\">\nEvents Search\n<\/h1><\/div>\n<\/section><section class=\"bde-section-2381-106 bde-section bde-preset-0c7f004b-f74d-44a6-bb29-ed7ff107ee3b\" data-element=\"{&quot;id&quot;:106,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:null,&quot;settings&quot;:{&quot;advanced&quot;:{&quot;wrapper&quot;:{&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:&quot;calc(100% - 40px)&quot;,&quot;unit&quot;:&quot;custom&quot;,&quot;style&quot;:&quot;calc(100% - 40px)&quot;}}},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;breakpoint_base&quot;:{&quot;right&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;},&quot;left&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;}}}},&quot;layout&quot;:null}}},&quot;meta&quot;:{&quot;preset&quot;:&quot;0c7f004b-f74d-44a6-bb29-ed7ff107ee3b&quot;}}},&quot;children&quot;:[{&quot;id&quot;:107,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;Large Layout&quot;,&quot;tags&quot;:&quot;h3&quot;}},&quot;design&quot;:null,&quot;meta&quot;:{&quot;preset&quot;:&quot;e1c69f97-2022-44bc-a996-bf4cec8183cd&quot;}}},&quot;children&quot;:[],&quot;_parentId&quot;:106}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h3 class=\"bde-heading-2381-107 bde-heading bde-preset-e1c69f97-2022-44bc-a996-bf4cec8183cd\">\nLarge Layout\n<\/h3><\/div>\n<\/section><section class=\"bde-section-2381-103 bde-section\" data-element=\"{&quot;id&quot;:103,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;}},&quot;spacing&quot;:{&quot;margin_top&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:15,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;15px&quot;}}}}}},&quot;children&quot;:[{&quot;id&quot;:105,&quot;data&quot;:{&quot;type&quot;:&quot;PLPEventsCalendar\\\\PlpEventsSearch&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;search_layouts&quot;:{&quot;layout&quot;:&quot;largelayout&quot;,&quot;number_of_events&quot;:3,&quot;display_past_events&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:103}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"plp-events-search-2381-105 plp-events-search\"><div class=\"plp-events-search-container plp-large-layout\">\n    <div class=\"plp-search-input-wrapper\">\n        <input type=\"text\" class=\"plp-events-search-input\" placeholder=\"Search Events\">\n        <button class=\"plp-search-button\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\n        <\/button>\n    <\/div>\n    \n    <div class=\"plp-events-dropdown plp-large-layout\">\n                    <div class=\"plp-events-section upcoming-section\">\n                <div class=\"plp-events-section-title\">Upcoming Events <span class=\"plp-line\"><\/span><\/div>\n                <div class=\"plp-events-list\">\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/summer-dance-camp-finale\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_5-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Summer Dance Camp Finale<\/div>\n                                                                    <div class=\"plp-event-date\">Fri, 25 September, 2026 09:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Heritage Palace Hall, 25 Palace Road, Jaipur, 302001, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/ultimate-lan-party-night\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Gaming_11-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Ultimate LAN Party Night<\/div>\n                                                                    <div class=\"plp-event-date\">Thu, 01 October, 2026 02:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Royal Conference Center, 15 King Street, London, SW1A 1AA, United Kingdom<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/library-story-club\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2024\/10\/Breakdance_Event_Img_8-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Library Story Club<\/div>\n                                                                    <div class=\"plp-event-date\">Thu, 15 October, 2026 09:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n        \n                    <div class=\"plp-events-section past-section\">\n                <div class=\"plp-events-section-title\">Past Events <span class=\"plp-line\"><\/span><\/div>\n                <div class=\"plp-events-list\">\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/music-talent-hunt\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_13-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Music Talent Hunt<\/div>\n                                                                    <div class=\"plp-event-date\">Wed, 09 September, 2026 04:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Harbour Exhibition Centre, 200 Harbour Road, Sydney, 2000, Australia<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/winter-dance-carnival\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_9-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Winter Dance Carnival<\/div>\n                                                                    <div class=\"plp-event-date\">Tue, 01 September, 2026 11:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Arena Banquet Hall, Empire State Building, NYC, 395002, United States<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/western-dance-night\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_3-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Western Dance Night<\/div>\n                                                                    <div class=\"plp-event-date\">Sun, 30 August, 2026 10:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const searchInputs = document.querySelectorAll('.plp-events-search-input');\n    \n    searchInputs.forEach(searchInput => {\n        const container = searchInput.closest('.plp-events-search-container');\n        const dropdown = container.querySelector('.plp-events-dropdown');\n        const eventItems = container.querySelectorAll('.plp-event-item');\n        const sections = container.querySelectorAll('.plp-events-section');\n\n        searchInput.addEventListener('focus', function() {\n            dropdown.classList.add('active');\n        });\n\n        searchInput.addEventListener('input', function(e) {\n            const term = e.target.value.toLowerCase();\n            \n            dropdown.classList.add('active');\n            \n            eventItems.forEach(item => {\n                const title = item.querySelector('.plp-event-title') ? item.querySelector('.plp-event-title').textContent.toLowerCase() : '';\n                const location = item.querySelector('.plp-event-location') ? item.querySelector('.plp-event-location').textContent.toLowerCase() : '';\n                \n                if (title.includes(term) || location.includes(term)) {\n                    item.style.display = 'flex';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n            \n            sections.forEach(section => {\n                const itemsInSection = section.querySelectorAll('.plp-event-item');\n                let hasVisible = false;\n                itemsInSection.forEach(item => {\n                    if (item.style.display !== 'none') {\n                        hasVisible = true;\n                    }\n                });\n                \n                if (hasVisible) {\n                    section.style.display = 'block';\n                } else {\n                    section.style.display = 'none';\n                }\n            });\n        });\n        \n        document.addEventListener('click', function(e) {\n            if (!container.contains(e.target)) {\n                dropdown.classList.remove('active');\n            }\n        });\n    });\n});\n<\/script>\n<\/div><\/div>\n<\/section><section class=\"bde-section-2381-110 bde-section bde-preset-0c7f004b-f74d-44a6-bb29-ed7ff107ee3b\" data-element=\"{&quot;id&quot;:110,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:null,&quot;settings&quot;:{&quot;advanced&quot;:{&quot;wrapper&quot;:{&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:&quot;calc(100% - 40px)&quot;,&quot;unit&quot;:&quot;custom&quot;,&quot;style&quot;:&quot;calc(100% - 40px)&quot;}}},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;breakpoint_base&quot;:{&quot;right&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;},&quot;left&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;}}}},&quot;layout&quot;:null}}},&quot;meta&quot;:{&quot;preset&quot;:&quot;0c7f004b-f74d-44a6-bb29-ed7ff107ee3b&quot;}}},&quot;children&quot;:[{&quot;id&quot;:111,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;Medium Layout&quot;,&quot;tags&quot;:&quot;h3&quot;}},&quot;design&quot;:null,&quot;meta&quot;:{&quot;preset&quot;:&quot;e1c69f97-2022-44bc-a996-bf4cec8183cd&quot;}}},&quot;children&quot;:[],&quot;_parentId&quot;:110}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h3 class=\"bde-heading-2381-111 bde-heading bde-preset-e1c69f97-2022-44bc-a996-bf4cec8183cd\">\nMedium Layout\n<\/h3><\/div>\n<\/section><section class=\"bde-section-2381-112 bde-section\" data-element=\"{&quot;id&quot;:112,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;}},&quot;spacing&quot;:{&quot;margin_top&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:15,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;15px&quot;}}}}}},&quot;children&quot;:[{&quot;id&quot;:113,&quot;data&quot;:{&quot;type&quot;:&quot;PLPEventsCalendar\\\\PlpEventsSearch&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;search_layouts&quot;:{&quot;layout&quot;:&quot;mediumlayout&quot;,&quot;number_of_events&quot;:3,&quot;display_past_events&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:112}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"plp-events-search-2381-113 plp-events-search\"><div class=\"plp-events-search-container plp-medium-layout\">\r\n    <div class=\"plp-search-input-wrapper\">\r\n        <input type=\"text\" class=\"plp-events-search-input\" placeholder=\"Search Events\">\r\n        <button class=\"plp-search-button\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"plp-events-dropdown plp-medium-layout\">\r\n                    <div class=\"plp-events-section upcoming-section\">\r\n                <div class=\"plp-events-section-title\">Upcoming Events <span class=\"plp-line\"><\/span><\/div>\r\n                <div class=\"plp-events-list\">\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/summer-dance-camp-finale\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_5-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Summer Dance Camp Finale<\/div>\r\n                                                                    <div class=\"plp-event-date\">Fri, 25 September, 2026 09:30 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Heritage Palace Hall, 25 Palace Road, Jaipur, 302001, India<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/ultimate-lan-party-night\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Gaming_11-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Ultimate LAN Party Night<\/div>\r\n                                                                    <div class=\"plp-event-date\">Thu, 01 October, 2026 02:00 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Royal Conference Center, 15 King Street, London, SW1A 1AA, United Kingdom<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/library-story-club\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2024\/10\/Breakdance_Event_Img_8-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Library Story Club<\/div>\r\n                                                                    <div class=\"plp-event-date\">Thu, 15 October, 2026 09:00 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n        \r\n                    <div class=\"plp-events-section past-section\">\r\n                <div class=\"plp-events-section-title\">Past Events <span class=\"plp-line\"><\/span><\/div>\r\n                <div class=\"plp-events-list\">\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/music-talent-hunt\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_13-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Music Talent Hunt<\/div>\r\n                                                                    <div class=\"plp-event-date\">Wed, 09 September, 2026 04:30 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Harbour Exhibition Centre, 200 Harbour Road, Sydney, 2000, Australia<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/winter-dance-carnival\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_9-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Winter Dance Carnival<\/div>\r\n                                                                    <div class=\"plp-event-date\">Tue, 01 September, 2026 11:30 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Arena Banquet Hall, Empire State Building, NYC, 395002, United States<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/western-dance-night\/\" class=\"plp-event-item\">\r\n                            <div class=\"plp-event-image\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-content\/uploads\/sites\/61\/2025\/12\/Breakdance_Breakdance-Dance_Classes_3-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"\" \/>                                                            <\/div>\r\n                            <div class=\"plp-event-details\">\r\n                                <div class=\"plp-event-title\">Western Dance Night<\/div>\r\n                                                                    <div class=\"plp-event-date\">Sun, 30 August, 2026 10:00 AM<\/div>\r\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                                    <\/div>\r\n            <\/div>\r\n            <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const searchInputs = document.querySelectorAll('.plp-events-search-input');\r\n    \r\n    searchInputs.forEach(searchInput => {\r\n        const container = searchInput.closest('.plp-events-search-container');\r\n        const dropdown = container.querySelector('.plp-events-dropdown');\r\n        const eventItems = container.querySelectorAll('.plp-event-item');\r\n        const sections = container.querySelectorAll('.plp-events-section');\r\n\r\n        searchInput.addEventListener('focus', function() {\r\n            dropdown.classList.add('active');\r\n        });\r\n\r\n        searchInput.addEventListener('input', function(e) {\r\n            const term = e.target.value.toLowerCase();\r\n            \r\n            dropdown.classList.add('active');\r\n            \r\n            eventItems.forEach(item => {\r\n                const title = item.querySelector('.plp-event-title') ? item.querySelector('.plp-event-title').textContent.toLowerCase() : '';\r\n                const location = item.querySelector('.plp-event-location') ? item.querySelector('.plp-event-location').textContent.toLowerCase() : '';\r\n                \r\n                if (title.includes(term) || location.includes(term)) {\r\n                    item.style.display = 'flex';\r\n                } else {\r\n                    item.style.display = 'none';\r\n                }\r\n            });\r\n            \r\n            sections.forEach(section => {\r\n                const itemsInSection = section.querySelectorAll('.plp-event-item');\r\n                let hasVisible = false;\r\n                itemsInSection.forEach(item => {\r\n                    if (item.style.display !== 'none') {\r\n                        hasVisible = true;\r\n                    }\r\n                });\r\n                \r\n                if (hasVisible) {\r\n                    section.style.display = 'block';\r\n                } else {\r\n                    section.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n        \r\n        document.addEventListener('click', function(e) {\r\n            if (!container.contains(e.target)) {\r\n                dropdown.classList.remove('active');\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n<\/div><\/div>\n<\/section><section class=\"bde-section-2381-108 bde-section bde-preset-0c7f004b-f74d-44a6-bb29-ed7ff107ee3b\" data-element=\"{&quot;id&quot;:108,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:null,&quot;settings&quot;:{&quot;advanced&quot;:{&quot;wrapper&quot;:{&quot;size&quot;:{&quot;width&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:&quot;calc(100% - 40px)&quot;,&quot;unit&quot;:&quot;custom&quot;,&quot;style&quot;:&quot;calc(100% - 40px)&quot;}}},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;breakpoint_base&quot;:{&quot;right&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;},&quot;left&quot;:{&quot;number&quot;:null,&quot;unit&quot;:&quot;auto&quot;,&quot;style&quot;:&quot;auto&quot;}}}},&quot;layout&quot;:null}}},&quot;meta&quot;:{&quot;preset&quot;:&quot;0c7f004b-f74d-44a6-bb29-ed7ff107ee3b&quot;}}},&quot;children&quot;:[{&quot;id&quot;:109,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Heading&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;content&quot;:{&quot;text&quot;:&quot;Small Layout&quot;,&quot;tags&quot;:&quot;h3&quot;}},&quot;design&quot;:null,&quot;meta&quot;:{&quot;preset&quot;:&quot;e1c69f97-2022-44bc-a996-bf4cec8183cd&quot;}}},&quot;children&quot;:[],&quot;_parentId&quot;:108}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h3 class=\"bde-heading-2381-109 bde-heading bde-preset-e1c69f97-2022-44bc-a996-bf4cec8183cd\">\nSmall Layout\n<\/h3><\/div>\n<\/section><section class=\"bde-section-2381-114 bde-section\" data-element=\"{&quot;id&quot;:114,&quot;data&quot;:{&quot;type&quot;:&quot;EssentialElements\\\\Section&quot;,&quot;properties&quot;:{&quot;design&quot;:{&quot;layout_v2&quot;:{&quot;layout&quot;:&quot;vertical&quot;,&quot;v_align&quot;:{&quot;breakpoint_base&quot;:&quot;center&quot;}},&quot;spacing&quot;:{&quot;margin_top&quot;:{&quot;breakpoint_base&quot;:{&quot;number&quot;:15,&quot;unit&quot;:&quot;px&quot;,&quot;style&quot;:&quot;15px&quot;}}}}}},&quot;children&quot;:[{&quot;id&quot;:115,&quot;data&quot;:{&quot;type&quot;:&quot;PLPEventsCalendar\\\\PlpEventsSearch&quot;,&quot;properties&quot;:{&quot;content&quot;:{&quot;search_layouts&quot;:{&quot;layout&quot;:&quot;smalllayout&quot;,&quot;number_of_events&quot;:3,&quot;display_past_events&quot;:true}}}},&quot;children&quot;:[],&quot;_parentId&quot;:114}],&quot;_parentId&quot;:1}\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"plp-events-search-2381-115 plp-events-search\"><div class=\"plp-events-search-container plp-small-layout\">\n    <div class=\"plp-search-input-wrapper\">\n        <input type=\"text\" class=\"plp-events-search-input\" placeholder=\"Search Events\">\n        <button class=\"plp-search-button\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\n        <\/button>\n    <\/div>\n    \n    <div class=\"plp-events-dropdown plp-small-layout\">\n                    <div class=\"plp-events-section upcoming-section\">\n                <div class=\"plp-events-section-title\">Upcoming Events <span class=\"plp-line\"><\/span><\/div>\n                <div class=\"plp-events-list\">\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/summer-dance-camp-finale\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Summer Dance Camp Finale<\/div>\n                                                                    <div class=\"plp-event-date\">Fri, 25 September, 2026 09:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Heritage Palace Hall, 25 Palace Road, Jaipur, 302001, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/ultimate-lan-party-night\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Ultimate LAN Party Night<\/div>\n                                                                    <div class=\"plp-event-date\">Thu, 01 October, 2026 02:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Royal Conference Center, 15 King Street, London, SW1A 1AA, United Kingdom<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/library-story-club\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Library Story Club<\/div>\n                                                                    <div class=\"plp-event-date\">Thu, 15 October, 2026 09:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n        \n                    <div class=\"plp-events-section past-section\">\n                <div class=\"plp-events-section-title\">Past Events <span class=\"plp-line\"><\/span><\/div>\n                <div class=\"plp-events-list\">\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/music-talent-hunt\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Music Talent Hunt<\/div>\n                                                                    <div class=\"plp-event-date\">Wed, 09 September, 2026 04:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Harbour Exhibition Centre, 200 Harbour Road, Sydney, 2000, Australia<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/winter-dance-carnival\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Winter Dance Carnival<\/div>\n                                                                    <div class=\"plp-event-date\">Tue, 01 September, 2026 11:30 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Arena Banquet Hall, Empire State Building, NYC, 395002, United States<\/div>\n                                                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/event\/western-dance-night\/\" class=\"plp-event-item\">\n                            <div class=\"plp-event-details\">\n                                <div class=\"plp-event-title\">Western Dance Night<\/div>\n                                                                    <div class=\"plp-event-date\">Sun, 30 August, 2026 10:00 AM<\/div>\n                                                                                                    <div class=\"plp-event-location\">Riverside Cultural Center, 99 River Street, Surat, 395003, India<\/div>\n                                                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const searchInputs = document.querySelectorAll('.plp-events-search-input');\n    \n    searchInputs.forEach(searchInput => {\n        const container = searchInput.closest('.plp-events-search-container');\n        const dropdown = container.querySelector('.plp-events-dropdown');\n        const eventItems = container.querySelectorAll('.plp-event-item');\n        const sections = container.querySelectorAll('.plp-events-section');\n\n        searchInput.addEventListener('focus', function() {\n            dropdown.classList.add('active');\n        });\n\n        searchInput.addEventListener('input', function(e) {\n            const term = e.target.value.toLowerCase();\n            \n            dropdown.classList.add('active');\n            \n            eventItems.forEach(item => {\n                const title = item.querySelector('.plp-event-title') ? item.querySelector('.plp-event-title').textContent.toLowerCase() : '';\n                const location = item.querySelector('.plp-event-location') ? item.querySelector('.plp-event-location').textContent.toLowerCase() : '';\n                \n                if (title.includes(term) || location.includes(term)) {\n                    item.style.display = 'flex';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n            \n            sections.forEach(section => {\n                const itemsInSection = section.querySelectorAll('.plp-event-item');\n                let hasVisible = false;\n                itemsInSection.forEach(item => {\n                    if (item.style.display !== 'none') {\n                        hasVisible = true;\n                    }\n                });\n                \n                if (hasVisible) {\n                    section.style.display = 'block';\n                } else {\n                    section.style.display = 'none';\n                }\n            });\n        });\n        \n        document.addEventListener('click', function(e) {\n            if (!container.contains(e.target)) {\n                dropdown.classList.remove('active');\n            }\n        });\n    });\n});\n<\/script>\n<\/div><\/div>\n<\/section><\/main>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2381","page","type-page","status-publish","hentry","cat_dance-event"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/pages\/2381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/comments?post=2381"}],"version-history":[{"count":1,"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/pages\/2381\/revisions"}],"predecessor-version":[{"id":3305,"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/pages\/2381\/revisions\/3305"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-events-calendar-element\/wp-json\/wp\/v2\/media?parent=2381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}