FullCalendar Agregar Modal de Bootstrap

Para agregar un modal de Bootstrap

• Ir a la pagina oficial de Bootstrap https://getbootstrap.com/
• Precionar el boton Get Started.
• Incluir los JS y CSS de Bootstrap
  

  //Recuerda haber incluido libreria de jquery
  <script src = "https://code.jquery.com/jquery-3.0.0.min.js"> </script>
  //css
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  //js
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

• Luego ir a la seccion Components --> Modal
• Donde encontraras varios ejemplos de modales por ejemplo
  
  

  <!---- para hacer referencia al modal puedes ponerle id con un nombre 
   o llamarlo por su clase
  ---->	
  <div class="modal" id="exampleModal"  tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Modal title</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p>Modal body text goes here.</p>
        </div>
  
        <!--Este es el pie del modal aqui puedes agregar mas botones-->
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>

Si deseas cambiar lo colores de los botones:

https://getbootstrap.com/docs/4.0/components/buttons/

Para llamar el modal de Bootstrap en Fullcalendar

<script>
	$(document).ready(function() {		
	 $('#calendar').fullCalendar({           			
		header: {				
			left: 'prev,next today',
			center: 'title',
			right: 'month,basicWeek,basicDay',			 
		},
		locale: 'es',
		 monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
		dayNamesShort: ['Dom','Lun','Mar','Mié','Jue','Vie','Sáb'],			

		 //Evento Click
		dayClick: function(date, jsEvent, view) {
			alert('Clicked on: ' + date.format());
			alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
			alert('Current view: ' + view.name);
			// change the day's background color just for fun
			$(this).css('background-color', 'red');
	
			//------------Llamando al modal de Bootstrap
			$("#exampleModal").modal();
  		}
		 //Fin Evento Click
		 
		});		 // full calendar		
	});  // function
</script>

See the Pen FullCalendar Agregar Modal de Bootstrap by alex huiza (@alextutor) on CodePen.