Calendar
Date selection for scheduling, pricing, and pickers.
Multi-month range
A two-month range calendar for selecting a start and end date.
Select a reporting period
Range with presets
A range calendar with quick presets like Today, Last 7 days, and Year to date.
Reporting period with presets
Event list
A calendar with the selected day's events listed beneath it.
Scheduled energy events
Appointment booking
A calendar paired with selectable time slots.
DR event scheduling
Pricing
A date-range calendar for a pricing period.
Daily energy cost
API reference
A styled react-day-picker month grid with a custom day-button renderer.
Anatomy
Calendar | Styled DayPicker root rendering the month grid, nav, and dropdowns. |
CalendarDayButton | Ghost button for one day cell, with selection/range styling. |