title: How to filter events in the new v5 of Fullcalendar.io
body: <p><strong>version 4</strong> had <code>eventRender</code> and was quite easy to render or not an event as all you had to do <a href="https://stackoverflow.com/a/29993265/28004">was return <code>null</code></a></p>
  
  <p>with version 5 (currently on beta 4), that event was replaced with <code>eventContent</code> and <code>eventClassNames</code> but I'm struggling to replicate the same idea, so I can easily show resources with and without events in a <strong>timeline view</strong></p>
  
  <p><a href="https://fullcalendar.io/docs/v5/upgrading-from-v4#event-rendering" rel="nofollow noreferrer">from the upgrade guide</a> it says:</p>
  
  <blockquote>
    <p><code>eventContent</code> - for if you injected DOM content via eventRender. <strong>You cannot cancel rendering by returning false</strong> however. Instead, attached a <code>display:'none'</code> property on the Event Input. </p>
  </blockquote>
  
  <p>but if in that event I do that, it still shows the event:</p>
  
  <pre class="lang-js prettyprint-override"><code>eventContent: (arg) =&gt; {
     arg.event.display = 'none'
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/z85Wf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z85Wf.png" alt="enter image description here"></a></p>
  
  <p>what am I missing? What should we return/setup so the event is no longer shown?</p>
  
  <hr>
  
  <p>I've also tried</p>
  
  <pre class="lang-js prettyprint-override"><code>eventContent: (arg) =&gt; {
     return { display: 'none' }
  }
  </code></pre>
  
  <p>but all it does is hide the content of the event itself, does not remove the event, and I end up having the event "frame"</p>
  
  <p><a href="https://i.stack.imgur.com/MXlIu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MXlIu.png" alt="enter image description here"></a></p>