<CreateEventType />
component while passing teamId={teamId}
to it to create a team event type:
Name | Required | Description |
---|---|---|
teamId | No | Unique identifier of the team |
customClassNames | No | To pass in custom classnames from outside for styling the atom |
onSuccess | No | Callback function that handles successful creation of event type |
onError | No | Callback function to handles errors at the time of event type creation |
onCancel | No | Callback function that handles cancellation of event type form |
Name | Description |
---|---|
atomsWrapper | Adds styling to the whole create event type atom |
buttons | Object containing classnames for the submit and cancel buttons inside the create event type atom |
eventTypeId
is of a team event type id, then only the owner or admin of the team can update the event type settings. That means
you have to create a managed user and then add an accepted membership with an admin or owner role by making a request to the memberships endpoint. Example body:
<EventTypeSettings />
component while passing id of a team event type enabling admin or owner to edit team event types.
For a demonstration of the event type settings atom, please refer to the video below.
Below is a list of props that can be passed to the event type settings atom.
Name | Required | Description | |
---|---|---|---|
id | Yes | The event type id obtained at the time of event type creation | |
tabs | No | The tabs you want the event type settings to display | |
onSuccess | No | Callback function that triggers when the event type is successfully updated | |
onError | No | Callback function to handles errors at the time of event type update | |
onFormStateChange | No | Callback function that triggers when the form state changes, providing access to isDirty, dirtyFields, and current form values | |
onDeleteSuccess | No | Callback function that triggers when the event type is successfully deleted | |
onDeleteError | No | Callback function that handles errors at the time of event type deletion | |
allowDelete | No | Boolean value that determines whether the delete button is displayed or not | |
disableToasts | No | Boolean value that determines whether the toasts are displayed or not | |
customClassNames | No | To pass in custom classnames from outside for styling the atom |
Name | Description |
---|---|
atomsWrapper | Adds styling to the whole event type settings atom |
Method | Description |
---|---|
validateForm | Validates the current event type form state and returns a promise with validation results. |
handleFormSubmit | Programmatically submits the event type form, triggering the same validation and submission flow as clicking the save button. Unlike validateForm , this method will check required fields and prevent submission unless all required fields are set |
validateForm
method returns an EventTypeFormValidationResult
object with:
isValid
: Boolean indicating if the form passed validationerrors
: Object containing any validation errors foundvalidateForm
method will not return any error. The validation focuses on the format and consistency of provided data rather than enforcing required field completion.
Following are the tabs that are available in the event type settings atom:
1. Event Setup
The event setup tab allows users to configure the fundamental aspects of their events. In this tab, users can define or update essential details such as the event title, description, duration, slug, location as well as the event URL.