# ai-builder/2.1.7/assets/JSON-Blocks/calendar.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.1.7. 214 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.1.7/code/assets/JSON-Blocks/calendar.js
- Raw: https://pluginprobe.com/plugins/ai-builder/2.1.7/raw/assets/JSON-Blocks/calendar.js
- Modified: 2025-08-23T08:19:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.1.7/code/assets/JSON-Blocks/calendar.js#L10-L20`.

```javascript
const calendarBlocks = [
  {
    id: "calendar-01",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "calendar-container",
        style: {
          color: {
            background: "#ffffff",
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Upcoming Events",
            level: 2,
            className: "calendar-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/paragraph",
          attrs: {
            content: "Stay updated with our latest events and activities",
            className: "calendar-description ai-text-block",
            textAlign: "center",
          },
        },
        {
          blockName: "core/group",
          attrs: {
            className: "calendar-content",
          },
          innerBlocks: [
            {
              blockName: "core/columns",
              attrs: {
                className: "calendar-grid",
              },
              innerBlocks: [
                {
                  blockName: "core/column",
                  attrs: {
                    className: "calendar-event",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/group",
                      attrs: {
                        className: "event-date",
                      },
                      innerBlocks: [
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "15",
                            className: "event-day ai-text-block",
                          },
                        },
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "JUN",
                            className: "event-month ai-text-block",
                          },
                        },
                      ],
                    },
                    {
                      blockName: "core/heading",
                      attrs: {
                        content: "Workshop: Web Design",
                        level: 3,
                        className: "event-title",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content:
                          "Learn the latest web design trends and techniques",
                        className: "event-description ai-text-block",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content: "10:00 AM - 12:00 PM",
                        className: "event-time ai-text-block",
                      },
                    },
                  ],
                },
                {
                  blockName: "core/column",
                  attrs: {
                    className: "calendar-event",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/group",
                      attrs: {
                        className: "event-date",
                      },
                      innerBlocks: [
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "22",
                            className: "event-day ai-text-block",
                          },
                        },
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "JUN",
                            className: "event-month ai-text-block",
                          },
                        },
                      ],
                    },
                    {
                      blockName: "core/heading",
                      attrs: {
                        content: "Conference: Digital Marketing",
                        level: 3,
                        className: "event-title",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content:
                          "Explore the future of digital marketing strategies",
                        className: "event-description ai-text-block",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content: "2:00 PM - 5:00 PM",
                        className: "event-time ai-text-block",
                      },
                    },
                  ],
                },
                {
                  blockName: "core/column",
                  attrs: {
                    className: "calendar-event",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/group",
                      attrs: {
                        className: "event-date",
                      },
                      innerBlocks: [
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "30",
                            className: "event-day ai-text-block",
                          },
                        },
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            content: "JUN",
                            className: "event-month ai-text-block",
                          },
                        },
                      ],
                    },
                    {
                      blockName: "core/heading",
                      attrs: {
                        content: "Networking Event",
                        level: 3,
                        className: "event-title",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content:
                          "Connect with industry professionals and expand your network",
                        className: "event-description ai-text-block",
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        content: "6:00 PM - 8:00 PM",
                        className: "event-time ai-text-block",
                      },
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],
    },
  },
];

export default calendarBlocks;

```