Calendar

A custom calendar component for date selection with support for date, month, and year views, animations, and min/max date ranges.

import { Calendar } from '@smartacteam/react-native-ui';

<Calendar
  value={new Date()}
  onChange={(val) => console.log(val)}
/>

Name	Type	Required	Description
`value`	`Date`	No	Currently selected date. If not set, defaults to today.
`endValue`	`Date`	No	Value of end date of your range (in case you’re using `range`).
`range`	`boolean`	No	If you’re using range date-picker.
`monthOnly`	`boolean`	No	Default is false, use for month picker (MM/YYYY).
`onChange`	`(val: Date, endVal?: Date) => void`	Yes	Callback function when a new date is selected. Or if range is changed
`minDate`	`Date`	No	Minimum selectable date. Used for limiting available years/months.
`maxDate`	`Date`	No	Maximum selectable date. Used for limiting available years/months.
(…)	(Inherited)		Props from `BaseSmacStyling`, `ViewProps`.

See BaseSmacStyling and React Native View Props for inherited options.

📅 Full Month View: Renders complete calendar grid including overflow from previous/next months.
🎯 Select Modes: Switch between date, month, and year selection.
🎨 Themed Styling: Fully integrates with your custom theme.
🚫 Min/Max Dates: Supports limiting selectable dates.