Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-day-picker

Package Overview
Dependencies
Maintainers
1
Versions
251
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-day-picker - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

6

package.json
{
"name": "react-day-picker",
"version": "0.1.1",
"version": "0.1.2",
"description": "A minimalistic date picker component using moment.js.",

@@ -36,3 +36,2 @@ "main": "react-date-picker.js",

"jest-cli": "^0.2.1",
"react": "^0.12.2",
"react-tap-event-plugin": "^0.1.3",

@@ -52,4 +51,5 @@ "webpack": "^1.4.15",

"dependencies": {
"moment": "^2.8.4"
"moment": "^2.8.4",
"react": "^0.12.2"
}
}
# react-day-picker
A minimalistic date picker built for [React](facebook.github.io/react/) and [moment.js](http://www.momentjs.com). Supports CSS modifiers and touch and keyboard events.
A minimalistic date picker built for [React](facebook.github.io/react/) and [moment.js](http://www.momentjs.com). Supports CSS modifiers, touch and keyboard events.

@@ -66,5 +66,5 @@ See [demo](http://www.gpbl.org/react-day-picker/).

An object whose keys will be used as CSS modifiers for the day cells. The key's values are functions being evaluated when printing each day cell: if the function returns `true` (or a truthy value), the modifier is added to the day cell as `daypicker__day--<modifier>` className.
CSS modifiers are useful to customize the aspect of a day element. You pass an object whose keys are used as CSS class for each day. The key's values are functions being evaluated when rendering a day element: if the function returns `true` (or a truthy value), the modifier is added to the day cell as `daypicker__day--<modifier>` className.
For example, the following modifier:
For example, the following modifiers:

@@ -81,2 +81,3 @@ ```js

```
will add the CSS class `daypicker__day--disabled` to the days of the past, and the `daypicker__day--all` CSS class to all the days (since it returns always `true`).

@@ -86,2 +87,13 @@

Use this attribute to add an handler when the user touches a day.
Use this attribute to add an handler when the user touches a day.
> To make the touch tap events working, you **must** inject [react-tap-event-plugin](https://github.com/zilverline/react-tap-event-plugin) client side.
#### onDayMouseEnter `function(day, modifiers, event)`
Use this attribute to add an handler when the mouse enters a day element.
#### onDayMouseLeave `function(day, modifiers, event)`
Use this attribute to add an handler when the mouse leaves a day element.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc