<turbo-stream action="update" target="calendar_feature_567195"><template>
  <div class="calendar-wrap">
  
    <section class="previous">
      <h1 class="heading-quaternary">Previous events</h1>

      <article class="list-style">
  
<div class="event-detail" data-event-id="4045861" data-occurrence-id="518567296">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jun</span><span class="calendar-placeholder-day">6</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
      <h2 class="event-info event-title heading-tertiary">
          405 Shrader - Aperitif Concerts for the Neighborhood
      </h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Saturday, June 6, 2020</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jun 6, 2020</span> @ <span class="time">7:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=405%20Shrader,%20San%20Francisco,%20CA">405 Shrader, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>ZOFO plays Beethoven's 9th</p>
</div>

    <p class="event-info">
      
    </p>

    <div class="event-info buying-options product-action pdf__hide">

    <div class="add-to-cart">
      <a class="tickets button" target="_blank" rel="noopener" href="http://www.405shrader.com/">Get tickets</a>
    </div>

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=405%20Shrader,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4045859" data-occurrence-id="518567294">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jun</span><span class="calendar-placeholder-day">5</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
      <h2 class="event-info event-title heading-tertiary">
          405 Shrader - Aperitif Concerts for the Neighborhood
      </h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Friday, June 5, 2020</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Fri, Jun 5, 2020</span> @ <span class="time">7:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=405%20Shrader,%20San%20Francisco,%20CA">405 Shrader, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>ZOFO plays Beethoven's 9th</p>
</div>

    <p class="event-info">
      
    </p>

    <div class="event-info buying-options product-action pdf__hide">

    <div class="add-to-cart">
      <a class="tickets button" target="_blank" rel="noopener" href="http://www.405shrader.com/">Get tickets</a>
    </div>

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=405%20Shrader,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4045850" data-occurrence-id="518567283">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">May</span><span class="calendar-placeholder-day">1</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
      <h2 class="event-info event-title heading-tertiary">
          CANCELED: The Gilmore Keyboard Festival
      </h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Friday, May 1, 2020</span> @ <span class="time">10:00AM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Fri, May 1, 2020</span> @ <span class="time">10:00AM</span></time></span></span>
        </p>

    </div>

      <div class="event-info event-notes"><p>Master Class</p>
</div>

    <p class="event-info">
      
    </p>

    <div class="event-info buying-options product-action pdf__hide">


</div>


  </div>
</div>

<div class="event-clear"></div>

</article>


      <div class="pdf__hide">
    <nav class="pagination">
    <span class="first">
  <a href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=1"><span class='pagination-decoration icon icon-first'></span>First</a>
</span>

    <span class="prev">
  <a rel="prev" href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=11"><span class='pagination-decoration icon icon-previous'></span>Prev</a>
</span>
        <span class="page">
  <a href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=1">1</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a rel="prev" href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=11">11</a>
</span>

        <span class="page current">
  12
</span>

        <span class="page">
  <a rel="next" href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=13">13</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=70">70</a>
</span>

      <span class="next">
  <a rel="next" href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=13">Next<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/home/features/load/calendar_feature_567195.turbo_stream?calendar_page_prev=70">Last<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>