Scheduler Kendo React

1 Answer 92 Views
Scheduler
Long
Top achievements
Rank 1
Iron
Long asked on 16 May 2023, 06:00 PM

Hi support team,

I am working Scheduler Kendo React. I am using custom form to insert/update data. I want to use recurrent event feature in my custom form. Current document only write about how to show occurrence event not about insert/update. Could you please guide me how I can add these components to my custom form and how to insert/update recurrent event for both mode(current occurrence / series) ?

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 18 May 2023, 08:37 AM

Hi, Long,

I have already answered your private support thread on the same matter and as this is a public thread and others might need the same scenario, I will also add the solution here as well:

This scenario can be achieved by implementing a custom form editor and referencing the `recurrenceEditor`.

You can do that by importing the `SchedulerFormEditor` from the `@progress/kendo-react-scheduler` package, adding a Field in the custom form, and setting the Field component prop to `SchedulerFormEditor.defaultProps.recurrenceEditor`. In addition, when you double-click a recurring item, a Window component appears asking if you want to edit the current occurrence or the whole series:

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Facundo
Top achievements
Rank 1
commented on 07 Feb 2024, 06:06 PM

Hello Telerik Support Team,

I hope this message finds you well.

I'm reaching out to report an issue I encountered while attempting to import a component in the Kendo React Scheduler, version 7.1.0. Specifically, when attempting to import the component, I encounter the following error:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Based on this error message, it appears that the component may not be properly exported or there may be a compatibility issue with version 7.1.0.

Could you please assist me in resolving this issue or provide guidance on how to properly import the component in version 7.1.0 of Kendo React Scheduler?

Thank you very much for your attention to this matter. I look forward to your response.

Best regards,

Wissam
Telerik team
commented on 08 Feb 2024, 10:07 AM

Hi, Facundo,

You can now import the `schedulerFormEditorDefaultProps` from the scheduler package instead of using the defaultProps of the Scheduler component. They were removed because they show a warning that they will soon be deprecated.

For more information on this matter, I would suggest checking the following comment that also includes an example on how to achieve the required implementation in `7.1.0`:

I hope this helps, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik

 

Tags
Scheduler
Asked by
Long
Top achievements
Rank 1
Iron
Answers by
Wissam
Telerik team
Share this question
or