Thanks to visit codestin.com
Credit goes to github.com

Skip to content

fix(site): match sessions date/time picker icon to search field icon - #28478

Merged
tracyjohnsonux merged 10 commits into
mainfrom
tracyjohnsonux/sessions-datetimepicker-default-size
Aug 26, 2026
Merged

fix(site): match sessions date/time picker icon to search field icon#28478
tracyjohnsonux merged 10 commits into
mainfrom
tracyjohnsonux/sessions-datetimepicker-default-size

Conversation

@tracyjohnsonux

@tracyjohnsonux tracyjohnsonux commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

Makes the date/time range picker trigger on the AI Gateway sessions page visually consistent with the adjacent search field and filter dropdowns. Button size is unchanged (lg, h-10).

  • Calendar icon size: now size-icon-sm (18px), identical to the search icon. Previously the Button's [&>svg]:size-icon-lg + [&>svg]:p-0.5 child selectors (specificity 0-1-1) overrode the icon's authored size-4 class (0-1-0), inflating it to a 24px box at size="lg". The calendar's classes are marked important (!size-icon-sm !p-0) to win that fight.
  • Calendar line weight: at equal geometry the calendar reads heavier than the magnifier because its glyph is denser, so its stroke is strokeWidth={1.75} for optical parity with the search icon.
  • Chevron: now size-icon-sm with no color class, inheriting the button's text-content-primary — exactly matching ComboboxButton, which backs the other filter dropdowns (previously it was text-content-secondary).
  • Spacing: trigger uses gap-2 pr-1.5 like ComboboxButton, giving 8px icon-to-text (matching the search field's pr-2 addon spacing) and the same label-to-chevron gap and right padding as the other dropdowns.

Scope: DateTimeRangePicker's only production consumer is the AI Gateway sessions filter, so the change affects only this page (plus Storybook).


This PR was generated by Coder Agents on behalf of @tracyjohnsonux.

@tracyjohnsonux tracyjohnsonux changed the title fix(site): use default size for sessions date/time range picker fix(site): match sessions date/time picker icon to search icon size Aug 24, 2026
@tracyjohnsonux tracyjohnsonux changed the title fix(site): match sessions date/time picker icon to search icon size fix(site): match sessions date/time picker icon to search field icon Aug 24, 2026
@linear-code

linear-code Bot commented Aug 24, 2026

Copy link
Copy Markdown

ENG-3276

Comment thread site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx Outdated
Comment thread site/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx Outdated
@tracyjohnsonux
tracyjohnsonux enabled auto-merge (squash) August 26, 2026 20:10
@tracyjohnsonux
tracyjohnsonux merged commit 769decb into main Aug 26, 2026
35 checks passed
@tracyjohnsonux
tracyjohnsonux deleted the tracyjohnsonux/sessions-datetimepicker-default-size branch August 26, 2026 20:18
@github-actions github-actions Bot locked and limited conversation to collaborators Aug 26, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants