var events = [

    
  { 'Date': new Date(2025, 9, 02), 

    'Title': '<span style="color:#ff7f00">SEZON A&Ccedil;ILIŞ KONSERİ</span><br>Şef: Alessandro CEDRONE<br>Solist<br>Hyeyoon PARK', 'Link': 'https://www.bursasenfoni.com/konser_detay/SEZON_A&Ccedil;ILIŞ_KONSERİ/133' },

  
  { 'Date': new Date(2025, 9, 09), 

    'Title': '<span style="color:#ff7f00">DEVLET SANAT&Ccedil;ISI PROF. HİKMET ŞİMŞEK ANISINA</span><br>Şef: Artun Hoinic<br>Solist<br>Deniz Arda BAŞUĞUR', 'Link': 'https://www.bursasenfoni.com/konser_detay/DEVLET_SANAT&Ccedil;ISI_PROF._HİKMET_ŞİMŞEK_ANISINA/134' },

  
];

var settings = {};

var element = document.getElementById('caleandar');

caleandar(element, events, settings);


new Calendar({

          id: '#color-calendar',

          calendarSize: 'large',

          eventsData:[

          {

              start: '2022-12-16T06:00:00',

              end: '2022-12-16T20:30:00',

              name: 'Program',

              url: 'https://www.bursasenfoni.com/',

          }

      ],

      theme: 'glass',

        primaryColor: 'hsl(224, 38%, 21%)',

        headerBackgroundColor: 'hsl(224, 38%, 21%)',

        // weekdayType: 'long-lower',

        dateChanged: (currentDate, events) => {

          const events_display = document.querySelector('.events-display');

          let events_html = '';

          console.log(currentDate, events);

          events.forEach(event => {

            events_html += `

              <div class="event">

                <div class="event-left">

                  <div class="event-title">${event.name}</div>

                  <a href="${event.url}" target="_blank" class="event-url">${event.url}</a>

                </div>

              </div>

            `

          });

          if(events_html) {

            events_display.innerHTML = events_html;

          } else {

            events_display.innerHTML = '<div class="no-events-text">Bugün etkinlik yok</div>';

          }

        }

      })