Calendar

Calendar provides a small date grid for custom date flows while keeping the API string-based and framework-friendly.

#Default usage

<Calendar defaultValue="2026-05-03" locale="en-US" />

#Import

import { Calendar } from "@froggdesign/enter-ui-react";

#Variants

#Accessibility

Calendar renders a grid of day buttons with selected state and month navigation controls. Use DateInput when native mobile date picking is more important than an always-visible grid.

#API

• 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.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.