> For the complete documentation index, see [llms.txt](https://manual.blocworx.com/blocworx-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.blocworx.com/blocworx-documentation/bloc-editor/fields-tools-and-charts/sub-blocs-tools-components/calendar-and-resource-planning.md).

# Calendar & Resource Planning

This field is used to visualize and manage data through a calendar view. There are multiple calendar views to choose from. It provides customizable way to manage schedules and resources, making it ideal for complex planning and tracking tasks.

### Initial Field Parameters for Calendar

<table data-header-hidden><thead><tr><th width="304"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameters</td><td>Description</td><td></td></tr><tr><td>Choose Calendar View Type</td><td><p>There are multiple calendar options to choose from. </p><p></p><p>Calendar Month View: This is a typical basic calendar.  </p><p></p><p>Vertical Calendar Month View: This is a type of calendar which shows the days of the month listed vertically. </p><p></p><p>Single Day Hours View: This is a type of calendar which divdes the day into one hour time slots.  </p><p></p><p>Resource Planning Views: See section for Parameters for Resource Planning below.</p></td><td></td></tr><tr><td>Select Bloc</td><td>Select the bloc in which you want to use data from.</td><td></td></tr><tr><td>Select Start Date/Time Field</td><td><p>This is the date from which the calendar will begin. You must create a Date/Time Selector field within the same bloc. This needs to be customized based on the Calendar View Type that you select in your Calendar &#x26; Resource Planning field. </p><p></p><p>For example, if you picked the standard Calendar Month View, then a Date/Time Selector with just a date would be sufficient. However, if you choose a Calendar View Type such as a Resource Planning View (Days and Hours - Full Week) then your Date/Time Selector Field would also need to include the time. </p></td><td></td></tr><tr><td>Select End Date/Time Field</td><td>Same logic as above. This is the date (and time if necessary) in which the calendar will run to. </td><td></td></tr><tr><td>Select Field for Label on the Calendar Item</td><td>This is what data appears on the calendar itself. The user can select any field within the bloc. </td><td></td></tr><tr><td>Choose height of records</td><td>The user can can set the height of the item (in PX) which appears in the calendar.</td><td></td></tr></tbody></table>

### Example of Implementation by Calendar Month View

<figure><img src="/files/QHM5UdIqaJUwjmYl6MnO" alt="" width="563"><figcaption><p>Calendar Month View</p></figcaption></figure>

<div align="center"><figure><img src="/files/8RtJbtstQf8lhIiUn57e" alt="" width="563"><figcaption><p>Start/End  Date/Time Selector Fields</p></figcaption></figure></div>

<figure><img src="/files/jc8GxBpNzdLug7yVcu8x" alt=""><figcaption><p>Records Added</p></figcaption></figure>

<figure><img src="/files/uW2U2a99gol546pzR2O1" alt=""><figcaption><p>Calendar Field</p></figcaption></figure>

### Resource Planning View Parameters

<table data-header-hidden><thead><tr><th></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameters</td><td>Description</td><td></td></tr><tr><td>Choose Calendar View Type</td><td><p>Resource Planning View (Days Only): This is a type of calendar that has days across the top  and on the left column you have data. Its similar to a gantt chart. </p><p></p><p>Resource Planning View (Days and Hours - Full Week): Same as above, however its broken into days and hours. </p><p></p><p>Resource Planning View (Days and Hours - Single Day): Same as above, but the planner shows only one day at a time. </p></td><td></td></tr><tr><td>Select the local data List field that controls the data on the left</td><td><p>This will show what will be displayed on the left column of the calendar.  </p><p></p><p>You will have to create another bloc in the module that will contain records. E.g. task1, task2, task3. </p><p></p><p>In the bloc which contains the resource planner, you will have to create a dropdown from bloc field which will give the user an option to select each task.</p></td><td></td></tr><tr><td>Select Field that matches the left hand side values</td><td>In your bloc, you will have to create a text field. You must input the value that is selected from your dropdown that controls the data on the left. These values must match. </td><td></td></tr><tr><td>Select Field that contains the colour for the item in the calendar</td><td><p>Possible for calendar items to be different colours, from the following list:</p><ul><li>red</li><li>green</li><li>yellow</li><li>blue</li><li>orange</li><li>sherpa blue</li><li>cyan</li><li>purple</li></ul><p>The selected colour must be inputted into a field text field called "Colour" and then selected from this dropdown parameter.</p></td><td></td></tr></tbody></table>

### Example of Implementation by Resource Plannning View (Days Only)

<figure><img src="/files/e6dz08DcW3Su6Eb4nyRZ" alt=""><figcaption><p>Resource Planning View (Days Only)</p></figcaption></figure>

<figure><img src="/files/gT3J4cmVANlASJ2y5Obl" alt=""><figcaption><p>Resource Planner Field</p></figcaption></figure>

<figure><img src="/files/oReOPR1SJkNAfbCgbE4p" alt=""><figcaption><p>Colour Example</p></figcaption></figure>

<figure><img src="/files/Hiq037bTgYvYUJnmKDX3" alt=""><figcaption><p>Data to appear on the left column</p></figcaption></figure>

### Optional Parameters

<table data-header-hidden><thead><tr><th></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Parameter</td><td>Description</td><td></td></tr><tr><td>Enter Start / Finish Time Custom Format</td><td><p>You can use this parameter to decide your own format for Select Start Date/Time</p><p>This will tell the format what to expect.  This can be created using php. </p><p>See the following link: <a href="https://www.w3schools.com/php/func_date_date_format.asp">https://www.w3schools.com/php/func_date_date_format.asp</a></p></td><td></td></tr><tr><td>Select Field for updating when value is dropped on a record</td><td>Using this parameter, its possible for a results box to drop data on an existing record and it will update the field in that record with the value you dropped in.</td><td></td></tr><tr><td>Apply Filters to the Data Look Up</td><td>When loading the calendar you can filter to only load matching fields. </td><td></td></tr><tr><td>Show Load Data/Refresh Button</td><td>Enables a button on screen which, when pressed, loads the calendar again.</td><td></td></tr><tr><td>Enable Zoom with pinch on mobile/tablet (Beta)</td><td>Allows user to zoom into calender on mobile with pinch.</td><td></td></tr><tr><td>Make Calendar Responsive</td><td>Makes it responsive on mobile for specific views.</td><td></td></tr><tr><td>Show Counts of records instead of individual records</td><td>Instead of showing the name of an item, it shows the number of records instead.</td><td></td></tr><tr><td>Automatically Load Full Screen on Calendar Initialisation</td><td>Enables full screen mode when bloc loads.</td><td></td></tr><tr><td>Show Single Day Hours View After Click On Date</td><td>Clicking a date in a month or week view drills down into the single day hours view for that date.</td><td></td></tr><tr><td>Show bloc pop up after clicking on the entry</td><td>This gives a pop up of the bloc, of where the data came from.</td><td></td></tr><tr><td>Send Extra Local Data to the Destination</td><td>When you update data on a calendar you can update data in another field after that. You can select the field and the field you want to update.</td><td></td></tr><tr><td>Apply Bloc Initialisation Actions</td><td>See the following documentation for reference: <a href="https://manual.blocworx.com/blocworx-documentation/bloc/the-blocworx-process-flow#stage-1-bloc-initialisation">https://manual.blocworx.com/blocworx-documentation/bloc/the-blocworx-process-flow#stage-1-bloc-initialisation</a></td><td></td></tr><tr><td>Refresh Calendar Button Text</td><td>Customise the label shown on the Load Data / Refresh button.</td><td></td></tr><tr><td>Show Bloc Pop Up After Clicking on an Entry (Allow Edit)</td><td>Opens an editable popup of the source bloc record when a calendar item is clicked.</td><td></td></tr><tr><td>Show Bloc Pop Up for Adding New Records</td><td>When clicking an empty cell, opens the source bloc as a popup for adding a new record instead of the calendar's built-in add dialog.</td><td></td></tr><tr><td>Show Counts Colour</td><td>Sets the colour of the count badges when Show Counts of Records is enabled.</td><td></td></tr><tr><td>Apply Field Actions (Parameters, Rules, Live Field Activity)</td><td>Runs field-level rules and calculations on records created or updated through the calendar.</td><td></td></tr><tr><td>Apply Pre Submit Data Features (Cross Bloc Updates, Mail Alerts)</td><td>Triggers cross-bloc updates and mail alerts when records are created or updated through the calendar.</td><td></td></tr></tbody></table>
