RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / public / src / template-builder / contents /
Filename : app-calendar.html
back
<!-- Full Calendar -->

<div id="app-calendar">
  <div class="row">
    <div class="col s12">
      <div class="card">
        <div class="card-content">
          <h4 class="card-title">
            Basic Calendar
          </h4>
          <div id="basic-calendar"></div>
        </div>
      </div>
    </div>
    <div class="col s12">
      <div class="card">
        <div class="card-content">
          <h4 class="card-title">
            External Dragging
          </h4>
          <div class="row">
            <div class="col m3 s12">
              <div id='external-events'>
                <h5>Draggable Events</h5>
                <div class="fc-events-container mb-5">
                  <div class='fc-event' data-color='#009688'>All Day Event</div>
                  <div class='fc-event' data-color='#4CAF50'>Long Event</div>
                  <div class='fc-event' data-color='#00bcd4'>Meeting</div>
                  <div class='fc-event' data-color='#ff5722'>Birthday party</div>
                  <div class='fc-event' data-color='#9c27b0'>Lunch</div>
                  <div class='fc-event' data-color='#e51c23'>Conference Meeting</div>
                  <div class='fc-event' data-color='#e91e63'>Party</div>
                  <div class='fc-event' data-color='#3f51b5'>Happy Hour</div>
                  <div class='fc-event' data-color='#ffc107'>Dance party</div>
                  <div class='fc-event' data-color='#4a148c'>Dinner</div>
                  <p>
                    <label>
                      <input type="checkbox" id="drop-remove" />
                      <span>Remove After Drop</span>
                    </label>
                  </p>
                </div>
              </div>
            </div>
            <div class="col m9 s12">
              <div id='fc-external-drag'></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>