Our powerful JS Calendar component


Post by phil@customd.com »

Trying to implement a workaround for this issue, I've tried to implement a custom event editor in a React project. Unfortunately features in config is not working in the wrapper not allowing me to implement a customized event editor.

Using the same config import as shown in the React documentation

import { calendarConfig } from './AppConfig'

I've added the eventEdit config as shown in the Customized Event Editor Demo

features: {
  eventEdit: {
    // We like our editor to be modal and centered, not aligned to any event.
    editorConfig: {
      modal: true,
      centered: true,
      anchor: null,
    },
  }
}

Am I doing this wrong or is there plans to update the React config to allow this?


Post by joversdev »

The API docs describe that the features for the react wrapper will be suffixed by "Feature" and are passed individually as props (inside your calendarConfig or as actual props), essentially.

https://www.bryntum.com/docs/calendar/#Calendar/guides/integration/react.md#features

For instance, I believe you want

eventEditFeature: {
	editorConfig: {
        	modal: true,
        	centered: true,
        	anchor: null,
      },
}

Post by saki »

Exactly! Thank you @joversdev.


Post Reply