Skip to main content
Examples use the React Native Calendar; most props are shared with the dom renderer, and the dom vs native comparison lists what differs per renderer.
Calendar renders one view at a time, picked by mode:
Three more surfaces ship as standalone components rather than modes:

Custom day counts

custom renders any number of columns. Set numberOfDays (e.g. 5 for a work-week), or set weekEndsOn to show a fixed slice of the week (weekStartsOnweekEndsOn) that pages week by week.

Paging

Every paged view moves one page per swipe by default. Set freeSwipe to let a fling carry across several pages (still snapping to a boundary), or swipeEnabled={false} to page only programmatically. onChangeDate fires with the new anchor date; onChangeDateRange (React Native) fires with the [start, end] of the visible window. On react-native-web the pager follows the left/right arrow keys; the dom renderer pages with PageUp/PageDown when onChangeDate is wired.