Saudi Arabia Exhibitions 2026 Calendar<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .exhibition-calendar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .calendar-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding-bottom: 20px;\r\n border-bottom: 2px solid rgba(0, 87, 146, 0.1);\r\n }\r\n\r\n .calendar-header h1 {\r\n color: #006233;\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .calendar-header p {\r\n color: #555;\r\n font-size: 1.1rem;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .calendar-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .calendar-sidebar {\r\n flex: 1;\r\n min-width: 300px;\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .calendar-main {\r\n flex: 2;\r\n min-width: 300px;\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .month-navigation {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .month-navigation h2 {\r\n color: #005792;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .nav-btn {\r\n background: #006233;\r\n color: white;\r\n border: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: #004d28;\r\n transform: scale(1.1);\r\n }\r\n\r\n .weekdays {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n margin-bottom: 10px;\r\n text-align: center;\r\n font-weight: 600;\r\n color: #005792;\r\n }\r\n\r\n .weekdays div {\r\n padding: 10px;\r\n }\r\n\r\n .calendar-days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .calendar-day {\r\n height: 80px;\r\n border-radius: 8px;\r\n padding: 8px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n border: 1px solid #f0f0f0;\r\n overflow: hidden;\r\n }\r\n\r\n .calendar-day:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .day-number {\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n align-self: flex-end;\r\n }\r\n\r\n .event-indicator {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 3px;\r\n justify-content: center;\r\n margin-top: 5px;\r\n }\r\n\r\n .event-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n }\r\n\r\n .event-tech {\r\n background-color: #ff6b6b;\r\n }\r\n\r\n .event-business {\r\n background-color: #4ecdc4;\r\n }\r\n\r\n .event-luxury {\r\n background-color: #ffd166;\r\n }\r\n\r\n .event-construction {\r\n background-color: #06d6a0;\r\n }\r\n\r\n .event-other {\r\n background-color: #118ab2;\r\n }\r\n\r\n .day-empty {\r\n background-color: #f9f9f9;\r\n cursor: default;\r\n }\r\n\r\n .day-empty:hover {\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n\r\n .day-with-event {\r\n background-color: rgba(0, 98, 51, 0.05);\r\n border: 1px solid rgba(0, 98, 51, 0.1);\r\n }\r\n\r\n .current-day {\r\n background-color: rgba(0, 87, 146, 0.1);\r\n border: 2px solid #005792;\r\n }\r\n\r\n .event-legend {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-top: 25px;\r\n padding-top: 20px;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .legend-color {\r\n width: 15px;\r\n height: 15px;\r\n border-radius: 50%;\r\n }\r\n\r\n .exhibitions-list {\r\n margin-top: 25px;\r\n }\r\n\r\n .exhibitions-list h3 {\r\n color: #005792;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .exhibition-item {\r\n padding: 15px;\r\n margin-bottom: 15px;\r\n border-radius: 8px;\r\n background-color: #f8f9fa;\r\n border-left: 4px solid #006233;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .exhibition-item:hover {\r\n background-color: #e9f7ef;\r\n transform: translateX(5px);\r\n }\r\n\r\n .exhibition-date {\r\n font-weight: 600;\r\n color: #005792;\r\n margin-bottom: 5px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .exhibition-title {\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .exhibition-location {\r\n font-size: 0.9rem;\r\n color: #666;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .exhibition-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n z-index: 1000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n background-color: white;\r\n border-radius: 12px;\r\n max-width: 600px;\r\n width: 100%;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n animation: modalFade 0.3s;\r\n }\r\n\r\n @keyframes modalFade {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .modal-header {\r\n padding: 25px;\r\n background: linear-gradient(to right, #006233, #008045);\r\n color: white;\r\n border-radius: 12px 12px 0 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .modal-header h3 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .close-modal {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n\r\n .modal-body {\r\n padding: 25px;\r\n }\r\n\r\n .modal-date {\r\n color: #005792;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n font-size: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .modal-location {\r\n color: #666;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .modal-description {\r\n line-height: 1.7;\r\n color: #444;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .modal-category {\r\n display: inline-block;\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .category-tech {\r\n background-color: rgba(255, 107, 107, 0.15);\r\n color: #ff6b6b;\r\n }\r\n\r\n .category-business {\r\n background-color: rgba(78, 205, 196, 0.15);\r\n color: #4ecdc4;\r\n }\r\n\r\n .category-luxury {\r\n background-color: rgba(255, 209, 102, 0.15);\r\n color: #cc9e35;\r\n }\r\n\r\n .category-construction {\r\n background-color: rgba(6, 214, 160, 0.15);\r\n color: #06d6a0;\r\n }\r\n\r\n .modal-footer {\r\n padding: 20px 25px;\r\n background-color: #f8f9fa;\r\n border-radius: 0 0 12px 12px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .add-to-calendar {\r\n background-color: #005792;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .add-to-calendar:hover {\r\n background-color: #004276;\r\n }\r\n\r\n .instructions {\r\n margin-top: 30px;\r\n padding: 20px;\r\n background-color: #e9f7ef;\r\n border-radius: 10px;\r\n font-size: 0.95rem;\r\n color: #2d5a3c;\r\n border-left: 4px solid #006233;\r\n }\r\n\r\n .instructions h4 {\r\n margin-bottom: 10px;\r\n color: #005792;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .calendar-wrapper {\r\n flex-direction: column;\r\n }\r\n \r\n .calendar-header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .calendar-day {\r\n height: 60px;\r\n padding: 5px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"exhibition-calendar-container\">\r\n <div class=\"calendar-header\">\r\n <h1><i class=\"fas fa-calendar-alt\"><\/i> Saudi Arabia Exhibitions 2026<\/h1>\r\n <p>Interactive calendar with major exhibitions and events in Saudi Arabia for 2026. Click on highlighted dates to view exhibition details.<\/p>\r\n <\/div>\r\n \r\n <div class=\"calendar-wrapper\">\r\n <div class=\"calendar-sidebar\">\r\n <div class=\"month-navigation\">\r\n <button class=\"nav-btn prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <h2 id=\"current-month\">January 2026<\/h2>\r\n <button class=\"nav-btn next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n \r\n <div class=\"weekdays\">\r\n <div>Sun<\/div>\r\n <div>Mon<\/div>\r\n <div>Tue<\/div>\r\n <div>Wed<\/div>\r\n <div>Thu<\/div>\r\n <div>Fri<\/div>\r\n <div>Sat<\/div>\r\n <\/div>\r\n \r\n <div class=\"calendar-days\" id=\"calendar-days\">\r\n \r\n <\/div>\r\n \r\n <div class=\"event-legend\">\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-tech\"><\/div>\r\n <span>\u0641\u0646\u0627\u0648\u0631\u06cc<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-business\"><\/div>\r\n <span>Business<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-luxury\"><\/div>\r\n <span>\u0644\u0648\u06a9\u0633<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-construction\"><\/div>\r\n <span>\u0633\u0627\u062e\u062a \u0648 \u0633\u0627\u0632<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-other\"><\/div>\r\n <span>Other<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"exhibitions-list\">\r\n <h3><i class=\"fas fa-bullhorn\"><\/i> Upcoming Exhibitions<\/h3>\r\n <div id=\"upcoming-exhibitions\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"calendar-main\">\r\n <div id=\"selected-day-info\">\r\n <div style=\"text-align: center; padding: 40px; color: #888;\">\r\n <i class=\"far fa-calendar-alt\" style=\"font-size: 4rem; margin-bottom: 20px;\"><\/i>\r\n <h3>Select a date to view exhibition details<\/h3>\r\n <p>Click on any highlighted date in the calendar to see exhibition information<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"instructions\">\r\n <h4><i class=\"fas fa-info-circle\"><\/i> How to use this calendar<\/h4>\r\n <p>1. Navigate through months using the arrow buttons<\/p>\r\n <p>2. Dates with exhibitions are highlighted with colored dots indicating the category<\/p>\r\n <p>3. Click on any highlighted date to view exhibition details in the right panel<\/p>\r\n <p>4. You can also click on exhibition items in the upcoming list to view details<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"exhibition-modal\" id=\"exhibitionModal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 id=\"modal-title\">Exhibition Title<\/h3>\r\n <button class=\"close-modal\" id=\"closeModal\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"modal-date\">\r\n <i class=\"far fa-calendar\"><\/i>\r\n <span id=\"modal-date\">Date<\/span>\r\n <\/div>\r\n <div class=\"modal-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span id=\"modal-location\">Location<\/span>\r\n <\/div>\r\n <div id=\"modal-category\" class=\"modal-category\">\u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<\/div>\r\n <div class=\"modal-description\" id=\"modal-description\">\r\n Exhibition description will appear here.\r\n <\/div>\r\n <\/div>\r\n <div class=\"modal-footer\">\r\n <div>\r\n <i class=\"far fa-clock\"><\/i>\r\n <span id=\"modal-duration\">\u0645\u062f\u062a \u0632\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <button class=\"add-to-calendar\">\r\n <i class=\"far fa-calendar-plus\"><\/i> Add to Calendar\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Exhibition data for 2026\r\n const exhibitions = [\r\n {\r\n id: 1,\r\n title: \"LEAP - Technology Exhibition\",\r\n date: \"2026-02-10\",\r\n endDate: \"2026-02-13\",\r\n location: \"Riyadh\",\r\n category: \"tech\",\r\n description: \"The largest technology exhibition in the Middle East, focusing on advanced technologies, startups, artificial intelligence, and innovation. A major event for tech professionals and investors.\",\r\n color: \"#ff6b6b\"\r\n },\r\n {\r\n id: 2,\r\n title: \"Jeddah International Boat Show\",\r\n date: \"2026-03-15\",\r\n endDate: \"2026-03-18\",\r\n location: \"Jeddah\",\r\n category: \"luxury\",\r\n description: \"Luxury exhibition featuring recreational boats, yachts, and marine equipment. A premier event for marine enthusiasts and luxury lifestyle.\",\r\n color: \"#ffd166\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Saudi Build - Construction Expo\",\r\n date: \"2026-10-05\",\r\n endDate: \"2026-10-08\",\r\n location: \"Riyadh\",\r\n category: \"construction\",\r\n description: \"One of the oldest and largest construction industry exhibitions in Saudi Arabia, featuring building materials, construction equipment, and building technologies.\",\r\n color: \"#06d6a0\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Saudi Health & Medical Expo\",\r\n date: \"2026-04-12\",\r\n endDate: \"2026-04-15\",\r\n location: \"Riyadh\",\r\n category: \"business\",\r\n description: \"Comprehensive healthcare and medical exhibition showcasing the latest medical technologies, equipment, and healthcare services.\",\r\n color: \"#4ecdc4\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Saudi Agriculture & Food Expo\",\r\n date: \"2026-09-20\",\r\n endDate: \"2026-09-23\",\r\n location: \"Riyadh\",\r\n category: \"business\",\r\n description: \"International exhibition for agriculture, irrigation, and food production technologies. A key event for agricultural professionals in the region.\",\r\n color: \"#4ecdc4\"\r\n },\r\n {\r\n id: 6,\r\n title: \"Saudi Power & Energy Expo\",\r\n date: \"2026-11-08\",\r\n endDate: \"2026-11-11\",\r\n location: \"Dammam\",\r\n category: \"tech\",\r\n description: \"Focused on power generation, renewable energy, and electrical technologies. An important event for energy sector professionals.\",\r\n color: \"#ff6b6b\"\r\n },\r\n {\r\n id: 7,\r\n title: \"Jewellery Arabia - Luxury Expo\",\r\n date: \"2026-05-10\",\r\n endDate: \"2026-05-14\",\r\n location: \"Riyadh\",\r\n category: \"luxury\",\r\n description: \"Prestigious exhibition showcasing fine jewellery, watches, and luxury accessories from international brands.\",\r\n color: \"#ffd166\"\r\n }\r\n ];\r\n\r\n \/\/ Calendar state\r\n let currentMonth = 0; \/\/ January = 0\r\n let currentYear = 2026;\r\n\r\n \/\/ DOM elements\r\n const calendarDaysEl = document.getElementById('calendar-days');\r\n const currentMonthEl = document.getElementById('current-month');\r\n const prevMonthBtn = document.querySelector('.prev-month');\r\n const nextMonthBtn = document.querySelector('.next-month');\r\n const selectedDayInfo = document.getElementById('selected-day-info');\r\n const upcomingExhibitionsEl = document.getElementById('upcoming-exhibitions');\r\n const exhibitionModal = document.getElementById('exhibitionModal');\r\n const closeModalBtn = document.getElementById('closeModal');\r\n\r\n \/\/ Initialize calendar\r\n document.addEventListener('DOMContentLoaded', function() {\r\n generateCalendar(currentMonth, currentYear);\r\n populateUpcomingExhibitions();\r\n setupEventListeners();\r\n });\r\n\r\n \/\/ Set up event listeners\r\n function setupEventListeners() {\r\n prevMonthBtn.addEventListener('click', () => {\r\n currentMonth--;\r\n if (currentMonth < 0) {\r\n currentMonth = 11;\r\n currentYear--;\r\n }\r\n generateCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', () => {\r\n currentMonth++;\r\n if (currentMonth > 11) {\r\n currentMonth = 0;\r\n currentYear++;\r\n }\r\n generateCalendar(currentMonth, currentYear);\r\n });\r\n\r\n closeModalBtn.addEventListener('click', () => {\r\n exhibitionModal.style.display = 'none';\r\n });\r\n\r\n \/\/ Close modal when clicking outside\r\n window.addEventListener('click', (e) => {\r\n if (e.target === exhibitionModal) {\r\n exhibitionModal.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Generate calendar for specific month and year\r\n function generateCalendar(month, year) {\r\n \/\/ Clear previous calendar\r\n calendarDaysEl.innerHTML = '';\r\n \r\n \/\/ Update month and year display\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n currentMonthEl.textContent = `${monthNames[month]} ${year}`;\r\n \r\n \/\/ Get first day of month and total days\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n \r\n \/\/ Add empty cells for days before the first day of the month\r\n for (let i = 0; i < firstDay; i++) {\r\n const emptyDay = document.createElement('div');\r\n emptyDay.classList.add('calendar-day', 'day-empty');\r\n calendarDaysEl.appendChild(emptyDay);\r\n }\r\n \r\n \/\/ Add days of the month\r\n for (let day = 1; day <= daysInMonth; day++) {\r\n const dayElement = document.createElement('div');\r\n dayElement.classList.add('calendar-day');\r\n \r\n \/\/ Format date for comparison\r\n const currentDate = new Date(year, month, day);\r\n const dateString = formatDate(currentDate);\r\n \r\n \/\/ Check if current date has exhibitions\r\n const dayExhibitions = getExhibitionsForDate(dateString);\r\n \r\n \/\/ Add day number\r\n const dayNumber = document.createElement('div');\r\n dayNumber.classList.add('day-number');\r\n dayNumber.textContent = day;\r\n dayElement.appendChild(dayNumber);\r\n \r\n \/\/ Add event indicators if there are exhibitions\r\n if (dayExhibitions.length > 0) {\r\n dayElement.classList.add('day-with-event');\r\n dayElement.setAttribute('data-date', dateString);\r\n \r\n \/\/ Add event dots\r\n const eventIndicator = document.createElement('div');\r\n eventIndicator.classList.add('event-indicator');\r\n \r\n \/\/ Add dots for each exhibition category\r\n const categories = [...new Set(dayExhibitions.map(ex => ex.category))];\r\n categories.forEach(category => {\r\n const dot = document.createElement('div');\r\n dot.classList.add('event-dot', `event-${category}`);\r\n eventIndicator.appendChild(dot);\r\n });\r\n \r\n dayElement.appendChild(eventIndicator);\r\n \r\n \/\/ Add click event to show exhibition details\r\n dayElement.addEventListener('click', () => {\r\n showExhibitionsForDate(dateString, dayExhibitions);\r\n });\r\n }\r\n \r\n \/\/ Highlight current day (for demonstration, using Feb 10, 2026)\r\n if (dateString === \"2026-02-10\") {\r\n dayElement.classList.add('current-day');\r\n }\r\n \r\n calendarDaysEl.appendChild(dayElement);\r\n }\r\n }\r\n\r\n \/\/ Get exhibitions for a specific date\r\n function getExhibitionsForDate(dateString) {\r\n return exhibitions.filter(exhibition => {\r\n \/\/ Check if date is within exhibition range\r\n return dateString >= exhibition.date && dateString <= exhibition.endDate;\r\n });\r\n }\r\n\r\n \/\/ Format date as YYYY-MM-DD\r\n function formatDate(date) {\r\n const year = date.getFullYear();\r\n const month = String(date.getMonth() + 1).padStart(2, '0');\r\n const day = String(date.getDate()).padStart(2, '0');\r\n return `${year}-${month}-${day}`;\r\n }\r\n\r\n \/\/ Show exhibitions for a specific date\r\n function showExhibitionsForDate(dateString, dayExhibitions) {\r\n selectedDayInfo.innerHTML = '';\r\n \r\n if (dayExhibitions.length === 0) return;\r\n \r\n const dateObj = new Date(dateString);\r\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const formattedDate = dateObj.toLocaleDateString('en-US', options);\r\n \r\n const header = document.createElement('h3');\r\n header.innerHTML = `<i class=\"far fa-calendar-check\"><\/i> Exhibitions on ${formattedDate}`;\r\n header.style.color = '#005792';\r\n header.style.marginBottom = '20px';\r\n header.style.paddingBottom = '15px';\r\n header.style.borderBottom = '1px solid #eee';\r\n \r\n selectedDayInfo.appendChild(header);\r\n \r\n dayExhibitions.forEach(exhibition => {\r\n const exhibitionEl = createExhibitionElement(exhibition);\r\n selectedDayInfo.appendChild(exhibitionEl);\r\n });\r\n }\r\n\r\n \/\/ Create exhibition element for display\r\n function createExhibitionElement(exhibition) {\r\n const startDate = new Date(exhibition.date);\r\n const endDate = new Date(exhibition.endDate);\r\n const options = { month: 'short', day: 'numeric' };\r\n const dateRange = `${startDate.toLocaleDateString('en-US', options)} - ${endDate.toLocaleDateString('en-US', options)}, ${startDate.getFullYear()}`;\r\n \r\n const duration = Math.ceil((endDate - startDate) \/ (1000 * 60 * 60 * 24)) + 1;\r\n \r\n const exhibitionEl = document.createElement('div');\r\n exhibitionEl.classList.add('exhibition-item');\r\n exhibitionEl.setAttribute('data-id', exhibition.id);\r\n \r\n exhibitionEl.innerHTML = `\r\n <div class=\"exhibition-date\">\r\n <i class=\"far fa-calendar-alt\"><\/i>\r\n ${dateRange} (${duration} day${duration > 1 ? 's' : ''})\r\n <\/div>\r\n <div class=\"exhibition-title\">${exhibition.title}<\/div>\r\n <div class=\"exhibition-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n ${exhibition.location}\r\n <\/div>\r\n `;\r\n \r\n \/\/ Add click event to show modal\r\n exhibitionEl.addEventListener('click', () => {\r\n showExhibitionModal(exhibition);\r\n });\r\n \r\n return exhibitionEl;\r\n }\r\n\r\n \/\/ Populate upcoming exhibitions list\r\n function populateUpcomingExhibitions() {\r\n upcomingExhibitionsEl.innerHTML = '';\r\n \r\n \/\/ Sort exhibitions by date\r\n const sortedExhibitions = [...exhibitions].sort((a, b) => new Date(a.date) - new Date(b.date));\r\n \r\n sortedExhibitions.forEach(exhibition => {\r\n const exhibitionEl = createExhibitionElement(exhibition);\r\n upcomingExhibitionsEl.appendChild(exhibitionEl);\r\n });\r\n }\r\n\r\n \/\/ Show exhibition details modal\r\n function showExhibitionModal(exhibition) {\r\n const startDate = new Date(exhibition.date);\r\n const endDate = new Date(exhibition.endDate);\r\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const dateRange = `${startDate.toLocaleDateString('en-US', options)} - ${endDate.toLocaleDateString('en-US', options)}`;\r\n \r\n const duration = Math.ceil((endDate - startDate) \/ (1000 * 60 * 60 * 24)) + 1;\r\n \r\n \/\/ Set modal content\r\n document.getElementById('modal-title').textContent = exhibition.title;\r\n document.getElementById('modal-date').textContent = dateRange;\r\n document.getElementById('modal-location').textContent = exhibition.location;\r\n document.getElementById('modal-description').textContent = exhibition.description;\r\n document.getElementById('modal-duration').textContent = `${duration} day${duration > 1 ? 's' : ''}`;\r\n \r\n \/\/ Set category\r\n const categoryEl = document.getElementById('modal-category');\r\n categoryEl.className = 'modal-category'; \/\/ Reset classes\r\n categoryEl.classList.add(`category-${exhibition.category}`);\r\n \r\n let categoryText = '';\r\n switch(exhibition.category) {\r\n case 'tech': categoryText = 'Technology'; break;\r\n case 'business': categoryText = 'Business & Trade'; break;\r\n case 'luxury': categoryText = 'Luxury Lifestyle'; break;\r\n case 'construction': categoryText = 'Construction'; break;\r\n default: categoryText = 'Other';\r\n }\r\n categoryEl.textContent = categoryText;\r\n \r\n \/\/ Set up \"Add to Calendar\" button\r\n const addToCalendarBtn = document.querySelector('.add-to-calendar');\r\n addToCalendarBtn.onclick = function() {\r\n alert(`Added \"${exhibition.title}\" to your calendar.`);\r\n exhibitionModal.style.display = 'none';\r\n };\r\n \r\n \/\/ Show modal\r\n exhibitionModal.style.display = 'flex';\r\n }\r\n\r\n \/\/ Initialize with February 2026 to show an exhibition\r\n setTimeout(() => {\r\n generateCalendar(1, 2026); \/\/ February is month 1 (0-indexed)\r\n showExhibitionsForDate(\"2026-02-10\", getExhibitionsForDate(\"2026-02-10\"));\r\n }, 100);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a7358fe e-flex e-con-boxed e-con e-parent\" data-id=\"a7358fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0929149 elementor-widget elementor-widget-wd_text_block\" data-id=\"0929149\" data-element_type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-left\">\n\t\t\t\n\t\t\t<h2>Your Comprehensive Guide to Saudi Arabia's Premier Business Events in 2026<\/h2><p class=\"ds-markdown-paragraph\">Navigate Saudi Arabia's dynamic exhibition scene with our fully interactive\u00a0<strong>Saudi Arabia Exhibitions 2026 Calendar<\/strong>\u2014the ultimate digital tool for businesses, investors, entrepreneurs, and professionals planning to participate in the Kingdom's booming event industry. As Saudi Arabia accelerates toward Vision 2030, our calendar provides real-time access to 48 major exhibitions across 12 cities, spanning 13 industry categories.<\/p><h3>Why Use Our Saudi Arabia Exhibition Calendar?<\/h3><p class=\"ds-markdown-paragraph\"><strong>Save Time & Streamline Planning<\/strong><br \/>Our comprehensive tool eliminates hours of research by consolidating all 2026 Saudi exhibition information into one intuitive, visually engaging platform. Instead of visiting multiple websites and checking scattered announcements, access complete event details with a single click.<\/p><p class=\"ds-markdown-paragraph\"><strong>Make Data-Driven Decisions<\/strong><br \/>With detailed statistics showing\u00a0<strong>156 event days<\/strong>,\u00a0<strong>48 exhibitions<\/strong>, \u060c \u0648\u00a0<strong>12 host cities<\/strong>, you can strategically plan your participation based on factual data rather than guesswork. Filter events by month, category, or location to optimize your exhibition schedule and maximize ROI.<\/p><p class=\"ds-markdown-paragraph\"><strong>Never Miss Important Deadlines<\/strong><br \/>The color-coded calendar highlights event dates at a glance, while our reminder-ready interface helps you track application deadlines, preparation timelines, and attendance schedules for every exhibition relevant to your industry.<\/p><h3>Key Features of Our Interactive Exhibition Calendar<\/h3><p class=\"ds-markdown-paragraph\"><strong>Smart Search & Filter System<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\"><strong>Keyword Search<\/strong>: Find exhibitions by name, location, or category<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Monthly Navigation<\/strong>: Click through months or jump to specific periods<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Category Filtering<\/strong>: View events by industry\u2014technology, energy, construction, healthcare, luxury, and more<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>City-Based Sorting<\/strong>: Focus on exhibitions in specific regions: Riyadh, Jeddah, Dammam, NEOM, Jubail, and others<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Comprehensive Event Profiles<\/strong><br \/>Each exhibition includes:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Official title and description<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Exact dates and duration<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Precise venue location<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Industry category classification<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Event statistics and overview<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Direct calendar integration options<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Visual Event Management<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Color-coded categories for instant recognition<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Event density indicators (dot system shows busy dates)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Hover-over tooltips for quick information<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Mobile-responsive design for on-the-go access<\/p><\/li><\/ul><h3>How to Use the Saudi Arabia Exhibitions 2026 Calendar: A Step-by-Step Guide<\/h3><p class=\"ds-markdown-paragraph\"><strong>Step 1: Navigate the Calendar Interface<\/strong><br \/>Begin by exploring the main calendar view. You'll notice:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Months clearly labeled with navigation arrows<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Days with exhibitions marked in green with indicator dots<\/p><\/li><li><p class=\"ds-markdown-paragraph\">A statistics panel showing total exhibitions, cities, and event days<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Step 2: Find Your Relevant Exhibitions<\/strong><\/p><ol start=\"1\"><li><p class=\"ds-markdown-paragraph\"><strong>Use the search bar<\/strong>\u00a0to find specific exhibitions by name or keyword<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Filter by month<\/strong>\u00a0using the dropdown selector or arrow buttons<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Browse by category<\/strong>\u00a0using the color-coded legend<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Click any highlighted date<\/strong>\u00a0to see all exhibitions occurring on that day<\/p><\/li><\/ol><p class=\"ds-markdown-paragraph\"><strong>Step 3: Access Detailed Exhibition Information<\/strong><br \/>When you find an exhibition of interest:<\/p><ol start=\"1\"><li><p class=\"ds-markdown-paragraph\">Click on the event card in the right panel<\/p><\/li><li><p class=\"ds-markdown-paragraph\">View complete details in the pop-up modal:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Event dates and duration<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Exact venue location<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Category and description<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Add to calendar option<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Share functionality<\/p><\/li><\/ul><\/li><\/ol><p class=\"ds-markdown-paragraph\"><strong>Step 4: Plan Your Participation<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Use the \"Add to Calendar\" feature to integrate events into your personal schedule<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Share events with team members using the share button<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Print or save event details for offline reference<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Compare multiple exhibitions to make informed decisions<\/p><\/li><\/ul><h3>Who Benefits from This Exhibition Calendar?<\/h3><p class=\"ds-markdown-paragraph\"><strong>Businesses & Exhibitors<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Plan your exhibition participation strategy<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Budget for event costs throughout the year<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Coordinate team attendance and booth staffing<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Research competitor participation patterns<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Visitors & Attendees<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Schedule attendance at relevant industry events<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Plan travel and accommodation in advance<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Maximize networking opportunities<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Stay informed about registration deadlines<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Investors & Entrepreneurs<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Identify growth sectors through exhibition frequency<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Discover emerging industry trends<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Connect with innovative companies and startups<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Explore partnership opportunities<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Event Professionals<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Monitor industry event schedules<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Identify potential collaboration opportunities<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Stay updated on venue availability<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Track industry trends through exhibition themes<\/p><\/li><\/ul><h3>Key Exhibition Categories Covered<\/h3><p class=\"ds-markdown-paragraph\">Our calendar encompasses Saudi Arabia's complete 2026 exhibition portfolio:<\/p><p class=\"ds-markdown-paragraph\"><strong>Technology & Innovation<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">LEAP (February 10-13, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Smart City Expo (October 22-25, NEOM)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Cybersecurity Expo (December 15-17, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Energy & Industry<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Energy Expo (April 2-5, Dhahran)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Oil & Gas Expo (October 15-18, Dhahran)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Industrial Expo (June 15-18, Dammam)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Construction & Infrastructure<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Build Expo (October 5-8, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Building Technology Expo (September 5-8, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Engineering Expo (July 10-13, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Healthcare & Pharmaceuticals<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Healthcare Expo (February 15-18, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Pharma Expo (July 5-7, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Dental Conference (April 5-7, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Luxury & Lifestyle<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Jeddah International Boat Show (March 5-8, Jeddah)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Jewelry Expo (November 20-25, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Fashion Week (April 18-21, Riyadh)<\/p><\/li><\/ul><h3>Optimize Your Saudi Market Strategy<\/h3><p class=\"ds-markdown-paragraph\"><strong>Strategic Planning Benefits<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\"><strong>Quarterly Focus<\/strong>: Group exhibitions by quarter for balanced resource allocation<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Geographic Efficiency<\/strong>: Plan regional tours to attend multiple exhibitions in one trip<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Seasonal Considerations<\/strong>: Account for peak and off-peak exhibition periods<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Budget Forecasting<\/strong>: Estimate costs based on exhibition timing and location clusters<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Integration with Business Planning<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Align exhibition participation with product launch schedules<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Coordinate marketing campaigns with exhibition timing<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Schedule executive travel around key industry events<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Time recruitment efforts with major industry gatherings<\/p><\/li><\/ul><h3>Frequently Asked Questions<\/h3><p class=\"ds-markdown-paragraph\"><strong>Q: How frequently is the calendar updated?<\/strong><br \/>A: Our calendar is updated in real-time as new exhibitions are announced and dates are confirmed. We monitor official sources continuously to ensure accuracy.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Is this calendar free to use?<\/strong><br \/>A: Yes, our Saudi Arabia Exhibitions 2026 Calendar is completely free\u2014no registration or subscription required.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Can I sync events with my personal calendar?<\/strong><br \/>A: Absolutely! Each event includes an \"Add to Calendar\" button that exports event details to Google Calendar, Outlook, Apple Calendar, and other platforms.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: How accurate is the exhibition information?<\/strong><br \/>A: We source information directly from official exhibition websites, organizer announcements, and verified industry publications. All details are cross-referenced for accuracy.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Can I suggest additions or corrections?<\/strong><br \/>A: Yes, we welcome feedback and updates. While we strive for comprehensive coverage, new exhibitions are regularly added based on user suggestions.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Is the calendar mobile-friendly?<\/strong><br \/>A: Yes, the calendar is fully responsive and works perfectly on smartphones, tablets, and desktop computers.<\/p><h3>Start Exploring Saudi Arabia's 2026 Exhibition Opportunities Today<\/h3><p class=\"ds-markdown-paragraph\">Whether you're planning your first exhibition in Saudi Arabia or optimizing an existing participation strategy, our interactive calendar provides the comprehensive intelligence you need to make informed decisions. The Kingdom's exhibition sector is experiencing unprecedented growth, with events playing a crucial role in knowledge exchange, business development, and economic diversification under Vision 2030.<\/p><p class=\"ds-markdown-paragraph\"><strong>Ready to transform your Saudi exhibition planning?<\/strong><br \/>Bookmark this calendar for daily reference, share it with your team, and integrate it into your strategic planning process. With complete information at your fingertips, you can confidently navigate Saudi Arabia's vibrant 2026 exhibition landscape and secure your place in the region's most dynamic marketplace.<\/p><p class=\"ds-markdown-paragraph\"><em>Pro Tip: For the best experience, access the calendar on a desktop when planning your annual schedule, and use the mobile version for quick reference while traveling to exhibitions.<\/em><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Interactive calendar with major exhibitions and events in Saudi Arabia for 2026. Click on highlighted dates to view exhibition details.<\/p>","protected":false},"author":15,"featured_media":15729,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[767,758],"tags":[793,792],"class_list":["post-15721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools","category-exhibitions","tag-ksa","tag-saudi"],"_links":{"self":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/15721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/comments?post=15721"}],"version-history":[{"count":0,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/15721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media\/15729"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media?parent=15721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/categories?post=15721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/tags?post=15721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Saudi Arabia Exhibitions 2026 Calendar<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .exhibition-calendar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .calendar-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding-bottom: 20px;\r\n border-bottom: 2px solid rgba(0, 87, 146, 0.1);\r\n }\r\n\r\n .calendar-header h1 {\r\n color: #006233;\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .calendar-header p {\r\n color: #555;\r\n font-size: 1.1rem;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .calendar-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .calendar-sidebar {\r\n flex: 1;\r\n min-width: 300px;\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .calendar-main {\r\n flex: 2;\r\n min-width: 300px;\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .month-navigation {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .month-navigation h2 {\r\n color: #005792;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .nav-btn {\r\n background: #006233;\r\n color: white;\r\n border: none;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: #004d28;\r\n transform: scale(1.1);\r\n }\r\n\r\n .weekdays {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n margin-bottom: 10px;\r\n text-align: center;\r\n font-weight: 600;\r\n color: #005792;\r\n }\r\n\r\n .weekdays div {\r\n padding: 10px;\r\n }\r\n\r\n .calendar-days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .calendar-day {\r\n height: 80px;\r\n border-radius: 8px;\r\n padding: 8px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n border: 1px solid #f0f0f0;\r\n overflow: hidden;\r\n }\r\n\r\n .calendar-day:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .day-number {\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n align-self: flex-end;\r\n }\r\n\r\n .event-indicator {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 3px;\r\n justify-content: center;\r\n margin-top: 5px;\r\n }\r\n\r\n .event-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n }\r\n\r\n .event-tech {\r\n background-color: #ff6b6b;\r\n }\r\n\r\n .event-business {\r\n background-color: #4ecdc4;\r\n }\r\n\r\n .event-luxury {\r\n background-color: #ffd166;\r\n }\r\n\r\n .event-construction {\r\n background-color: #06d6a0;\r\n }\r\n\r\n .event-other {\r\n background-color: #118ab2;\r\n }\r\n\r\n .day-empty {\r\n background-color: #f9f9f9;\r\n cursor: default;\r\n }\r\n\r\n .day-empty:hover {\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n\r\n .day-with-event {\r\n background-color: rgba(0, 98, 51, 0.05);\r\n border: 1px solid rgba(0, 98, 51, 0.1);\r\n }\r\n\r\n .current-day {\r\n background-color: rgba(0, 87, 146, 0.1);\r\n border: 2px solid #005792;\r\n }\r\n\r\n .event-legend {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-top: 25px;\r\n padding-top: 20px;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .legend-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .legend-color {\r\n width: 15px;\r\n height: 15px;\r\n border-radius: 50%;\r\n }\r\n\r\n .exhibitions-list {\r\n margin-top: 25px;\r\n }\r\n\r\n .exhibitions-list h3 {\r\n color: #005792;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #eee;\r\n }\r\n\r\n .exhibition-item {\r\n padding: 15px;\r\n margin-bottom: 15px;\r\n border-radius: 8px;\r\n background-color: #f8f9fa;\r\n border-left: 4px solid #006233;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .exhibition-item:hover {\r\n background-color: #e9f7ef;\r\n transform: translateX(5px);\r\n }\r\n\r\n .exhibition-date {\r\n font-weight: 600;\r\n color: #005792;\r\n margin-bottom: 5px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .exhibition-title {\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .exhibition-location {\r\n font-size: 0.9rem;\r\n color: #666;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .exhibition-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n z-index: 1000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n background-color: white;\r\n border-radius: 12px;\r\n max-width: 600px;\r\n width: 100%;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n animation: modalFade 0.3s;\r\n }\r\n\r\n @keyframes modalFade {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .modal-header {\r\n padding: 25px;\r\n background: linear-gradient(to right, #006233, #008045);\r\n color: white;\r\n border-radius: 12px 12px 0 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .modal-header h3 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .close-modal {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n\r\n .modal-body {\r\n padding: 25px;\r\n }\r\n\r\n .modal-date {\r\n color: #005792;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n font-size: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .modal-location {\r\n color: #666;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .modal-description {\r\n line-height: 1.7;\r\n color: #444;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .modal-category {\r\n display: inline-block;\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .category-tech {\r\n background-color: rgba(255, 107, 107, 0.15);\r\n color: #ff6b6b;\r\n }\r\n\r\n .category-business {\r\n background-color: rgba(78, 205, 196, 0.15);\r\n color: #4ecdc4;\r\n }\r\n\r\n .category-luxury {\r\n background-color: rgba(255, 209, 102, 0.15);\r\n color: #cc9e35;\r\n }\r\n\r\n .category-construction {\r\n background-color: rgba(6, 214, 160, 0.15);\r\n color: #06d6a0;\r\n }\r\n\r\n .modal-footer {\r\n padding: 20px 25px;\r\n background-color: #f8f9fa;\r\n border-radius: 0 0 12px 12px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .add-to-calendar {\r\n background-color: #005792;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .add-to-calendar:hover {\r\n background-color: #004276;\r\n }\r\n\r\n .instructions {\r\n margin-top: 30px;\r\n padding: 20px;\r\n background-color: #e9f7ef;\r\n border-radius: 10px;\r\n font-size: 0.95rem;\r\n color: #2d5a3c;\r\n border-left: 4px solid #006233;\r\n }\r\n\r\n .instructions h4 {\r\n margin-bottom: 10px;\r\n color: #005792;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .calendar-wrapper {\r\n flex-direction: column;\r\n }\r\n \r\n .calendar-header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .calendar-day {\r\n height: 60px;\r\n padding: 5px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"exhibition-calendar-container\">\r\n <div class=\"calendar-header\">\r\n <h1><i class=\"fas fa-calendar-alt\"><\/i> Saudi Arabia Exhibitions 2026<\/h1>\r\n <p>Interactive calendar with major exhibitions and events in Saudi Arabia for 2026. Click on highlighted dates to view exhibition details.<\/p>\r\n <\/div>\r\n \r\n <div class=\"calendar-wrapper\">\r\n <div class=\"calendar-sidebar\">\r\n <div class=\"month-navigation\">\r\n <button class=\"nav-btn prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <h2 id=\"current-month\">January 2026<\/h2>\r\n <button class=\"nav-btn next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n \r\n <div class=\"weekdays\">\r\n <div>Sun<\/div>\r\n <div>Mon<\/div>\r\n <div>Tue<\/div>\r\n <div>Wed<\/div>\r\n <div>Thu<\/div>\r\n <div>Fri<\/div>\r\n <div>Sat<\/div>\r\n <\/div>\r\n \r\n <div class=\"calendar-days\" id=\"calendar-days\">\r\n \r\n <\/div>\r\n \r\n <div class=\"event-legend\">\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-tech\"><\/div>\r\n <span>\u0641\u0646\u0627\u0648\u0631\u06cc<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-business\"><\/div>\r\n <span>Business<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-luxury\"><\/div>\r\n <span>\u0644\u0648\u06a9\u0633<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-construction\"><\/div>\r\n <span>\u0633\u0627\u062e\u062a \u0648 \u0633\u0627\u0632<\/span>\r\n <\/div>\r\n <div class=\"legend-item\">\r\n <div class=\"legend-color event-other\"><\/div>\r\n <span>Other<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"exhibitions-list\">\r\n <h3><i class=\"fas fa-bullhorn\"><\/i> Upcoming Exhibitions<\/h3>\r\n <div id=\"upcoming-exhibitions\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"calendar-main\">\r\n <div id=\"selected-day-info\">\r\n <div style=\"text-align: center; padding: 40px; color: #888;\">\r\n <i class=\"far fa-calendar-alt\" style=\"font-size: 4rem; margin-bottom: 20px;\"><\/i>\r\n <h3>Select a date to view exhibition details<\/h3>\r\n <p>Click on any highlighted date in the calendar to see exhibition information<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"instructions\">\r\n <h4><i class=\"fas fa-info-circle\"><\/i> How to use this calendar<\/h4>\r\n <p>1. Navigate through months using the arrow buttons<\/p>\r\n <p>2. Dates with exhibitions are highlighted with colored dots indicating the category<\/p>\r\n <p>3. Click on any highlighted date to view exhibition details in the right panel<\/p>\r\n <p>4. You can also click on exhibition items in the upcoming list to view details<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"exhibition-modal\" id=\"exhibitionModal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 id=\"modal-title\">Exhibition Title<\/h3>\r\n <button class=\"close-modal\" id=\"closeModal\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"modal-date\">\r\n <i class=\"far fa-calendar\"><\/i>\r\n <span id=\"modal-date\">Date<\/span>\r\n <\/div>\r\n <div class=\"modal-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span id=\"modal-location\">Location<\/span>\r\n <\/div>\r\n <div id=\"modal-category\" class=\"modal-category\">\u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<\/div>\r\n <div class=\"modal-description\" id=\"modal-description\">\r\n Exhibition description will appear here.\r\n <\/div>\r\n <\/div>\r\n <div class=\"modal-footer\">\r\n <div>\r\n <i class=\"far fa-clock\"><\/i>\r\n <span id=\"modal-duration\">\u0645\u062f\u062a \u0632\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <button class=\"add-to-calendar\">\r\n <i class=\"far fa-calendar-plus\"><\/i> Add to Calendar\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Exhibition data for 2026\r\n const exhibitions = [\r\n {\r\n id: 1,\r\n title: \"LEAP - Technology Exhibition\",\r\n date: \"2026-02-10\",\r\n endDate: \"2026-02-13\",\r\n location: \"Riyadh\",\r\n category: \"tech\",\r\n description: \"The largest technology exhibition in the Middle East, focusing on advanced technologies, startups, artificial intelligence, and innovation. A major event for tech professionals and investors.\",\r\n color: \"#ff6b6b\"\r\n },\r\n {\r\n id: 2,\r\n title: \"Jeddah International Boat Show\",\r\n date: \"2026-03-15\",\r\n endDate: \"2026-03-18\",\r\n location: \"Jeddah\",\r\n category: \"luxury\",\r\n description: \"Luxury exhibition featuring recreational boats, yachts, and marine equipment. A premier event for marine enthusiasts and luxury lifestyle.\",\r\n color: \"#ffd166\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Saudi Build - Construction Expo\",\r\n date: \"2026-10-05\",\r\n endDate: \"2026-10-08\",\r\n location: \"Riyadh\",\r\n category: \"construction\",\r\n description: \"One of the oldest and largest construction industry exhibitions in Saudi Arabia, featuring building materials, construction equipment, and building technologies.\",\r\n color: \"#06d6a0\"\r\n },\r\n {\r\n id: 4,\r\n title: \"Saudi Health & Medical Expo\",\r\n date: \"2026-04-12\",\r\n endDate: \"2026-04-15\",\r\n location: \"Riyadh\",\r\n category: \"business\",\r\n description: \"Comprehensive healthcare and medical exhibition showcasing the latest medical technologies, equipment, and healthcare services.\",\r\n color: \"#4ecdc4\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Saudi Agriculture & Food Expo\",\r\n date: \"2026-09-20\",\r\n endDate: \"2026-09-23\",\r\n location: \"Riyadh\",\r\n category: \"business\",\r\n description: \"International exhibition for agriculture, irrigation, and food production technologies. A key event for agricultural professionals in the region.\",\r\n color: \"#4ecdc4\"\r\n },\r\n {\r\n id: 6,\r\n title: \"Saudi Power & Energy Expo\",\r\n date: \"2026-11-08\",\r\n endDate: \"2026-11-11\",\r\n location: \"Dammam\",\r\n category: \"tech\",\r\n description: \"Focused on power generation, renewable energy, and electrical technologies. An important event for energy sector professionals.\",\r\n color: \"#ff6b6b\"\r\n },\r\n {\r\n id: 7,\r\n title: \"Jewellery Arabia - Luxury Expo\",\r\n date: \"2026-05-10\",\r\n endDate: \"2026-05-14\",\r\n location: \"Riyadh\",\r\n category: \"luxury\",\r\n description: \"Prestigious exhibition showcasing fine jewellery, watches, and luxury accessories from international brands.\",\r\n color: \"#ffd166\"\r\n }\r\n ];\r\n\r\n \/\/ Calendar state\r\n let currentMonth = 0; \/\/ January = 0\r\n let currentYear = 2026;\r\n\r\n \/\/ DOM elements\r\n const calendarDaysEl = document.getElementById('calendar-days');\r\n const currentMonthEl = document.getElementById('current-month');\r\n const prevMonthBtn = document.querySelector('.prev-month');\r\n const nextMonthBtn = document.querySelector('.next-month');\r\n const selectedDayInfo = document.getElementById('selected-day-info');\r\n const upcomingExhibitionsEl = document.getElementById('upcoming-exhibitions');\r\n const exhibitionModal = document.getElementById('exhibitionModal');\r\n const closeModalBtn = document.getElementById('closeModal');\r\n\r\n \/\/ Initialize calendar\r\n document.addEventListener('DOMContentLoaded', function() {\r\n generateCalendar(currentMonth, currentYear);\r\n populateUpcomingExhibitions();\r\n setupEventListeners();\r\n });\r\n\r\n \/\/ Set up event listeners\r\n function setupEventListeners() {\r\n prevMonthBtn.addEventListener('click', () => {\r\n currentMonth--;\r\n if (currentMonth < 0) {\r\n currentMonth = 11;\r\n currentYear--;\r\n }\r\n generateCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', () => {\r\n currentMonth++;\r\n if (currentMonth > 11) {\r\n currentMonth = 0;\r\n currentYear++;\r\n }\r\n generateCalendar(currentMonth, currentYear);\r\n });\r\n\r\n closeModalBtn.addEventListener('click', () => {\r\n exhibitionModal.style.display = 'none';\r\n });\r\n\r\n \/\/ Close modal when clicking outside\r\n window.addEventListener('click', (e) => {\r\n if (e.target === exhibitionModal) {\r\n exhibitionModal.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Generate calendar for specific month and year\r\n function generateCalendar(month, year) {\r\n \/\/ Clear previous calendar\r\n calendarDaysEl.innerHTML = '';\r\n \r\n \/\/ Update month and year display\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n currentMonthEl.textContent = `${monthNames[month]} ${year}`;\r\n \r\n \/\/ Get first day of month and total days\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n \r\n \/\/ Add empty cells for days before the first day of the month\r\n for (let i = 0; i < firstDay; i++) {\r\n const emptyDay = document.createElement('div');\r\n emptyDay.classList.add('calendar-day', 'day-empty');\r\n calendarDaysEl.appendChild(emptyDay);\r\n }\r\n \r\n \/\/ Add days of the month\r\n for (let day = 1; day <= daysInMonth; day++) {\r\n const dayElement = document.createElement('div');\r\n dayElement.classList.add('calendar-day');\r\n \r\n \/\/ Format date for comparison\r\n const currentDate = new Date(year, month, day);\r\n const dateString = formatDate(currentDate);\r\n \r\n \/\/ Check if current date has exhibitions\r\n const dayExhibitions = getExhibitionsForDate(dateString);\r\n \r\n \/\/ Add day number\r\n const dayNumber = document.createElement('div');\r\n dayNumber.classList.add('day-number');\r\n dayNumber.textContent = day;\r\n dayElement.appendChild(dayNumber);\r\n \r\n \/\/ Add event indicators if there are exhibitions\r\n if (dayExhibitions.length > 0) {\r\n dayElement.classList.add('day-with-event');\r\n dayElement.setAttribute('data-date', dateString);\r\n \r\n \/\/ Add event dots\r\n const eventIndicator = document.createElement('div');\r\n eventIndicator.classList.add('event-indicator');\r\n \r\n \/\/ Add dots for each exhibition category\r\n const categories = [...new Set(dayExhibitions.map(ex => ex.category))];\r\n categories.forEach(category => {\r\n const dot = document.createElement('div');\r\n dot.classList.add('event-dot', `event-${category}`);\r\n eventIndicator.appendChild(dot);\r\n });\r\n \r\n dayElement.appendChild(eventIndicator);\r\n \r\n \/\/ Add click event to show exhibition details\r\n dayElement.addEventListener('click', () => {\r\n showExhibitionsForDate(dateString, dayExhibitions);\r\n });\r\n }\r\n \r\n \/\/ Highlight current day (for demonstration, using Feb 10, 2026)\r\n if (dateString === \"2026-02-10\") {\r\n dayElement.classList.add('current-day');\r\n }\r\n \r\n calendarDaysEl.appendChild(dayElement);\r\n }\r\n }\r\n\r\n \/\/ Get exhibitions for a specific date\r\n function getExhibitionsForDate(dateString) {\r\n return exhibitions.filter(exhibition => {\r\n \/\/ Check if date is within exhibition range\r\n return dateString >= exhibition.date && dateString <= exhibition.endDate;\r\n });\r\n }\r\n\r\n \/\/ Format date as YYYY-MM-DD\r\n function formatDate(date) {\r\n const year = date.getFullYear();\r\n const month = String(date.getMonth() + 1).padStart(2, '0');\r\n const day = String(date.getDate()).padStart(2, '0');\r\n return `${year}-${month}-${day}`;\r\n }\r\n\r\n \/\/ Show exhibitions for a specific date\r\n function showExhibitionsForDate(dateString, dayExhibitions) {\r\n selectedDayInfo.innerHTML = '';\r\n \r\n if (dayExhibitions.length === 0) return;\r\n \r\n const dateObj = new Date(dateString);\r\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const formattedDate = dateObj.toLocaleDateString('en-US', options);\r\n \r\n const header = document.createElement('h3');\r\n header.innerHTML = `<i class=\"far fa-calendar-check\"><\/i> Exhibitions on ${formattedDate}`;\r\n header.style.color = '#005792';\r\n header.style.marginBottom = '20px';\r\n header.style.paddingBottom = '15px';\r\n header.style.borderBottom = '1px solid #eee';\r\n \r\n selectedDayInfo.appendChild(header);\r\n \r\n dayExhibitions.forEach(exhibition => {\r\n const exhibitionEl = createExhibitionElement(exhibition);\r\n selectedDayInfo.appendChild(exhibitionEl);\r\n });\r\n }\r\n\r\n \/\/ Create exhibition element for display\r\n function createExhibitionElement(exhibition) {\r\n const startDate = new Date(exhibition.date);\r\n const endDate = new Date(exhibition.endDate);\r\n const options = { month: 'short', day: 'numeric' };\r\n const dateRange = `${startDate.toLocaleDateString('en-US', options)} - ${endDate.toLocaleDateString('en-US', options)}, ${startDate.getFullYear()}`;\r\n \r\n const duration = Math.ceil((endDate - startDate) \/ (1000 * 60 * 60 * 24)) + 1;\r\n \r\n const exhibitionEl = document.createElement('div');\r\n exhibitionEl.classList.add('exhibition-item');\r\n exhibitionEl.setAttribute('data-id', exhibition.id);\r\n \r\n exhibitionEl.innerHTML = `\r\n <div class=\"exhibition-date\">\r\n <i class=\"far fa-calendar-alt\"><\/i>\r\n ${dateRange} (${duration} day${duration > 1 ? 's' : ''})\r\n <\/div>\r\n <div class=\"exhibition-title\">${exhibition.title}<\/div>\r\n <div class=\"exhibition-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n ${exhibition.location}\r\n <\/div>\r\n `;\r\n \r\n \/\/ Add click event to show modal\r\n exhibitionEl.addEventListener('click', () => {\r\n showExhibitionModal(exhibition);\r\n });\r\n \r\n return exhibitionEl;\r\n }\r\n\r\n \/\/ Populate upcoming exhibitions list\r\n function populateUpcomingExhibitions() {\r\n upcomingExhibitionsEl.innerHTML = '';\r\n \r\n \/\/ Sort exhibitions by date\r\n const sortedExhibitions = [...exhibitions].sort((a, b) => new Date(a.date) - new Date(b.date));\r\n \r\n sortedExhibitions.forEach(exhibition => {\r\n const exhibitionEl = createExhibitionElement(exhibition);\r\n upcomingExhibitionsEl.appendChild(exhibitionEl);\r\n });\r\n }\r\n\r\n \/\/ Show exhibition details modal\r\n function showExhibitionModal(exhibition) {\r\n const startDate = new Date(exhibition.date);\r\n const endDate = new Date(exhibition.endDate);\r\n const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n const dateRange = `${startDate.toLocaleDateString('en-US', options)} - ${endDate.toLocaleDateString('en-US', options)}`;\r\n \r\n const duration = Math.ceil((endDate - startDate) \/ (1000 * 60 * 60 * 24)) + 1;\r\n \r\n \/\/ Set modal content\r\n document.getElementById('modal-title').textContent = exhibition.title;\r\n document.getElementById('modal-date').textContent = dateRange;\r\n document.getElementById('modal-location').textContent = exhibition.location;\r\n document.getElementById('modal-description').textContent = exhibition.description;\r\n document.getElementById('modal-duration').textContent = `${duration} day${duration > 1 ? 's' : ''}`;\r\n \r\n \/\/ Set category\r\n const categoryEl = document.getElementById('modal-category');\r\n categoryEl.className = 'modal-category'; \/\/ Reset classes\r\n categoryEl.classList.add(`category-${exhibition.category}`);\r\n \r\n let categoryText = '';\r\n switch(exhibition.category) {\r\n case 'tech': categoryText = 'Technology'; break;\r\n case 'business': categoryText = 'Business & Trade'; break;\r\n case 'luxury': categoryText = 'Luxury Lifestyle'; break;\r\n case 'construction': categoryText = 'Construction'; break;\r\n default: categoryText = 'Other';\r\n }\r\n categoryEl.textContent = categoryText;\r\n \r\n \/\/ Set up \"Add to Calendar\" button\r\n const addToCalendarBtn = document.querySelector('.add-to-calendar');\r\n addToCalendarBtn.onclick = function() {\r\n alert(`Added \"${exhibition.title}\" to your calendar.`);\r\n exhibitionModal.style.display = 'none';\r\n };\r\n \r\n \/\/ Show modal\r\n exhibitionModal.style.display = 'flex';\r\n }\r\n\r\n \/\/ Initialize with February 2026 to show an exhibition\r\n setTimeout(() => {\r\n generateCalendar(1, 2026); \/\/ February is month 1 (0-indexed)\r\n showExhibitionsForDate(\"2026-02-10\", getExhibitionsForDate(\"2026-02-10\"));\r\n }, 100);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a7358fe e-flex e-con-boxed e-con e-parent\" data-id=\"a7358fe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0929149 elementor-widget elementor-widget-wd_text_block\" data-id=\"0929149\" data-element_type=\"widget\" data-widget_type=\"wd_text_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"wd-text-block reset-last-child text-left\">\n\t\t\t\n\t\t\t<h2>Your Comprehensive Guide to Saudi Arabia's Premier Business Events in 2026<\/h2><p class=\"ds-markdown-paragraph\">Navigate Saudi Arabia's dynamic exhibition scene with our fully interactive\u00a0<strong>Saudi Arabia Exhibitions 2026 Calendar<\/strong>\u2014the ultimate digital tool for businesses, investors, entrepreneurs, and professionals planning to participate in the Kingdom's booming event industry. As Saudi Arabia accelerates toward Vision 2030, our calendar provides real-time access to 48 major exhibitions across 12 cities, spanning 13 industry categories.<\/p><h3>Why Use Our Saudi Arabia Exhibition Calendar?<\/h3><p class=\"ds-markdown-paragraph\"><strong>Save Time & Streamline Planning<\/strong><br \/>Our comprehensive tool eliminates hours of research by consolidating all 2026 Saudi exhibition information into one intuitive, visually engaging platform. Instead of visiting multiple websites and checking scattered announcements, access complete event details with a single click.<\/p><p class=\"ds-markdown-paragraph\"><strong>Make Data-Driven Decisions<\/strong><br \/>With detailed statistics showing\u00a0<strong>156 event days<\/strong>,\u00a0<strong>48 exhibitions<\/strong>, \u060c \u0648\u00a0<strong>12 host cities<\/strong>, you can strategically plan your participation based on factual data rather than guesswork. Filter events by month, category, or location to optimize your exhibition schedule and maximize ROI.<\/p><p class=\"ds-markdown-paragraph\"><strong>Never Miss Important Deadlines<\/strong><br \/>The color-coded calendar highlights event dates at a glance, while our reminder-ready interface helps you track application deadlines, preparation timelines, and attendance schedules for every exhibition relevant to your industry.<\/p><h3>Key Features of Our Interactive Exhibition Calendar<\/h3><p class=\"ds-markdown-paragraph\"><strong>Smart Search & Filter System<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\"><strong>Keyword Search<\/strong>: Find exhibitions by name, location, or category<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Monthly Navigation<\/strong>: Click through months or jump to specific periods<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Category Filtering<\/strong>: View events by industry\u2014technology, energy, construction, healthcare, luxury, and more<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>City-Based Sorting<\/strong>: Focus on exhibitions in specific regions: Riyadh, Jeddah, Dammam, NEOM, Jubail, and others<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Comprehensive Event Profiles<\/strong><br \/>Each exhibition includes:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Official title and description<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Exact dates and duration<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Precise venue location<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Industry category classification<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Event statistics and overview<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Direct calendar integration options<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Visual Event Management<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Color-coded categories for instant recognition<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Event density indicators (dot system shows busy dates)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Hover-over tooltips for quick information<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Mobile-responsive design for on-the-go access<\/p><\/li><\/ul><h3>How to Use the Saudi Arabia Exhibitions 2026 Calendar: A Step-by-Step Guide<\/h3><p class=\"ds-markdown-paragraph\"><strong>Step 1: Navigate the Calendar Interface<\/strong><br \/>Begin by exploring the main calendar view. You'll notice:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Months clearly labeled with navigation arrows<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Days with exhibitions marked in green with indicator dots<\/p><\/li><li><p class=\"ds-markdown-paragraph\">A statistics panel showing total exhibitions, cities, and event days<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Step 2: Find Your Relevant Exhibitions<\/strong><\/p><ol start=\"1\"><li><p class=\"ds-markdown-paragraph\"><strong>Use the search bar<\/strong>\u00a0to find specific exhibitions by name or keyword<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Filter by month<\/strong>\u00a0using the dropdown selector or arrow buttons<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Browse by category<\/strong>\u00a0using the color-coded legend<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Click any highlighted date<\/strong>\u00a0to see all exhibitions occurring on that day<\/p><\/li><\/ol><p class=\"ds-markdown-paragraph\"><strong>Step 3: Access Detailed Exhibition Information<\/strong><br \/>When you find an exhibition of interest:<\/p><ol start=\"1\"><li><p class=\"ds-markdown-paragraph\">Click on the event card in the right panel<\/p><\/li><li><p class=\"ds-markdown-paragraph\">View complete details in the pop-up modal:<\/p><ul><li><p class=\"ds-markdown-paragraph\">Event dates and duration<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Exact venue location<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Category and description<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Add to calendar option<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Share functionality<\/p><\/li><\/ul><\/li><\/ol><p class=\"ds-markdown-paragraph\"><strong>Step 4: Plan Your Participation<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Use the \"Add to Calendar\" feature to integrate events into your personal schedule<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Share events with team members using the share button<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Print or save event details for offline reference<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Compare multiple exhibitions to make informed decisions<\/p><\/li><\/ul><h3>Who Benefits from This Exhibition Calendar?<\/h3><p class=\"ds-markdown-paragraph\"><strong>Businesses & Exhibitors<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Plan your exhibition participation strategy<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Budget for event costs throughout the year<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Coordinate team attendance and booth staffing<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Research competitor participation patterns<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Visitors & Attendees<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Schedule attendance at relevant industry events<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Plan travel and accommodation in advance<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Maximize networking opportunities<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Stay informed about registration deadlines<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Investors & Entrepreneurs<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Identify growth sectors through exhibition frequency<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Discover emerging industry trends<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Connect with innovative companies and startups<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Explore partnership opportunities<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Event Professionals<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Monitor industry event schedules<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Identify potential collaboration opportunities<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Stay updated on venue availability<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Track industry trends through exhibition themes<\/p><\/li><\/ul><h3>Key Exhibition Categories Covered<\/h3><p class=\"ds-markdown-paragraph\">Our calendar encompasses Saudi Arabia's complete 2026 exhibition portfolio:<\/p><p class=\"ds-markdown-paragraph\"><strong>Technology & Innovation<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">LEAP (February 10-13, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Smart City Expo (October 22-25, NEOM)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Cybersecurity Expo (December 15-17, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Energy & Industry<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Energy Expo (April 2-5, Dhahran)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Oil & Gas Expo (October 15-18, Dhahran)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Industrial Expo (June 15-18, Dammam)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Construction & Infrastructure<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Build Expo (October 5-8, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Building Technology Expo (September 5-8, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Engineering Expo (July 10-13, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Healthcare & Pharmaceuticals<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Saudi Healthcare Expo (February 15-18, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Pharma Expo (July 5-7, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Dental Conference (April 5-7, Riyadh)<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Luxury & Lifestyle<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Jeddah International Boat Show (March 5-8, Jeddah)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Jewelry Expo (November 20-25, Riyadh)<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Saudi Fashion Week (April 18-21, Riyadh)<\/p><\/li><\/ul><h3>Optimize Your Saudi Market Strategy<\/h3><p class=\"ds-markdown-paragraph\"><strong>Strategic Planning Benefits<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\"><strong>Quarterly Focus<\/strong>: Group exhibitions by quarter for balanced resource allocation<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Geographic Efficiency<\/strong>: Plan regional tours to attend multiple exhibitions in one trip<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Seasonal Considerations<\/strong>: Account for peak and off-peak exhibition periods<\/p><\/li><li><p class=\"ds-markdown-paragraph\"><strong>Budget Forecasting<\/strong>: Estimate costs based on exhibition timing and location clusters<\/p><\/li><\/ul><p class=\"ds-markdown-paragraph\"><strong>Integration with Business Planning<\/strong><\/p><ul><li><p class=\"ds-markdown-paragraph\">Align exhibition participation with product launch schedules<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Coordinate marketing campaigns with exhibition timing<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Schedule executive travel around key industry events<\/p><\/li><li><p class=\"ds-markdown-paragraph\">Time recruitment efforts with major industry gatherings<\/p><\/li><\/ul><h3>Frequently Asked Questions<\/h3><p class=\"ds-markdown-paragraph\"><strong>Q: How frequently is the calendar updated?<\/strong><br \/>A: Our calendar is updated in real-time as new exhibitions are announced and dates are confirmed. We monitor official sources continuously to ensure accuracy.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Is this calendar free to use?<\/strong><br \/>A: Yes, our Saudi Arabia Exhibitions 2026 Calendar is completely free\u2014no registration or subscription required.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Can I sync events with my personal calendar?<\/strong><br \/>A: Absolutely! Each event includes an \"Add to Calendar\" button that exports event details to Google Calendar, Outlook, Apple Calendar, and other platforms.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: How accurate is the exhibition information?<\/strong><br \/>A: We source information directly from official exhibition websites, organizer announcements, and verified industry publications. All details are cross-referenced for accuracy.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Can I suggest additions or corrections?<\/strong><br \/>A: Yes, we welcome feedback and updates. While we strive for comprehensive coverage, new exhibitions are regularly added based on user suggestions.<\/p><p class=\"ds-markdown-paragraph\"><strong>Q: Is the calendar mobile-friendly?<\/strong><br \/>A: Yes, the calendar is fully responsive and works perfectly on smartphones, tablets, and desktop computers.<\/p><h3>Start Exploring Saudi Arabia's 2026 Exhibition Opportunities Today<\/h3><p class=\"ds-markdown-paragraph\">Whether you're planning your first exhibition in Saudi Arabia or optimizing an existing participation strategy, our interactive calendar provides the comprehensive intelligence you need to make informed decisions. The Kingdom's exhibition sector is experiencing unprecedented growth, with events playing a crucial role in knowledge exchange, business development, and economic diversification under Vision 2030.<\/p><p class=\"ds-markdown-paragraph\"><strong>Ready to transform your Saudi exhibition planning?<\/strong><br \/>Bookmark this calendar for daily reference, share it with your team, and integrate it into your strategic planning process. With complete information at your fingertips, you can confidently navigate Saudi Arabia's vibrant 2026 exhibition landscape and secure your place in the region's most dynamic marketplace.<\/p><p class=\"ds-markdown-paragraph\"><em>Pro Tip: For the best experience, access the calendar on a desktop when planning your annual schedule, and use the mobile version for quick reference while traveling to exhibitions.<\/em><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Interactive calendar with major exhibitions and events in Saudi Arabia for 2026. Click on highlighted dates to view exhibition details.<\/p>","protected":false},"author":15,"featured_media":15729,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[767,758],"tags":[793,792],"class_list":["post-15721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools","category-exhibitions","tag-ksa","tag-saudi"],"_links":{"self":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/15721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/comments?post=15721"}],"version-history":[{"count":0,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/posts\/15721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media\/15729"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/media?parent=15721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/categories?post=15721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/fa\/wp-json\/wp\/v2\/tags?post=15721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}