Spectre Calendar Size

Spectre Calendars are designed for a date or date range picker and to display events. It is made with a flex layout, it is useful to create an attractive calendar. The calendar can be created in different sizes like it can be default or large as per your requirement. 

Spectre Calendar Size Class:

• calendar*: This class is a must to create a calendar.
• calendar-lg: This class is used to create a large size calendar.

Note: The * mark class is a must to create a calendar.

Syntax:

<div class="calendar calendar-lg">
 ...
</div>

Example 1: In this example, we will create a default calendar.

Output:

👁 Image

Example 2: In this example, we will create a large calendar.

Output:

👁 Image

Reference: https://picturepan2.github.io/spectre/experimentals/calendars.html#calendars-sizes