To show your calendar add a <div> tag with a <span> for
each event you want to show.
Especify the information of your event with: data-title title of the event,
data-location location of the event,
data-date date of the event, data-time time of the event,
data-icon icon of the event (use fontawsome icons)
data-types type of location address country postcode
place
region district
Add events:
<div id="rCalendar" class="regalcalendar">
<span
class="event"
data-title="Event 1"
data-location="France"
data-date="11/01/2020"
data-time="12:00"
data-icon="fa fa-puzzle-piece"
data-types="country">
<!-- Event description -->
</span>
</div>
Set Regal Calendar, set modal option to true
(modal: true):
<script>
$(function() {
$('#rCalendar').RegalCalendar({
modal: true,
theme: '#11a19f'
});
});
</script>