react-native-week-view

The week view component for react-native.

* Supported in Android and iOS
* Many user interactions supported: drag and drop events, edit events, swipe through pages, event press, grid press, etc
* Customizable styles
* Multiple locale support

Checkout the full documentation site, including guides, full API and known issues.

!basic-example !drag-drop

Installation

> npm install --save react-native-week-view

> yarn add react-native-week-view

Requirements: install peer dependencies react-native-gesture-handler >= 2.4.1 and react-native-reanimated >=2.0.0, which we use to provide smoother interactions and animations (e.g. drag and drop).

Basic usage

``js import WeekView from 'react-native-week-view';

const myEvents = [ { id: 1, description: 'Event', startDate: new Date(2021, 3, 15, 12, 0), endDate: new Date(2021, 3, 15, 12, 30), color: 'blue', // ... more properties if needed, }, // More events... ];

const MyComponent = () => ( events={myEvents} selectedDate={new Date(2021, 3, 15)} numberOfDays={7} /> );

See the full documentation with more examples and details!