Package Health Score

62 / 100

security
No known security issues
popularity
Popular
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
9.15.11	\|	06/2020	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
9.14.5	\|	05/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L
8.4.7	\|	07/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.8.0	\|	04/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.7.1	\|	03/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Popular

Weekly Downloads (107,799)

GitHub Stars: 1.7K
Forks: 494
Contributors: 110

Direct Usage Popularity

The npm package rc-calendar receives a total of 107,799 downloads a week. As such, we scored rc-calendar popularity level to be Popular.

Based on project statistics from the GitHub repository for the npm package rc-calendar, we found that it has been starred 1,701 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 110
Funding: No

A good and healthy external contribution signal for rc-calendar project, which invites more than one hundred open source maintainers to collaborate on the repository.

We found a way for you to contribute to the project! Looks like rc-calendar is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 94
Open PR: 48
Last Release: 5 years ago
Last Commit: 12 months ago

Further analysis of the maintenance status of rc-calendar based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for rc-calendar is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 10 years
Dependencies: 7 Direct
Versions: 241
Install Size: 1.61 MB
Dist-tags: 2
# of Files: 171
Maintainers: 6
TS Typings: No

rc-calendar has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

rc-calendar

React Calendar

Screenshots

Feature

support ie9,ie9+,chrome,firefox,safari
support date, month, year, decade select panel
support week number
support en_US and zh_CN locale(UI), use moment.utcOffset to set timezone
support aria and keyboard accessibility

Keyboard

Previous month (PageUp)
Next month (PageDown)
tab into hour input: Last hour(Up), Next hour(Down)
tab into hour input: Last minute(Up), Next minute(Down)
tab into hour input: Last second(Up), Next second(Down)
Last year (Control + left)
Next year (Control + right)

install

Usage

import Calendar from 'rc-calendar';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(, container);

Development

npm install
npm start

Example

https://localhost:8002/examples/

online example:

https://react-component.github.io/calendar/examples/index.html

API

rc-calendar props

name	type	default	description
prefixCls	String		prefixCls of this component
className	String		additional css class of root dom node
style	Object		additional style of root dom node
dateRender	(current, value) => React.Node		date cell
renderSidebar	() => React.Node		side bar
renderFooter	(mode) => React.Node		extra footer
value	moment		current value like input's value
defaultValue	moment		defaultValue like input's defaultValue
locale	Object	import from 'rc-calendar/lib/locale/en_US'	calendar locale
format	String \| String[]	depends on whether you set timePicker and your locale	use to format/parse date(without time) value to/from input. When an array is provided, all values are used for parsing and first value for display.
disabledDate	Function(current:moment):Boolean		whether to disable select of current date
disabledTime	Function(current:moment):Object		a function which return a object with member of disabledHours/disabledMinutes/disabledSeconds according to rc-time-picker
showDateInput	Boolean	true	whether to show input on top of calendar panel
showWeekNumber	Boolean	false	whether to show week number of year
showToday	Boolean	true	whether to show today button
showOk	Boolean	auto	whether has ok button in footer
timePicker	React Element		rc-timer-picker/lib/module/panel element
onSelect	Function(date: moment)		called when a date is selected from calendar
onClear	Function()		called when a date is cleared from calendar
onChange	Function(date: moment)		called when a date is changed inside calendar (next year/next month/keyboard)
onOk	Function(date: moment)		called when ok button is pressed, only if it's visible
dateInputPlaceholder	String		date input's placeholder
mode	enum('time', 'date', 'month', 'year', 'decade')	'date'	control which kind of panel should be shown
onPanelChange	Function(date: moment, mode)		called when panel changed
clearIcon	ReactNode		specific the clear icon.
inputMode	string	text	Change the keyboard in mobile device

rc-calendar/lib/RangeCalendar props

name	type	default	description
prefixCls	String		prefixCls of this component
className	String		additional css class of root dom node
style	Object		additional style of root dom node
renderSidebar	() => React.Node		side bar
renderFooter	() => React.Node		extra footer
selectedValue	moment[]		current selected value range. with two elements.
defaultSelectedValue	moment[]		default selected value range
locale	Object	import from 'rc-calendar/lib/locale/en_US'	calendar locale
format	String	depends on whether you set timePicker and your locale	use to format/parse date(without time) value to/from input
disabledDate	Function(current:moment):Boolean		whether to disable select of current date
showWeekNumber	Boolean	false	whether to show week number of year
showToday	Boolean	true	whether to show today button
showOk	Boolean	auto	whether has ok button in footer
showClear	Boolean	false	whether has clear button in header
timePicker	React Element		rc-timer-picker/lib/module/panel element
onSelect	Function(date: moment[])		called when a date range is selected from calendar
onInputSelect	Function(date: moment[])		called when a valid date entered in input
onClear	Function()		called when a date range is cleared from calendar
onChange	Function(date: moment[])		called when a date range is changed inside calendar (next year/next month/keyboard)
onOk	Function(date: moment)		called when ok button is pressed, only if it's visible
dateInputPlaceholder	String[]		range date input's placeholders
disabledTime	Function(current: moment[], type:'start'\|'end'):Object		a function which return a object with member of disabledHours/disabledMinutes/disabledSeconds according to rc-time-picker
showDateInput	Boolean	true	whether to show date inputs on top of calendar panels
type	enum('both','start', 'end')	both	whether fix start or end selected value. check start-end-range example
mode	enum('date', 'month', 'year', 'decade')[]	['date', 'date']	control which kind of panels should be shown
onPanelChange	Function(date: moment[], mode)		called when panels changed
hoverValue	moment[]		control hover value
onHoverChange	Function(hoverValue: moment[])		called when hover value change
clearIcon	ReactNode		specific the clear icon.

rc-calendar/lib/MonthCalendar props

name	type	default	description
prefixCls	String		prefixCls of this component
className	String		additional css class of root dom node
style	Object		additional style of root dom node
value	moment		current value like input's value
defaultValue	moment		defaultValue like input's defaultValue
locale	Object	import from 'rc-calendar/lib/locale/en_US'	calendar locale
disabledDate	Function(current:moment):Boolean		whether to disable select of current month
onSelect	Function(date: moment)		called when a date is selected from calendar
monthCellRender	function		Custom month cell render method
monthCellContentRender	function		Custom month cell content render method,the content will be appended to the cell.
onChange	Function(date: moment)		called when a date is changed inside calendar (next year/next month/keyboard)
renderFooter	() => React.Node		extra footer

rc-calendar/lib/Picker props

name	type	default	description
prefixCls	String		prefixCls of this component
calendar	Calendar React Element
disabled	Boolean		whether picker is disabled
placement	String\|Object		one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight']
align	Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)		value will be merged into placement's align config.
animation	String		index.css support 'slide-up'
transitionName	String		css class for animation
value	moment\|moment[]		current value like input's value
defaultValue	moment\|moment[]		defaultValue like input's defaultValue
onChange	Function		called when select a different value
onOpenChange	(open:boolean) => void		called when open/close picker
open	Boolean		current open state of picker. controlled prop
getCalendarContainer	() => HTMLElement	() => {return document.body;}	dom node where calendar to be rendered into
dropdownClassName	string		additional className applied to dropdown

rc-calendar/lib/FullCalendar props

name	type	default	description
prefixCls	String		prefixCls of this component
Select	React Component Class		rc-select Component Class
value	moment		current value like input's value
defaultValue	moment		defaultValue like input's defaultValue
defaultType	string	date	default panel type: date/month
type	string		panel type: date/month
onTypeChange	function(type)		called when panel type change
fullscreen	bool	false
monthCellRender	function		Custom month cell render method
dateCellRender	function		Custom date cell render method
monthCellContentRender	function		Custom month cell content render method,the content will be appended to the cell.
dateCellContentRender	function		Custom date cell content render method,the content will be appended to the cell.
onSelect	Function(date: moment)		called when a date is selected from calendar

Test Case

npm test

Coverage

npm run coverage

open coverage/ dir

License

rc-calendar is released under the MIT license.

rc-calendar dependencies

babel-runtime classnames moment prop-types rc-trigger rc-util react-lifecycles-compat

rc-calendar development dependencies

@types/react async dtslint enzyme enzyme-adapter-react-16 enzyme-to-json jest mockdate pre-commit rc-dialog rc-select rc-time-picker rc-tools react react-dom react-test-renderer tslint typescript

FAQs

What is rc-calendar?

React Calendar. Visit Snyk Advisor to see a full health score report for rc-calendar, including popularity, security, maintenance & community analysis.

Is rc-calendar popular?

The npm package rc-calendar receives a total of 107,799 weekly downloads. As such, rc-calendar popularity was classified as a popular. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is rc-calendar well maintained?

We found indications that rc-calendar is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is rc-calendar safe to use?

The npm package rc-calendar was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 5 December-2024, at 17:41 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (107,799)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

rc-calendar

Screenshots

Feature

Keyboard

install

Usage

Development

Example

API

rc-calendar props

rc-calendar/lib/RangeCalendar props

rc-calendar/lib/MonthCalendar props

rc-calendar/lib/Picker props

rc-calendar/lib/FullCalendar props

Test Case

Coverage

License

rc-calendar dependencies

rc-calendar development dependencies

FAQs

What is rc-calendar?

Is rc-calendar popular?

Is rc-calendar well maintained?

Is rc-calendar safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues