JSFiddle - React, Tailwind, and code Playground

by sjs96

HTML

<input type="text" id="trigger">

  
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4>Calender</h4>
  </div>
  <div class="modal-body">
    <div id='calendar'></div>
  </div>
  <div class="modal-footer">
    <div id='calendar'></div>
  </div>
</div>

CSS

#calendar {
    max-width: 900px;
    margin: 0 auto;
  }