title: Integrating JavaScript calendar in Angular project
body: <p>I'm trying to integrate this calendar <a href="https://codepen.io/Paul-DS/pen/JzOYmy" rel="nofollow noreferrer">https://codepen.io/Paul-DS/pen/JzOYmy</a> in my angular project but I can't find a way to do it at the moment.
  There's documentation on how to integrate with React and Vue but nothing with Angular.
  Is it even possible ?</p>
  <p>JavaScript</p>
  <pre><code>let tooltip = null;
  
  const calendar = new Calendar('#calendar', {
    dataSource: function(year) {
      // Load data from GitHub API
      return fetch(`https://api.github.com/search/issues?q=repo:Paul-DS/bootstrap-year-calendar%20created:${year}-01-01..${year}-12-31`)
        .then(result =&gt; result.json())
        .then(result =&gt; {
          if (result.items) {
            return result.items.map(r =&gt; ({
              startDate: new Date(r.created_at),
              endDate: new Date(r.created_at),
              name: '#' + r.number + ' - ' + r.title,
              details: r.comments + ' comments'
            }));
          }
          
          return [];
        });
    },
    mouseOnDay: function(e) {
      if (e.events.length &gt; 0) {
        var content = '';
                  
        for (var i in e.events) {
          content += '&lt;div class=&quot;event-tooltip-content&quot;&gt;'
            + '&lt;div class=&quot;event-name&quot; style=&quot;color:' + e.events[i].color + '&quot;&gt;' + e.events[i].name + '&lt;/div&gt;'
                                        + '&lt;div class=&quot;event-details&quot;&gt;' + e.events[i].details + '&lt;/div&gt;'
            + '&lt;/div&gt;';
        }
        
        if (tooltip !== null) {
          tooltip.destroy();
          tooltip = null;
        }
        
        tooltip = tippy(e.element, {
            placement: 'right',
            content: content,
            animateFill: false,
            animation: 'shift-away',
            arrow: true
        });
        tooltip.show();
      }
    },
    mouseOutDay: function() {
      if (tooltip !== null) {
        tooltip.destroy();
        tooltip = null;
      }
    }
  });
  </code></pre>
  <p>HTML
  <code>&lt;div id=&quot;calendar&quot;&gt;&lt;/div&gt;</code></p>