Gathering detailed insights and metrics for react-day-picker
Gathering detailed insights and metrics for react-day-picker
DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.
Installations
npm install react-day-pickerDeveloper Guide
BETA
Typescript
Yes
Module System
ESM
Min. Node Version
>=18
Node Version
20.16.0
NPM Version
10.8.1
Score
98
Supply Chain
92.4
Quality
95
Maintenance
100
Vulnerability
100
License
Releases
80
Languages
6
TypeScript
MDX
CSS
JavaScript
Shell
HTML
TypeScript (64.43%)
MDX (26.08%)
CSS (6.33%)
JavaScript (3.03%)
Shell (0.07%)
HTML (0.06%)
Developer
Download Statistics
Total Downloads
297,178,379
Last Day
490,892
Last Week
5,448,129
Last Month
27,359,869
Last Year
117,333,540
GitHub Statistics
MIT License
6,364 Stars
6,187 Commits
753 Forks
38 Watchers
28 Branches
175 Contributors
Updated on May 04, 2025
Bundle Size
62.33 kB
Minified
17.42 kB
Minified + Gzipped
Sponsor this package
Maintainers
2
Package Meta Information
Latest Version
9.6.7
Package Id
react-day-picker@9.6.7
Unpacked Size
1.02 MB
Size
149.21 kB
File Count
830
NPM Version
10.8.1
Node Version
20.16.0
Published on
Apr 14, 2025
Total Downloads
Cumulative downloads
Total Downloads
297,178,379
Last Day
4%
490,892
Compared to previous day
Last Week
-8.3%
5,448,129
Compared to previous week
Last Month
91.2%
27,359,869
Compared to previous month
Last Year
50.7%
117,333,540
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
3
Peer Dependencies
1
Dev Dependencies
38
@jest/types@radix-ui/react-select@swc/core@swc/jest@testing-library/dom@testing-library/jest-dom@testing-library/react@testing-library/user-event@trivago/prettier-plugin-sort-imports@types/jest@types/node@types/react@types/react-dom@typescript-eslint/eslint-plugin@typescript-eslint/parsereslinteslint-config-prettiereslint-import-resolver-typescripteslint-plugin-importeslint-plugin-jesteslint-plugin-prettiereslint-plugin-reacteslint-plugin-react-hookseslint-plugin-require-extensionseslint-plugin-testing-libraryhtml-validatejestjest-environment-jsdomjest-transform-cssmockdateprettierprettier-plugin-jsdocreactreact-domts-nodetslibtypescripttypescript-css-modules
React DayPicker
DayPicker is a React component for creating date pickers, calendars, and date inputs for web applications.
📖 See daypicker.dev for guides, examples and API reference.
Features
- 🛠 Extensive set of props for customizing the calendar.
- 🎨 Minimal design that can be easily styled with CSS or any CSS framework.
- 📅 Supports selections of single days, multiple days, ranges of days, or custom selections.
- 🌍 Can be localized into any language and time zones.
- 🌐 Support for ISO 8601, Persian, and broadcast calendar.
- 🦮 Complies with WCAG 2.1 AA requirements for accessibility.
- ⚙️ Customizable components to extend the rendered elements.
- 🔤 Easy integration with input fields.
DayPicker is written in TypeScript and compiled to CommonJS and ESM. It relies on date-fns for date manipulation and formatting.
Installation
1npm install react-day-picker
Example
1import { DayPicker } from "react-day-picker"; 2import "react-day-picker/style.css"; 3 4function MyDatePicker() { 5 const [selected, setSelected] = useState<Date>(); 6 7 return ( 8 <DayPicker 9 mode="single" 10 selected={selected} 11 onSelect={setSelected} 12 footer={ 13 selected ? `Selected: ${selected.toLocaleDateString()}` : "Pick a day." 14 } 15 /> 16 ); 17}
Compatibility
DayPicker is compatible with React 16.8 and later.
License
DayPicker is released under the MIT License.
Community
Ask for help and share your experience with DayPicker:
- 💬 Discussion forums - Get support and provide feedback.
- 🪳 Report an issue - Report bugs or request features.
Funding
Consider supporting DayPicker's maintainer with a donation. Your support helps keep the project alive and up-to-date.
No vulnerabilities found.
Reason
30 commit(s) and 15 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
security policy file detected
Details
- Info: security policy file detected: SECURITY.md:1
- Info: Found linked content: SECURITY.md:1
- Info: Found disclosure, vulnerability, and/or timelines in security policy: SECURITY.md:1
- Info: Found text in security policy: SECURITY.md:1
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 15/30 approved changesets -- score normalized to 5
Reason
SAST tool is not run on all commits -- score normalized to 4
Details
- Warn: 8 commits out of 20 are checked with a SAST tool
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: jobLevel 'contents' permission set to 'write': .github/workflows/package.yml:96
- Warn: no topLevel permission defined: .github/workflows/package.yml:1
- Info: topLevel 'contents' permission set to 'read': .github/workflows/performance.yml:13
- Warn: no topLevel permission defined: .github/workflows/website.yml:1
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:61: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:62: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:78: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:79: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:80: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:84: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:99: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/package.yml:100: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:101: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/package.yml:106: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/package.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/performance.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/performance.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/performance.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:61: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:64: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:90: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/performance.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/website.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/website.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/website.yml:52: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:53: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/website.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/gpbl/react-day-picker/website.yml/main?enable=pin
- Info: 0 out of 32 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 12 third-party GitHubAction dependencies pinned
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
18 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-f7f6-9jq7-3rqj
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh
- Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42
- Warn: Project is vulnerable to: GHSA-m5qc-5hw7-8vg7
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-859w-5945-r5v3
Score
5.3
/10
Last Scanned on 2025-04-28
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