Skip to content

feat: calendar HeroUI theme audit — pill cells, flexible grid, dark border - #208

Open
kiennt23 wants to merge 1 commit into
mainfrom
feat/calendar-heroui-audit
Open

feat: calendar HeroUI theme audit — pill cells, flexible grid, dark border#208
kiennt23 wants to merge 1 commit into
mainfrom
feat/calendar-heroui-audit

Conversation

@kiennt23

@kiennt23 kiennt23 commented Apr 8, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Add 25+ CSS custom property hooks to ui-calendar for themeable sizing, radius, states, and padding
  • HeroUI overrides: 284px width (16px padding → 252px inner grid), 1fr flexible columns, aspect-ratio: 1 pill cells (24px radius)
  • Today state: accent text color instead of inset border
  • Outside month: opacity: 0.5 instead of color change
  • Dark mode: border on both standalone calendar and panel wrapper
  • Panel strips calendar border/elevation when wrapping, keeps calendar padding
  • Separate --ui-calendar-month-height-* vars so month grid isn't affected by day-height: auto
  • Fix overflow: hidden on :host for rounded corner clipping
  • inject-tokens plugin: use ssrLoadModule in dev mode for live foundation HMR (no restart needed on token changes)

Default theme

Unchanged — all new CSS vars have fallbacks matching the original hardcoded values.

@kiennt23
kiennt23 force-pushed the feat/calendar-heroui-audit branch 12 times, most recently from a37a3b6 to a9542ce Compare April 8, 2026 10:05
- New package: @maneki/calendar with maneki-calendar, maneki-calendar-panel, maneki-calendar-time
- Figma-accurate structure: flex rows, aspect-ratio 1:1 pill cells (24px radius), per-section padding
- 130 tests covering rendering, navigation, selection, range, keyboard, events, time picker
- Calendar: 3 sizes (s/m/l), 3 views (days/months/years), single + range selection, min/max, events, locale, keyboard nav, ARIA
- Panel: slot-based composition (top/time/bottom), 12px radius, elevation, show-actions
- Time: segmented keyboard-navigable picker, 12h/24h, timezone, arrow up/down per segment
- Deprecate old ui-calendar components in ui-components
- Update catalog page to use new components
- inject-tokens plugin: ssrLoadModule for dev HMR (no restart needed)
- Dev aliases + catalog dep for @maneki/calendar
@kiennt23
kiennt23 force-pushed the feat/calendar-heroui-audit branch from a9542ce to 58fda23 Compare April 8, 2026 10:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant