Our powerful JS Calendar component


Post by rajmohiuddin »

Hi

I am using react version of Bryntum calendar, my question i wan to customize my rendering using your example: https://www.bryntum.com/examples/calendar/custom-rendering/

now the thing is how i can use these CrudManager / Calendar etc ... classes in react

when i import these using below code:

import { BryntumCalendar, CrudManager, Calendar } from '@bryntum/calendar-react';
it give me error: Attempted import error: 'CrudManager' is not exported from '@bryntum/calendar-react'

also check my screen shot of the page.

thanks

Attachments
Screen Shot 2021-07-12 at 1.42.30 PM.png
Screen Shot 2021-07-12 at 1.42.30 PM.png (108.52 KiB) Viewed 434 times

Post by sergey.maltsev »

Hi!

We have two separate packages.
One @bryntum/calendar for API classes and @bryntum/calendar-react for React wrappers for API widgets.

CrudManager and Calendar are native Bryntum API classes and exported from @bryntum/calendar API package.

To use native API package classes with wrappers import them from @bryntum/calendar/calendar.umd

Use this instead

import { CrudManager, Calendar } from '@bryntum/calendar/calendar.umd';

Please check this integration guide to work with API classes and Wrappers for React.
https://www.bryntum.com/docs/calendar/#Calendar/guides/integration/react.md


Post by rajmohiuddin »

Thanks

but how i can use the instance of CrudManager with

<BryntumCalendar
                crudManager />

using above code it shows me an empty page

Uncaught TypeError: _0xdd6025[_0x5d95(...)] is not a function

Post by sergey.maltsev »

Hi!

Please check existing Calendar example in distribution bundle in examples/frameworks/react/javascript/filtering.
It uses crudManager config (examples/frameworks/react/javascript/filtering/src/AppConfig.js).

This is the guide where you can find the place to download demos.
https://www.bryntum.com/docs/calendar/#Calendar/guides/integration/react.md#build-and-run-local-demos

If this won't help please attach app code here so we can compile and check what's wrong there.


Post Reply