2.4.0

Summary

• Added the new DatePicker component with single and range selection modes.
• Added dynamic per-option slots to SegmentedControl so each option can be customized (e.g. with an icon) via a #optionN slot.
• Added a validateOnBlur prop to Input so consumers can opt out of blur-triggered validation.
• Fixed the default popoverGap on Dropdown and made the options list auto-scroll to the selected option when opened.

Added

Components

• Added DatePicker — a popover-based date picker built on Calendar and Input, supporting single and range selection modes, disablePast/disableFuture constraints, and forwarded calendarProps/inputProps/popoverProps for full control.
• Added dynamic per-option slots to SegmentedControl. Each option can be customized via a dynamically named slot (#option1, #option2, … #optionN) that replaces the default label and receives the option as { option }.
• Added validateOnBlur prop to Input (default true). When false, blur no longer triggers validation — useful for components like DatePicker that manage their own validation timing.
• Added the --lev-dropdown-check-icon-size CSS variable to Dropdown to control the size of the check icon shown for selected options.
• Added the --lev-input-cursor CSS variable to Input to control the cursor style of the input element.

Changed

• Dropdown now auto-scrolls the options list to the selected option when the popover opens, so the active item is visible without manual scrolling.
• Wrapped the Dropdown selected-option check icon in a new .lev-dropdown-option-check container that drives sizing via --lev-dropdown-check-icon-size; the inner SVG now fills its container (width: 100%; height: 100%).

Fixed

• Fixed the default popoverGap on Dropdown increasing from 2 to 4 so the popover gap matches the intended spacing across all dropdown-based components.