Skip to content

DateTimePicker inside Field in Form behaves erratically when using a validator with multiple arguments #3603

@Jotahflo

Description

@Jotahflo

Description

When using the Kendo React DateTimePicker component inside a Field in a Form, the control shows unexpected behavior if the validator function receives more than one argument (for example, (value, formValues)). In this case, the time selector repeatedly scrolls upward without changing the selected value. It can be deduced that the issue occurs whenever the validator defined in the Field has one or more additional arguments beyond the main value. This problem does not occur when the validator only receives the value (e.g., startTimeValidator).

Plan

KendoReact

Steps To Reproduce

  1. Open the StackBlitz example that reproduces the issue: https://stackblitz.com/edit/react-t6tinzyg-cu4yqvkx?file=app%2Fapp.tsx
  2. In the End Time field, try selecting a time using the DateTimePicker.
  3. Observe that the selector scrolls upward continuously, preventing proper selection.
  4. Test the Start Time field, which works correctly with a single-argument validator.

Screenshots or video

8e423f32-bc80-42a0-99ef-705d27954a6d.mp4

Actual Behavior

The DateTimePicker in the End Time field does not allow proper time selection. The popup scrolls upward continuously, blocking normal interaction.

Expected Behavior

The DateTimePicker should allow selecting a time without erratic scrolling, correctly displaying the chosen value and validating against formValues.

Browser

Microsoft Edge, Firefox

Browser version

latest

OS type

Windows

OS version

Windows 11 Home 25H2 26200.7623

Last working version of the KendoReact package (if regression).

14.0.0

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions