https://stackblitz.com/edit/react-bbc32g?file=app%2Fmain.tsx

I am in the process of upgrading React to v18 and KendoReact to v5 latest versions. The only issue I am having is with the PanelBar. We were using PanelBarUtils.mapItemsToComponents(items) and passing this to the children prop of the PanelBar. The current Kendo documentation says this is still valid, however it now results in a TypeScript error:

Type 'PanelBarItem[]' is not assignable to type 'ReactNode'.
  Type 'PanelBarItem[]' is not assignable to type 'ReactFragment'.
    The types returned by '[Symbol.iterator]().next(...)' are incompatible between these types.
      Type 'IteratorResult<PanelBarItem, any>' is not assignable to type 'IteratorResult<ReactNode, any>'.
        Type 'IteratorYieldResult<PanelBarItem>' is not assignable to type 'IteratorResult<ReactNode, any>'.
          Type 'IteratorYieldResult<PanelBarItem>' is not assignable to type 'IteratorYieldResult<ReactNode>'.
            Type 'PanelBarItem' is not assignable to type 'ReactNode'.
              Type 'PanelBarItem' is missing the following properties from type 'ReactPortal': key, children, typets(2322)

This can be observed in the demos for the PanelBar on the Kendo website, simply open the first Customisation demo in either CodeSandBox or StackBlitz and add @types/react as a dependency:

https://www.telerik.com/kendo-react-ui/components/layout/panelbar/customization/#toc-collections

Hello. 

I am wondering if it is possible to have two series on a chart that are of different time frames.

For example, I have two data sets.

1. Has 365 data points (1 for each day)

2. Has 12 data points (1 for each month)

They are both over the same year

When I plot the chart, series 2 only aligns with the first 12 points on series 1. So it looks like 12 days instead of 12 months. 

NOTE:  I am able to use multiple ValueAxisItems to scale the Y values correctly for each, but the x axis does not scale correctly,

Hope this makes sense, Below is a visual representation. 

Expected

 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

|                                            |                             |                               |                                     |                    |

Actual

 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

| | | | |

Hi,

is there a way to align the content of a Button? The content seems to be always horizontally centered but I need it to be left/start aligned.

Best regard,
Thomas

Hi, Subject says it all.

Why not support this functionality?

I want to use server date when [TODAY] button is clicked,

Hi.

I have 2 Grid components sitting next to each other and I would like to sync the scrolling of both so that if I scroll with the one on top, the one on the bottom is scrolling too and vice versa.

I have setup an example here of what I tried so far without success:

https://stackblitz.com/edit/react-h86fcx-cfss5a?file=app%2Fmain.tsx

Any help would be appreciated.

Greetings,

Bernd

I am using a vertical timeline Scheduler and I am trying to figure something out. Is it possible to have additional columns for the resource to display other information (status, shift start, shift end, etc.)? If so, is it possible to sort by those columns? I am trying to do this with the Scheduler component, maybe a different component (Gantt) would be better for something like this?

I have attached a screenshot of what I have done so far with the scheduler. The columns would be between my name and the midnight time column.


Thanks in advance!
-Will