Calendar Widgets

---

Calendar Event List tsm-calendar-event-list-widget

List of calendar events in a tabular view with filtering and editing options.

Widget Or Layout: layout

Value:

{
  "title": "Calendar Events",
  "widget": {
    "type": "tsm-calendar-event-list-widget"
  },
  "type": "layout",
  "config": {
    "pageSize": 10
  }
}

Inputs

Page Size

Key: pageSize

Name: Page Size

Description: Number of rows displayed on one page.

Table Height

Key: scrollHeight

Name: Table Height

Description: Height of the table including desired units (px, em, rem, %, vh).

Table Data View Mode

Key: dataViewMode

Name: Table Data View Mode

Description: "Table with scroll" keeps original column widths and a horizontal scrollbar. "FullScreen table" adjusts column widths to the window size.

Hidden

Key: hidden

Name: Hidden

Description: Hides the component. You can also control its visibility with an expression in the expression editor.

Optional CSS class

Key: customStyleClass

Name: Optional CSS class

Description: An optional CSS class to modify the style of this component. Examples: p-datatable-layout-fixed

Additional Context Data

Key: externalData

Name: Additional Context Data

Description: Specifies additional context data for the listing.

Listing Type

Key: listingType

Name: Listing Type

Description: Specifies which listing type is used for display.

Listing Profile

Key: profileId

Name: Listing Profile

Description: Specifies the listing profile, which defines columns, order, and other display settings.

Listing Profile Category

Key: profileCategory

Name: Listing Profile Category

Description: Name of the category from which profiles can be selected.

Filters

Key: filters

Name: Filters

Description: translation.configFormWidgets.basicEditor.filters.tooltip

Hide Export Button

Key: showExport

Name: Hide Export Button

Description: Hides the export button.

Hide Filter

Key: showFilters

Name: Hide Filter

Description: Hides the listing filters.

Hide Refresh Button

Key: showRefresh

Name: Hide Refresh Button

Description: Hides the refresh button.

Hide Paginator

Key: showPaginator

Name: Hide Paginator

Description: Hides the listing pagination.

Hide Columns Manager

Key: showManagerColumns

Name: Hide Columns Manager

Description: Hides the columns manager.

Hide Profiles

Key: showProfiles

Name: Hide Profiles

Description: Hides the listing profiles.

Hide Sort Manager

Key: showManagerSort

Name: Hide Sort Manager

Description: Hides the sort manager.

Hide Color Manager

Key: showManagerColor

Name: Hide Color Manager

Description: Hides the color manager.

Hide Listing Config

Key: showListingConfig

Name: Hide Listing Config

Description: Hides the listing configuration.

Hide Data View Mode

Key: hiddenDataViewMode

Name: Hide Data View Mode

Description: Hides the option to switch between table and kanban view.

Hide Button Section

Key: hideButtonGroup

Name: Hide Button Section

Description: Hides the button section.

Disable Sticky Header

Key: scrollable

Name: Disable Sticky Header

Description: Disables the fixed table header while scrolling.

TQL WHERE Extension

Key: extendTqlWhere

Name: TQL WHERE Extension

Description: Adds a WHERE condition in TQL. Format: COLUMN_NAME OPERATOR VALUE.

TQL Sorting

Key: externalTqlSort

Name: TQL Sorting

Description: Modifies the default sorting in TQL. Format: COLUMN_NAME ASC/DESC.

TQL Nested Sorting

Key: externalTqlSortForNested

Name: TQL Nested Sorting

Description: Modifies the default sorting in TQL for nested attributes.

TQL Query Params

Key: tqlQueryParams

Name: TQL Query Params

Description: Adds query parameters to the TQL request.

---

Calendar Event Type Select tsm-calendar-event-type-lov

Selection of a calendar event type from a dropdown list.

Widget Or Layout: widget

Value:

{
  "title": "Select Event Type",
  "widget": {
    "type": "tsm-calendar-event-type-lov"
  },
  "type": "string"
}

Inputs

Value

Key: selectProperty

Name: Value

Default value

Key: default

Name: Default value

---

Calendar Subtype Select tsm-calendar-subtype-lov

Selection of a calendar subtype from a dropdown list.

Widget Or Layout: widget

Value:

{
  "title": "Select Calendar Subtype",
  "widget": {
    "type": "tsm-calendar-subtype-lov"
  },
  "type": "string"
}

Inputs

Placeholder

Key: placeholder

Name: Placeholder

Show filter

Key: filterable

Name: Show filter

---

Calendar Template Select tsm-calendar-template-lov

Selection of a calendar template from a dropdown list.

Widget Or Layout: widget

Value:

{
  "title": "Select Calendar Template",
  "widget": {
    "type": "tsm-calendar-template-lov"
  },
  "type": "string"
}

Inputs

Default value

Key: default

Name: Default value

Filters

Key: defaultFilters

Name: Filters

Keyboard on mobile

Key: keyboardOnMobile

Name: Keyboard on mobile

Show clear

Key: showClear

Name: Show clear

Show none text

Key: showNoneText

Name: Show none text

Select first value

Key: selectFirstValue

Name: Select first value

Selection using a listing (one or more values)

Key: multiselect

Name: Selection using a listing (one or more values)

Value

Key: selectProperty

Name: Value

Display

Key: displayField

Name: Display

Description: It is possible to add multiple values using autocomplete or with source code ["key", "name"]

---

Calendar Event Conf. Card tsm-calendar-event-configuration-data

Card displaying configuration details for calendar events.

Widget Or Layout: widget

Value:

{
  "title": "Event Configuration",
  "widget": {
    "type": "tsm-calendar-event-configuration-data"
  },
  "type": "object"
}

Inputs

Event type

Key: calendarEventType

Name: Event type

Listing

Key: listingCode

Name: Listing

Wrap value in row['value']

Key: addRowWrap

Name: Wrap value in row['value']

---

Calendar Panel tsm-calendar

Panel displaying an overview of the calendar.

Widget Or Layout: layout

Value:

{
  "title": "Calendar",
  "widget": {
    "type": "tsm-calendar"
  },
  "type": "layout",
  "config": {
    "filterOnlyByOwner": true
  }
}

Inputs

Filter event by owner

Key: filterOnlyByOwner

Name: Filter event by owner

Can add event

Key: canAddEvent

Name: Can add event

Can edit event

Key: canEditEvent

Name: Can edit event

Show event title

Key: showEventTitle

Name: Show event title

Show event type

Key: showEventType

Name: Show event type

Show event user

Key: showEventUser

Name: Show event user

Recurrent only custom

Key: recurrentOnlyCustom

Name: Recurrent only custom

Default view mode

Key: defaultViewMode

Name: Default view mode

Hide links

Key: hideLinks

Name: Hide links

Owner Id

Key: ownerId

Name: Owner Id

Owner type

Key: ownerType

Name: Owner type

Default value for new event (title, from, to)

Key: defaultEventValues

Name: Default value for new event (title, from, to)

---

Full Calendar Panel tsm-full-calendar

Full calendar panel with all events displayed.

Widget Or Layout: layout

Value:

{
  "title": "Full Calendar",
  "widget": {
    "type": "tsm-full-calendar"
  },
  "type": "layout",
  "config": {
    "filterOnlyByOwner": true,
    "canAddEvent": true,
    "canEditEvent": true,
    "hideLeftPanel": true
  }
}

Inputs

Hide left panel

Key: hideLeftPanel

Name: Hide left panel

Filter event by owner

Key: filterOnlyByOwner

Name: Filter event by owner

Owner Id

Key: ownerId

Name: Owner Id

Owner type

Key: ownerType

Name: Owner type

Can add event

Key: canAddEvent

Name: Can add event

Can edit event

Key: canEditEvent

Name: Can edit event

Recurrent only "none" or "custom"

Key: recurrentOnlyCustom

Name: Recurrent only "none" or "custom"

Hide entity card

Key: hideLinks

Name: Hide entity card

Allowed event types

Key: eventTypes

Name: Allowed event types

Default view mode

Key: defaultViewMode

Name: Default view mode

---

New Calendar Button tsm-calendar-create-button

Button to create a new calendar.

Widget Or Layout: layout

Value:

{
  "title": "",
  "widget": {
    "type": "tsm-calendar-create-button"
  },
  "type": "layout",
  "config": {
    "ownerId": "",
    "ownerType": ""
  }
}

Inputs

Owner type

Key: ownerType

Name: Owner type

Owner Id

Key: ownerId

Name: Owner Id

---