fix(daterangepicker): prevent full-width spanning and unintended click targets

[Copilot]

DateRangePicker was inheriting width: 100% from input defaults, causing the entire row to be clickable and unintentionally opening the calendar when clicking empty space beside the component.

Changes

Core Package

• Added $kendo-daterange-picker-width variable to decouple component width from input defaults
• Changed .k-daterange-picker from display: flex to display: inline-flex
• Applied new width variable instead of $kendo-input-default-width

Theme Packages

• Set $kendo-daterange-picker-width: auto across all themes (default, classic, material, fluent, bootstrap)

CSS Impact

// Before
.k-daterange-picker {
  width: 100%;
  display: flex;
}

// After
.k-daterange-picker {
  width: auto;
  display: inline-flex;
}

Result

Component now sizes to content rather than spanning full width. Clicking outside the visible component no longer triggers calendar popup.

Relates to telerik/kendo-react#2362

Original prompt

---

This section details on the original issue you should resolve

<issue_title>DateRangePicker full width issue</issue_title>
<issue_description>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

Affected suites (please remove the unneeded items)

• Kendo UI for React

Possible workaround

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

}

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes DateRangePicker full width issue #5217

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[github-actions]

Packages Report

	core	default	classic	bootstrap	material	fluent	utils	html
Size	29.20 KB (0.0%)	770.99 KB (0.0%🔼)	769.69 KB (0.0%)	784.79 KB (0.0%🔼)	918.92 KB (0.0%)	1185.10 KB (-0.0%🔽)	625.19 KB (0.0%)	77.77 MB (0.0%)
Gzip Size	4.86 KB (0.0%)	99.56 KB (0.0%)	99.79 KB (0.0%)	101.49 KB (0.0%)	112.56 KB (0.0%)	137.07 KB (-0.0%🔽)	52.16 KB (0.0%)	15.95 MB (0.0%)
Compile Time	0.9 s (0.0%)	3.0 s (0.0%)	2.7 s (0.0%)	3.1 s (0.0%)	3.2 s (0.0%)	3.5 s (0.0%)	2.3 s (0.0%)	8.3 s (0.0%)