Single Calendar

GridMate’s Single Calendar component helps users manage and view schedules effortlessly in one place. It allows for drag-and-drop, conditional coloring, and filtering based on criteria, making calendar management more efficient and visually appealing.

In this tutorial, we will set up a single calendar to visualize project tasks effectively. Below is a quick demo on how to configure the Single Calendar component to meet project management needs.

GM -Single Calendar

Single Calendar supports cell coloring by providing the coloring configuration same as smart grids. Below is an example of coloring.

[
    {
        "color": "#FADADD",
        "exp": {
            "Status__c": {
                "operator": "=",
                "value": "Backlog"
            }
        }
    },
    {
        "color": "#D8BFD8",
        "exp": {
            "Status__c": {
                "operator": "=",
                "value": "In Progress"
            }
        }
    },
    {
        "color": "#B0E0E6",
        "exp": {
            "Status__c": {
                "operator": "=",
                "value": "in Review"
            }
        }
    },
    {
        "color": "#E0FFFF",
        "exp": {
            "Status__c": {
                "operator": "=",
                "value": "To Deploy"
            }
        }
    },
    {
        "color": "#FFFACD",
        "exp": {
            "Status__c": {
                "operator": "=",
                "value": "Done"
            }
        }
    }
]

Mass/Record action can be configured based on requirement. We support quick actions or call a flow actions.

You can add Extra Activities to the component using a JSON string format. This allows the component to render and display multiple activities .

[
    {
        "objectName": "Task",
        "filter": "{}",
        "titleFieldName": "Subject",
        "dateFieldName": "ActivityDate",
        "popoverFields": "CreatedDate,LastModifiedDate",
        "popoverColums": 2,
        "coloring": "[{\"color\":\"#8cedbb\",\"exp\":true}]",
        "actions": "[]",
        "defaultValues": "{\"StartDateTime\":\"$fromTime\"}",
        "icon": "standard:task",
        "label": "Tasks"
    }
]