GM - Compact Calendar

Documentation

GM - Compact Calendar component is used to display the Event and Task or any object as activity on the Calendar.

Use case: Display the Event and Task object as activities on the Calendar using the compact calendar. See GM - Compact Calendar.

Specification

Property	Type	Description
Title	String	The title of the Compact Calendar.
Custom Icon	String	Customize the data grid icon. All lightning icons are supported. You can get the icon name from https://lightningdesignsystem.com/icons/
Json Config	Json	[ { "objectApiName": "Task", "dateField": "ActivityDate", "fromDateField": "", "toDateField": "", "iconName": "standard:task", "backgroundColor": "", "filter": "{\"WhatId\": {\"operator\" : \"=\", \"value\" : \"$recordId\"}}", "titleField": "Subject", "detailFields": [ "Description" ] } ]

API Reference

compactCalendarLWC.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>55.0</apiVersion>
    <isExposed>true</isExposed>
    <masterLabel>GM - Compact Calendar</masterLabel>
    <targets>
        <target>lightning__RecordPage</target>
        <target>lightning__AppPage</target>
        <target>lightning__HomePage</target>
    </targets>
    <targetConfigs>
        <targetConfig targets="lightning__RecordPage,lightning__AppPage,lightning__HomePage">
            <property name="title" type="String" label="Title" description="Calendar Title" />
            <property name="customIcon" type="String" label="Custom Icon" description="Calendar Custom Icon" />
            <property name="jsonConfig" type="String" label="Json Config" description="Json Calendar Configuration" />
            <property name="showBorder" type="Boolean" label="Show Border" description="Show Border" />
        </targetConfig>
    </targetConfigs>
</LightningComponentBundle>