# wix/react-native-calendars

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/wix-react-native-calendars).**

10,294 stars · 3,073 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/wix/react-native-calendars
- awesome-repositories: https://awesome-repositories.com/repository/wix-react-native-calendars.md

## Description

This project provides a set of customizable calendar and date-picking interfaces for cross-platform mobile applications. It includes an interactive date grid and a date picker interface used for selecting single dates or date ranges.

The components support localized date displays, allowing month names and date formatting to adapt to different languages and regional settings. Users can navigate months via a scrollable grid and mark specific days with custom highlights or indicators to signify events and status.

The library covers date selection constraints to block specific dates and a selection interface for managing time slots. It also includes capabilities for event scheduling and the ability to restrict user interaction through date validation.

## Tags

### User Interface & Experience

- [Calendars](https://awesome-repositories.com/f/user-interface-experience/calendars.md) — Provides an interactive calendar component with month swiping and date-based navigation.
- [Calendar Components](https://awesome-repositories.com/f/user-interface-experience/calendar-components.md) — Provides a set of customizable calendar UI widgets for date selection and schedule display.
- [Calendar Grid Rendering](https://awesome-repositories.com/f/user-interface-experience/calendar-grid-rendering.md) — Renders flexible date grids with support for month swiping and custom rendering. ([source](https://github.com/wix/react-native-calendars/blob/master/package.json))
- [Date Pickers](https://awesome-repositories.com/f/user-interface-experience/date-pickers.md) — Implements interfaces for selecting single dates or date ranges with custom marking.
- [Calendar-Based Scheduling Interfaces](https://awesome-repositories.com/f/user-interface-experience/date-range-schedulers/calendar-based-scheduling-interfaces.md) — Implements a calendar-based interface for highlighting events and deadlines.
- [Date Selection Components](https://awesome-repositories.com/f/user-interface-experience/date-selection-components.md) — Provides interactive components for selecting single dates or date ranges within a calendar. ([source](https://github.com/wix/react-native-calendars/tree/master/.github))
- [Selection Constraints](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers/selection-constraints.md) — Restricts user interaction by blocking unavailable or invalid date slots. ([source](https://github.com/wix/react-native-calendars#readme))
- [Date Blacklisting](https://awesome-repositories.com/f/user-interface-experience/date-range-schedulers/date-range-restrictions/date-blacklisting.md) — Provides mechanisms to block specific dates and prevent user interaction with restricted time slots.
- [Date Input Validation](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/form-validation/date-input-validation.md) — Provides rules for restricting date selection through custom validation logic and boundaries.
- [Dynamic Marker Styling](https://awesome-repositories.com/f/user-interface-experience/style-props-frameworks/dynamic-marker-styling.md) — Applies custom visual markers and date highlights by mapping configuration objects to view properties.
- [Virtualized List Rendering](https://awesome-repositories.com/f/user-interface-experience/virtualized-list-rendering.md) — Uses virtualized rendering for monthly date grids to enable performant swiping between time periods.

### Part of an Awesome List

- [Calendars And Dates](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-dates.md) — Provides a scrollable date display for navigating months and visualizing date-based information.
- [Date Metadata Visualization](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-dates/date-metadata-visualization.md) — Allows marking specific dates with dots or custom styles to signify events and status. ([source](https://wix.github.io/react-native-calendars/docs/Intro))
- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Customizable calendar components for mobile apps.

### Data & Databases

- [Numeric and Date Formatting](https://awesome-repositories.com/f/data-databases/date-and-time-libraries/internationalization/numeric-and-date-formatting.md) — Adapts calendar layouts and date formatting to match user language and regional standards.

### Mobile Development

- [React Native Components](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-components.md) — Ships as a set of pre-built UI components designed specifically for React Native mobile applications.

### Web Development

- [Internationalized Date Formatting](https://awesome-repositories.com/f/web-development/internationalized-date-formatting.md) — Supports locale-aware translation of month names and day labels based on regional settings.