https://github.com/maggialejandro/react-native-month

📆 React Native Month Component
https://github.com/maggialejandro/react-native-month

component month react-native react-native-component

Last synced: 4 days ago
JSON representation

📆 React Native Month Component

• Host: GitHub
• URL: https://github.com/maggialejandro/react-native-month
• Owner: maggialejandro
• License: mit
• Created: 2020-03-17T21:43:58.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-23T18:06:52.000Z (3 months ago)
• Last Synced: 2024-10-24T02:50:46.242Z (3 months ago)
• Topics: component, month, react-native, react-native-component
• Language: TypeScript
• Homepage:
• Size: 2.2 MB
• Stars: 24
• Watchers: 3
• Forks: 14
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Native Month 📆

![BuildStatus](https://github.com/maggialejandro/react-native-month/actions/workflows/lint.yml/badge.svg) [![NPM version](https://img.shields.io/npm/v/react-native-month.svg)](https://www.npmjs.com/package/react-native-month) [![npm](https://img.shields.io/npm/dm/react-native-month.svg)](https://github.com/maggialejandro/react-native-month) [![CodeFactor](https://www.codefactor.io/repository/github/maggialejandro/react-native-month/badge)](https://www.codefactor.io/repository/github/maggialejandro/react-native-month) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/832690f286a5451cacdae664d63be3b9)](https://www.codacy.com/app/maggialejandro/react-native-month?utm_source=github.com&utm_medium=referral&utm_content=maggialejandro/react-native-month&utm_campaign=Badge_Grade)



  



## Installation

```console

npm install react-native-month --save

```

Using yarn

```console

yarn add react-native-month

```

## Usage

See example folder

## API

| Prop                    | Description                            | Required?              | Default | Type             |

| ----------------------- | -------------------------------------- | ---------------------- | ------- | ---------------- |

| **`onPress`**           | Callback called when a day is pressed. | yes                    |         | Function         |

| **`minDate`**           | Minimum date that can be selected.     | no                     | null    | 'YYYY-MM-DD'     |

| **`maxDate`**           | Maximum date that can be selected.     | no                     | null    | 'YYYY-MM-DD'     |

| **`startDate`**         | Selected start date                    | no                     | null    | 'YYYY-MM-DD'     |

| **`endDate`**           | Selected end date                      | requires _startDate_   | null    | 'YYYY-MM-DD'     |

| **`theme`**             | Calendar StyleSheet                    | no                     | null    | ThemeType        |

| **`locale`**            | Calendar language                      | es, en, fr, br, zh, ru | 'en'    | LocaleType       |

| **`showWeekdays`**      | Show Week columns                      | no                     | true    | boolean          |

| **`firstDayMonday`**    | Monday as first day of the week        | no                     | false   | boolean          |

| **`monthHeight`**       | Change Month row height                | no                     | 370     | number           |

| **`disabledDays`**      | Disabled days                          | no                     | null    | {[string]: any } |

| **`renderDayContent`**  | Render custom Day content              | no                     | null    | Function         |

| **`disableOffsetDays`** | Remove offset Days.                    | no                     | false   | boolean          |

## License

MIT