Hi Kendo React team,

I’m using the Kendo React DatePicker with dateInput and clearButton={true}.

Here’s the behavior I’m seeing:

• Initial state: The input shows the floating label (Date Start) and the placeholder (dd.MM.yyyy.).

• When a value is selected: The date is shown correctly in the input.

• After pressing the clear button: The input shows only the placeholder (dd.MM.yyyy.), but the floating label does not reset to the initial state.

What I would like instead is that when the clear button is clicked, datePicker should return to the exact same initial state.

I’ve attached a screenshot showing the three states (initial, selected, and after clear) for clarity.

Version is: @progress/kendo-react-dateinputs: "9.3.1"

Thanks!

Hi,

Please see the example - https://codesandbox.io/p/sandbox/silly-wind-tpfg8n

When column "Unit Price" is locked, while moving the horizontal scroll bar, the group header is sticky (expected behavior), but the group footer is not sticky (wrong behavior).

Thanks,

Jie 

Hi,

`GridCellsSettings.group.groupHeader` only works when set in <Grid />, doesn't work if set in <Column />.

This works:

<Grid
    cells={{
        group: { groupHeader: GroupMyHeaderCustomCell }
    }}
>

This doesn't work:

<Grid>
    <Column
        cells={{
            group: { groupHeader: GroupMyHeaderCustomCell }
        }}
    />
</Grid>

Can you please explain the difference?

Thanks,

Jie

Hi All,

I'm Kamal Hinduja, was born in Chennai (India) and now resides in Geneva, Switzerland(Swiss). Can anybody explain how to apply a custom

theme to all Kendo React components?

Thanks, Regards

Kamal Hinduja Geneva, Switzerland

Title: How to Restrict Checkbox Selection to Only Checkbox Click in Kendo Grid Row Selection?

Description:

I am using the Kendo React Data Grid with row selection enabled via a checkbox column. My goal is to select a row only when the checkbox itself is clicked, not when any other part of the row is clicked.

However, currently, when I click anywhere in the row (e.g., the staff name), the checkbox also gets selected. This creates a problem in my use case — clicking the staff name navigates to the staff profile, but it also toggles the checkbox, which is unintended.

What I need:

I want the checkbox to be selected only when the checkbox is clicked, and not when clicking anywhere else in the row.

What I've tried:

• I am using

  selectable={{

                          enabled: true,

                          mode: 'multiple',

                          drag: false,

                          cell: false,

                          checkboxOnly: true

                      }}

  but the issue still occurs.

• I have a custom cell rendering for the name column that navigates on click.

Screenshot:

Question:

How can I configure the Kendo Grid so that:

• Checkbox selection is triggered only by clicking the checkbox.

• Clicking on any other cell (especially with navigation) does not toggle checkbox selection?

Thanks in advance!

Hi Kendo Team,

I'm currently working with the KendoReact Gantt Chart and would like to customize how many dates are visible in the chart for different views (Yearly, Monthly, Weekly). Specifically, I want to control the time span shown for each view — for example:

• In Yearly view, show 5 years instead of the default range

• In Monthly view, limit the chart to show only 6 months at a time

• In Weekly view, show just 4 weeks of data

Is there a recommended way to configure the visible date range or scale for each view mode?

Any guidance or code example would be greatly appreciated!

Thanks