Hi Team,

My goal is to add a popover whenever a user hover on a scheduler item. I was using kendo tooltip until now but now the requirement is to use html tags in the tooltip content plus the content can be large sometimes so obviously I cant put it over title of a parent div to get the content for the tooltip.

I have added a popover after <Scheduler> component and the content of this popover is coming from the <SchedulerItem> children prop. Im creating the content for the popover inside <SchedulerItem> and on onmouseenter Im setting the content of popover in the local state and then that local state is remdered inside the popover .  Things are working as expected but the popover is not opening as tooltip, the position of the popover is random. I tried to use the  currentTarget’s boundries to calculate the offset from left and top but still unable to make the position look like kendo tooltip. I am new to ref thing so it would be really helpful you can provide the code for class based components.

Note: Im calling the <SchedulerItem> as a function not as a seperate class. A functiom in the same class is returning <SchedulerItem>.

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) ?

Hi, im a new to this filed, kindly bare my knowledge.

At my work, I am drawing the line chart with x-axis as a date. 
But I would like to skip the labels that i do not have. 
Is there a way? If so, would you kindly share the docs or samples that can help me?

<Current - there is a range of date between two peaks in x axis>

<What I want - created by Excel with random number where there is no range of date between two peaks in x axis. only have x-axis that i have in my data>

I'm currently working with kendo react pivot grid local data binding, now I'm facing a trouble when i try to multiple measures with same aggregation on different axis.

i tried something like this, but getting value of Y and UNITLY combined (eg: LYUnit = 5, then Y showing 10 and UNITLY showing 10 instead of Y showing 5 and UNITLY showing 5). i want to make each of them have different sum aggregation. Anybody got an idea?

Hi, 

I would like to have 24h time format in Scheduler's AgendaView. Is there any way to achieve this?

Thank you

Radek

hi, 

i am working on server side pagination and grouping, i am using the example below in giver url,

https://www.telerik.com/kendo-react-ui/components/dataquery/mvc-integration/

when i implement this example in my code its working fine with pagination, filtering and sorting, but when i am try to group data

my UI showing nothing. can you please give an example with server side grouping and pagination?

This problem seems to affect new version of Chromium browsers. As of this writting, the bug can be replicated on these browsers:

-GoogleChrome 113.0.5672.93

-Microsoft Edge 113.0.1774.42

-Brave Browser 1.51.114

The problem doesnt appear on Firefox or older verions of Chromium browsers (tested on v103.0.5046.0)

Replication Steps

1) Click on the Calendar icon of the DatePicker

2) Click on a Month on the left Column (IMPORTANT: Don't scroll using the mouse wheel)

3) Pick a Day on the Month that was picked in step 2. For example, I pick Feb 10th, the date is set to June 10th for some weird reason.

The problem only happesn if one picks the available list of Months on step 2 without scrolling using the mouse wheel.

For some reason, this bug cannot be replicable on StackBlitz (I wonder if their background code prevents some kind of Racing Conditon). But I have attempted a brand new project on a different machine with just he date picker and it is replcated on the new Chromium based browsers mentioned above.

import React from "react";
import "./App.scss";
import { DatePicker } from "@progress/kendo-react-dateinputs";

function App() {
    const [date1, setDate1] = React.useState<Date | null>(() => new Date());

    return (
        <div>
            <DatePicker
                id={"kendo-date-sample"}
                value={date1}
                onChange={(e) => {
                    const newDate = e.value;
                    console.log(newDate);
                    setDate1(() => newDate);
                }}
            />
        </div>
    );
}
export default App;

Hi,

The Calendar Fast Navigation Bar is currently broken in all versions of KendoReact that support React 18 as per https://github.com/telerik/kendo-react/issues/1566. We are working around the issue by disabling the Calendar Fast Navigation Bar as described here https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/sidebar/.

Unfortunately this does nothing to address the issue in KendoReact Grid filter menus - see this StackBlitz for an example: https://stackblitz.com/edit/react-va2kr1?file=app%2Fmain.tsx.

Is there a way to globally disable the Calendar Fast Navigation Bar so we don't have to do this everywhere and create a custom Grid filter?

Hello

How to create a vertical grid?

like this..

please give me an example