Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DateRangePicker full width issue #5217

Open
silviyaboteva opened this issue Nov 6, 2024 · 0 comments
Open

DateRangePicker full width issue #5217

silviyaboteva opened this issue Nov 6, 2024 · 0 comments
Labels
Bug Something isn't working C:DateRangePicker

Comments

@silviyaboteva
Copy link
Contributor

Describe the bug
The DateRangePicker spans at 100% width and clicking outside of the component opens the calendar.
Related issue: telerik/kendo-react#2362

To reproduce
Steps to reproduce the behavior:

  1. Go to https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value/
  2. Click somewhere next to the component (at the right side)
  3. The calendar opens

Expected behavior
To not open the calendar when clicking outside of the page.

Screenshots
Image

Affected suites (please remove the unneeded items)

  • Kendo UI for React

Possible workaround

.k-daterange-picker, .k-daterangepicker {
    width: auto;
    display: inline-flex;

}
@silviyaboteva silviyaboteva added Bug Something isn't working C:DateRangePicker labels Nov 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working C:DateRangePicker
Projects
None yet
Development

No branches or pull requests

1 participant