This handlebar helper is used to generate the HTML for displaying a clock view for the current time of the specified calendar.
The clock does not automatically update. Listening to the DateTimeChange hook would allow you to refresh the clock display.
Parameters
You can customize the clocks theme, how it looks, to be anything you like if you follow these steps:
<div class="simple-calendar"></div>
Examples:
Default Display
{{sc-clock id='unique_id' }}
Specified Theme
This forces the theme to be the light theme for the clock, regardless of what the current users preferred Simple Calendar theme is set too.
{{sc-clock id='unique_id' theme='light'}}
Specific Calendar
{{sc-clock id='unique_id' calendarId='b74474f7' }}
This handlebar helper is used to generate the HTML for displaying a full calendar view for the current date or a passed in date.
Don't forget to call the activateFullCalendarListeners function for any calendars that should be interactive. Static displays do not need to call this function.
A unique ID is required to ensure proper functionality of a Calendar added with this Handlebar helper.
Parameters
You can customize the calendars theme, how it looks, to be anything you like if you follow these steps:
<div class="simple-calendar"></div>
Examples:
Assuming the Gregorian calendar with a current date of December 15th, 2021 for all examples.
Default
{{sc-full-calendar id='custom_id'}}
All Options Disabled
{{sc-full-calendar id='custom_id' colorToMatchSeason=false showCurrentDate=false showSeasonName=false showNoteCount=false showMoonPhases= false showYear=false}}
Specific Date Set
Assumes that there is a variable called newDate that looks like this:
let newDate = {
year: 1999,
month: 5
};
{{sc-full-calendar id='custom_id' date=newDate }}
Specified Theme
This forces the theme to be the light theme for this calendar, regardless of what the current users preferred Simple Calendar theme is set too.
{{sc-full-calendar id='custom_id' theme='light' }}
This handlebar helper is used to render one of the icons included with Simple Calendar.
Parameters
Display an Icon
{{sc-icon name='clock' }}
Display a custom colored Icon
{{sc-icon name='clock' fill='#ff0000' stroke='#ff0000' }}
The Simple Calendar module comes with some built in Handlebar helpers that can be used by other modules/systems to display information in areas other than in the Simple Calendar module.