Gathering detailed insights and metrics for react-native-calendar-range-picker
Gathering detailed insights and metrics for react-native-calendar-range-picker
A Simple react native calendar picker using Hooks.
Installations
npm install react-native-calendar-range-pickerDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
20.10.0
NPM Version
10.5.0
Releases
Unable to fetch releases
Languages
6
TypeScript
Java
Ruby
Objective-C
JavaScript
Objective-C++
TypeScript (75.7%)
Java (13.01%)
Ruby (4.25%)
Objective-C (4.18%)
JavaScript (1.49%)
Objective-C++ (1.36%)
Developer
huurray
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
89 Stars
57 Commits
24 Forks
4 Watchers
25 Branches
1 Contributors
Updated on May 21, 2025
Maintainers
1
Package Meta Information
Latest Version
1.6.0
Package Id
react-native-calendar-range-picker@1.6.0
Unpacked Size
72.80 kB
Size
16.98 kB
File Count
39
NPM Version
10.5.0
Node Version
20.10.0
Published on
Mar 23, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Peer Dependencies
2
Dev Dependencies
3
:point_up_2: react-native-calendar-range-picker
A Simple react native calendar picker using Hooks.
Install
yarn add react-native-calendar-range-picker
or
npm install react-native-calendar-range-picker --save
Usage
Select date range
1import Calendar from "react-native-calendar-range-picker"; 2 3<View style={{ flex: 1 }}> 4 <Calendar 5 startDate="2024-03-05" 6 endDate="2024-03-12" 7 onChange={({ startDate, endDate }) => console.log({ startDate, endDate })} 8 /> 9</View>;
Select single date
1<View style={{ height: 600 }}> 2 <Calendar 3 startDate="2024-03-05" 4 singleSelectMode 5 onChange={(date) => console.log(date)} 6 /> 7</View>
Props
Common props you may want to specify include:
| Properties | PropType | Description |
|---|---|---|
onChange | func | (Required) Handler which gets executed on day press including date data.(start, end or single date) |
singleSelectMode | boolean | Only select single date. (default = false) |
pastYearRange | number | Amount of months allowed to scroll to the past. (default = 1) |
futureYearRange | number | Amount of months allowed to scroll to the future. (default = 2) |
locale | object | Can be localized by adding custom locales to locale object. |
startDate | string(YYYY-MM-DD) | Initially visible start date. |
endDate | string(YYYY-MM-DD) | Initially visible end date. |
initialNumToRender | number | FlatList initialNumToRender prop.(to protect slow initial render)(default = 7) |
flatListProps | FlatList Props | FlatList all props. |
isMonthFirst | boolean | Switch year and month order. (2024 April -> April 2024) |
disabledBeforeToday | boolean | Disable select day before today. |
disabledAfterToday | boolean | Disable select day after today. |
style | object | Customize style. |
Locale
1const CUSTOM_LOCALE = { 2 monthNames: [ 3 'January', 4 'February', 5 'March', 6 'April', 7 'May', 8 'June', 9 'July', 10 'August', 11 'September', 12 'October', 13 'November', 14 'December', 15 ], 16 dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 17 today: 'Today', 18 year: '', // letter behind year number -> 2024{year} 19 } 20 21<Calendar 22 locale={CUSTOM_LOCALE} 23 ... 24/>;
Customize Style
1<Calendar 2 style={{ 3 container: {}, 4 monthContainer: {}, 5 monthOverlayContainer: {}, 6 weekContainer:{}, 7 monthNameText: {}, 8 dayNameText: {}, 9 dayText: {}, 10 dayTextColor: '#f7f7f7', 11 holidayColor: 'rgba(0,0,0,0.5)', 12 todayColor: 'blue', 13 disabledTextColor: '#Hex', 14 selectedDayTextColor: '#Hex', 15 selectedDayBackgroundColor: '#Hex', 16 selectedBetweenDayTextColor: '#Hex', 17 selectedBetweenDayBackgroundTextColor: '#Hex', 18 }} 19 ... 20/>;
License
MIT
No vulnerabilities found.
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
binaries present in source code
Details
- Warn: binary detected: example/android/gradle/wrapper/gradle-wrapper.jar:1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 0/26 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 4 are checked with a SAST tool
Reason
42 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-f5x2-xv93-4p23
- Warn: Project is vulnerable to: GHSA-gmpm-xp43-f7g6
- Warn: Project is vulnerable to: GHSA-pf27-929j-9pmm
- Warn: Project is vulnerable to: GHSA-327c-qx3v-h673
- Warn: Project is vulnerable to: GHSA-x4cf-6jr3-3qvp
- Warn: Project is vulnerable to: GHSA-mph8-6787-r8hw
- Warn: Project is vulnerable to: GHSA-7mhc-prgv-r3q4
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877
- Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx
- Warn: Project is vulnerable to: GHSA-7f53-fmmv-mfjv
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-gff7-g5r8-mg8m
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv
- Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q
- Warn: Project is vulnerable to: GHSA-crh6-fp67-6883
Score
1.6
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More