Step 1: Add a page type of "Calendar" somewhere on your site. It can be the page you intend to have publicly showing as your calendar or it can be somewhere else. You can add multiple Calendar pages as well.
Step 2: Either on the same page or somewhere else, add a block of type "Calendar." Choose either This page, or the page that you added in Step 1. Select the mode of display. That will print out an empty calendar on the page you added the calendar to.
Then, if you add a calendar event page type below the calendar page you added in step 1, it should show up everywhere a block loads data from that calendar, in whatever mode.
Note-- you only want to add one calendar block per page.
You won't even have to go through the standard concrete5 add pages process to add Event pages- you can click "Add Event" in the agenda view, click the top of the day in month view, the day in five week view, or “Add events to this calendar” in Full List view, that you'd like to add the event to, and the overlay comes up for you to enter your event details.
Go to the page your event is on, click Edit in the editing toolbar. This will open the edit drop down menu, click on properties.
On the Standard Properties tab, you can edit your event's name, and event’s description.
On the Custom Attributes tab, you can change event date/time, if it’s an all day event, and whether it's featured.
It is possible to have a smaller, more specific calendar of events elsewhere on your site. To have only a subset of events appear on a special page, you can use the calendar block.
If you don't want new events to appear in a navigation menu built with the Autonav block, or a list of pages built with a Page List block, simply set a Custom Attribute in Page Type Defaults.
Go to Dashboard > Pages & Themes > Page Types, find the Page Type named "Calendar" in the list, and click the Defaults button. You'll see a blank template for new Calendar event pages. Mouse over the Edit pencil icon and click the Properties link. Find the Custom Attributes tab and click it. Then, on the left side menu, find "Exclude from Nav". Click to apply the attribute, then click the checkbox in the right column and click the Save button.
All calendar styles should be located in calendar/css/calendar.css. To edit these in your site, duplicate packages/calendar/css/calendar.css into your theme's directory, and edit it there.