Regal Calendar

Regal Calendar is a component that allows you make known your events every day, let your visitors see when your event starts. Allow your visitors see the place, via map where the event occurs. Set the time and automatically will appear a coun down.. Write the description of your event and a short text for preview.Let you render your events using fontawesome icons, Metro style. Pick a color you want and the calendar automatically sets their components with the color.

all in a simple manner!

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui Lorem ipsum dolor sit amet, nostrud exercitation ullamco laboris nisi ut aliqu se cillum dolore eu fugiat nulla pariatur

By PixelBuddha

<head>
    <!-- RegalCalendar main stylesheet -->
    <link href="css/RegalCalendar.css " rel="stylesheet " />
    <!-- Fontawesome icons stylesheet -->
    <link href="css/all.min.css " rel="stylesheet " />
    <script src="js/jquery-3.4.1.min.js "></script>
    <script src="js/RegalCalendar.js "></script>
    <script>
        $(function() {
            $('#rCalendar').RegalCalendar();
        });
    </script>
</head>
<body>
    <div id="rCalendar " class="regalcalendar ">
        <span 
            class="event " 
            data-title="Event 2 " 
            data-location="France " 
            data-date="11/01/ " 
            data-time="12:00 " 
            data-icon="fa fa-award " 
            data-types="country " 
            data-preview="Award ">
            <!-- Event description -->
        </span>
    </div>
</body>

Easy integration
Responsive
Multiple events per day
Fontawesome icons integration
Any color you want
Event count down
Location of your event via map
5+ tooltip styles
Modal option
Metro style

Regal Calendar has a set of options to customize its appearance and functionality

Option	Description	Default	Values
`dayNames`	The list of long day names	[ "Sunday ", "Monday ", "Tuesday ", "Wednesday ", "Thursday ", "Friday ", "Saturday " ]
`dayNamesMin`	The list of minimised day names	[ "Di ", "Lu ", "Ma ", "Me ", "Je ", "Ve ", "Sa " ]
`dayNamesShort`	The list of abbreviated day names	[ "Sun ", "Mon ", "Tue ", "Wed ", "Thu ", "Fri ", "Sat " ]
`dateFormat`	Set the output date format	dd/mm/yy	dd/mm/yy = 26/11/1983, yy/mm/dd = 1983/11/26, ...
`theme`	Color combination	#00d4be	Any color
`show`	Tooltip show on	click	click, mouseenter
`timeFormat`	hour format	hrs	'hrs' or 'ampm' (if you choose ampm you must still provide time in hrs format. If you provide 14:00, calendar will display 1:00pm)
`mapLink`	Choose between map default icon or custom text	''	custom text, like 'map'
`modal`	Choose whether the form appears in a modal window	false	false, true
`tooltip`	Tooltip type	bootstrap	bootsrap, tipsy, light, dark, black, youtube, jtools
`tooltipPosition`	Position	bottom	bottom, top, left, right
`defaultDate`	Default selected date		A date
`mnDate`	min date		A date
`mxDate`	max date		A date

Regal Calendar

Browser compatibility

Features

Options