npmpackage.info

Gathering detailed insights and metrics for react-day-picker

Other packages similar to react-day-picker

@cleartrip/ct-design-calendar-pwa

2.17.0

Calendar component using react-day-picker

react-day-picker-input

0.1.0

This packages extends React Day Picker and gives a better version of Day Picker Input.

react-day-picker-themeable

7.0.5

Flexible date picker component for React

react-jsx-highstock-datepickers

3.0.2

Date Pickers for react-jsx-highstock using react-day-picker

Gathering detailed insights and metrics for react-day-picker

react-day-picker

DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

9.4.0

6,105

MIT

TypeScript

15.96 kB

226,548,728 5.1

Installations

npm install react-day-picker

Pull Requests

Open

2

Total

1,276

Closed

367

Merged

907

Issues

Open

5

Total

920

Closed

915

Releases

v9.4.0

Published on 24 Nov 2024

v9.3.2

Published on 18 Nov 2024

v9.3.1

Published on 16 Nov 2024

v9.3.0

Published on 05 Nov 2024

v9.2.1

Published on 27 Oct 2024

v9.2.0

Published on 23 Oct 2024

View all 66 releases

Developer

gpbl

Developer Guide

BETA

Module System

ESM

Min. Node Version

>=18

Typescript Support

Yes

Node Version

20.16.0

NPM Version

10.8.1 Statistics

6,105 Stars

6,057 Commits

734 Forks

37 Watching

14 Branches

166 Contributors

Updated on 27 Nov 2024

Bundle Size

57.72 kB

Minified

15.96 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (61.4%)

MDX (28.76%)

CSS (6.27%)

JavaScript (3.42%)

Shell (0.08%)

HTML (0.07%)

Total Downloads

Cumulative downloads

Total Downloads

226,548,728

Last day

0.6%

371,762

Compared to previous day

Last week

7.7%

1,998,821

Compared to previous week

Last month

15%

8,054,168

Compared to previous month

Last year

51%

84,059,127

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

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 dates, Jalali, 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

npm downloads Min gzipped size

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.

🎗️ Sponsor DayPicker on GitHub

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Security-Policy

Determines if the project has published a security policy.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

7

SAST

Determines if the project uses static code analysis.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

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:82: 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:83: 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:89: 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: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/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: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
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
Info: 0 out of 29 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 11 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.1

/10

Last Scanned on 2024-11-18

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

Other packages similar to react-day-picker

Other packages similar to react-day-picker

react-day-picker

Installations

Pull Requests

2

1,276

367

907

Issues

5

920

915

Releases

Developer

Developer Guide

ESM

>=18

Yes

20.16.0

10.8.1

Statistics

Bundle Size

57.72 kB

15.96 kB

Languages

Total Downloads

226,548,728

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

React DayPicker

Features

Installation

Example

Compatibility

License

Community

Funding

10

10

10

10

10

7

1

0

0

0

0

0

5.1

/10