Compact selectable month grid for product surfaces.
Calendar provides a small date grid for custom date flows while keeping the API string-based and framework-friendly.
Use for compact date selection when a visible month grid is needed.
<Calendar defaultValue="2026-05-03" locale="en-US" />import { Calendar } from "@froggdesign/enter-ui-react";Min and max disable dates outside the allowed window.
Calendar renders a grid of day buttons with selected state and month navigation controls. Use DatePicker (also exported as DateInput) for a button-triggered calendar popover. DateInput is an alias, not a native mobile date input.
value, defaultValue, and onValueChange use ISO date strings.min and max disable out-of-range dates.locale controls month and weekday labels.weekStartsOn supports Sunday or Monday starts.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.