Calendar
Date selection, scheduling, and time components
Calendar
Single-month interactive grid — keyboard navigable with PhiaCalendar hook
Click a date to select
BigCalendar
Google Calendar-style full-month view with event pills and view switcher
March 2026
EventCalendar
Month grid with colored event dot-badges per day
March 2026
HeatmapCalendar
GitHub-style contribution grid — intensity 0–4 based on max_value
WeekCalendar
Compact 7-day strip with prev/next navigation
Selected: Tuesday, March 10
RangeCalendar
Two-click range selection with visual band — server-side state
Click start date
MultiSelectCalendar
Toggle individual non-contiguous dates — each click adds or removes
0 date(s) selected
BadgeCalendar
Numeric count badge per day — ideal for task counts or notifications
StreakCalendar
Duolingo-style habit tracker — completed/missed/rest states per day
BookingCalendar
Airbnb-style availability calendar with per-cell states and prices
DateRangePresets
Preset shortcuts (Today, Last 7 days…) + calendar custom range
ScheduleEventCard
Event card with colored left border, date, time range, category badge
Team Standup
Design Sprint
Annual Leave
Deploy v2
DateCard & DateStrip
Individual selectable day card and horizontal scrollable strip
DateCard — individual sizes
DateStrip — scrollable week
CountdownTimer
SVG arc ring (circular) and flat card variants — zero JS, server-driven
Circular (default)
Flat with actions
TimePicker, DateField, DateTimePicker, MonthPicker, YearPicker, WeekPicker
Styled native HTML inputs — zero JS, accessible, works in any context
WeekDayPicker
Compact day-of-week selector — single or multiple mode, locale-aware
Multiple (working days)
Selected: mon, tue, wed, thu, fri
Single (read-only)
DailyAgenda
Day view with time slots and event blocks
MultiMonthCalendar
Side-by-side month panels — great for date range selection
WheelPicker
iOS-style scroll wheel selector — for time, date, or custom values