Calendar

A simple, fast component used to create a smoothly scrollable calendar for easier date selection.

Standard Calendar

Fancy Calendar

Dropdown Calendar

Fancy Dropdown Calendar


<h4>Standard Calendar</h4>
<input type="hidden" class="fui-calendar fui-calendar-standard" />

<h4 class="mt-3">Fancy Calendar</h4>
<input type="hidden" class="fui-calendar fui-calendar-fancy" />

<h4 class="mt-3">Dropdown Calendar</h4>
<input type="text" class="input fui-calendar fui-calendar-dropdown" placeholder="Select a date" />

<h4 class="mt-3">Fancy Dropdown Calendar</h4>
<input type="text" class="input fui-calendar fui-calendar-fancy fui-calendar-dropdown" placeholder="Select a date" />