v2.4.0
Added
New form components (all with hidden inputs for native form submission, FormField integration, Input-style variants outline/soft/subtle/ghost/none, and full ui slot overrides):
- DatePicker — segmented date input with calendar popover (bits-ui): bindable
value/open/placeholder,granularityup to seconds withhourCycle, min/max andvalidate/onInvalid, disabled/unavailable/highlightable matchers,closeOnDateSelect, locale-aware,numberOfMonths,weekNumbers,calendarVariant+ nestedcalendarSlots. (#159) - DateRangePicker — range variant of DatePicker (bits-ui): start/end segmented inputs in one field, two-month range calendar with tinted in-range days and hover preview, bindable
value({ start, end }),minDays/maxDays,excludeDisabled,closeOnRangeSelect, hidden{name}-start/{name}-endinputs, plus the full DatePicker prop surface. (#160) - InputNumber — numeric input with stepper buttons (custom build): locale-aware formatting/parsing via
@internationalized/number(formatOptions,locale), bindablevalue(number | null) clamped tomin/maxon commit,stepsnapping, press-and-hold repeat, ArrowUp/Down, Home/End and wheel stepping, horizontal/verticalorientation, steppers customizable via ButtonProps and slots,role="spinbutton". (#161) - InputTags — tag input rendering values as removable
Badges (custom build): bindablevalue(string[]), commit via Enter/delimiter/addOnPaste/addOnTab/addOnBlur, duplicate rejection,maxcount andmaxLengthper tag, two-step Backspace with arrow-key tag navigation, per-tag delete buttons, tags customizable via BadgeProps andtagSlot, one hidden input per tag (FormData.getAll). (#162) - TimeField — segmented time input (bits-ui): bindable
value/placeholder(Time,CalendarDateTime, orZonedDateTime; only the time portion is edited),granularity,hourCycle, min/max andvalidate/onInvalid,readonlySegments, locale-aware spinbutton segments, customizable trailing clockicon. (#163)
Toggle family (Button-aligned outline/soft/subtle/ghost variants, 8 colors, 5 sizes, ui slot overrides):
- Toggle — pressed-state button (bits-ui): bindable
pressed,aria-pressedsemantics (a plain button, unlike Switch), icons/label/children, neutral off state with color applied only when pressed. (#167) - ToggleGroup — single or multiple selection over toggle items (bits-ui):
typeswitches bindablevaluebetweenstringandstring[],items+itemSlot,attachedsegmented-control look, orientation-aware arrow-key navigation. (#168) - Rating — star rating input (bits-ui): bindable
value,allowHalf,readonly, slider a11y, hidden input + FormField integration, customizableicon(newicons.star) withfillcontrol and optionalactiveIcon. (#169)
Changed
- Calendar — disabled dates are dimmed with
opacity-50;calendarVariantsnow styles range-selection states (solid endpoints, tinted in-range band, hover preview), shared by DateRangePicker and Calendarrangemode. (#159, #160) - DatePicker / DateRangePicker — new
timeInputprop renders segmented time field(s) below the calendar, impliesgranularity: 'minute'when unset, and defaults close-on-select tofalseso the popover stays open for time entry. (#163)