• English

      • Calendar block

      CalendarCommunity Edition+

      Introduction

      The Calendar block provides an intuitive calendar view to display events and date-related data. It is suitable for typical scenarios such as meeting scheduling and activity planning.

      Installation

      This block is a built-in plugin and does not require additional installation.

      Add block

      Select the "Calendar" block and choose the corresponding data table to create the block.

      Block settings

      Title field

      Used to display the title information on calendar event bars.

      Currently supported field types include input, select, phone, email, radioGroup, sequence, etc. Additional types can be supported via plugin extensions.

      Start date field

      Specifies the start time of an event.

      End date field

      Specifies the end time of an event.

      Quick create event

      Click on an empty date area in the calendar to quickly open a pop-up for creating an event.

      When clicking on an existing event:

      • The selected event will be highlighted
      • A detail modal will open for viewing or editing

      Show lunar

      When enabled, the calendar will display corresponding lunar date information.

      Data scope

      Used to restrict the data displayed in the calendar block.

      For more details, see: Set Data Scope

      Block height

      Allows customization of the calendar block height to avoid internal scrollbars and improve layout experience.

      For more details, see: Block Height

      Color field

      Used to configure the background color of calendar events for better visual distinction.

      Steps:

      1. Add a Single select or Radio group field in the data table and configure colors for its options;
      2. In the calendar block settings, set this field as the "Color Field";
      3. When creating or editing events, select a color to see it applied in the calendar.

      Week start day

      Supports setting the first day of the week:

      • Sunday
      • Monday (default)

      This can be adjusted based on regional preferences for a more natural calendar experience.

      Actions

      Today

      Click the "Today" button to quickly navigate back to the current date in the calendar view.

      Turn pages

      Switch between dates based on the current view mode:

      • Month view: previous month / next month
      • Week view: previous week / next week
      • Day view: yesterday / tomorrow

      Select view

      Supports switching between:

      • Month view (default)
      • Week view
      • Day view

      Title

      Displays the current date based on the selected view.