react-big-calendar
Advanced tools
Comparing version 0.4.0 to 0.4.1
{ | ||
"name": "react-big-calendar", | ||
"version": "0.4.0", | ||
"version": "0.4.1", | ||
"description": "Calendar! with events", | ||
@@ -30,3 +30,5 @@ "author": "Jason Quense <monastic.panic@gmail.com>", | ||
"clean:examples": "rimraf examples/static", | ||
"build": "npm run clean && babel src --out-dir lib", | ||
"less": "lessc -x src/less/styles.less ./lib/css/react-big-calendar.css", | ||
"assets": "cpy src/less/* lib/less", | ||
"build": "npm run clean && babel src --out-dir lib && npm run assets & npm run less", | ||
"build:examples": "npm run clean:examples && babel-node ./webpack/run-webpack --config docs.config.js", | ||
@@ -33,0 +35,0 @@ "examples": "npm run clean:examples && babel-node ./examples/server.js", |
@@ -11,1 +11,37 @@ react-big-calendar | ||
To run the example locally, `git clone`, `npm install` and `npm run examples`, hosted at localhost:3000. | ||
## Use and Setup | ||
`npm install react-big-calendar --save` | ||
Include `react-big-calendar/lib/css/react-big-calendar.css` for styles. | ||
### Localization and Date Formatting | ||
`react-big-calendar` includes two options for handling the date formatting and culture localization, dpending | ||
on your preference of DateTime libraries. You can use either the Moment.js or Globalize.js localizers. | ||
Regardless of your choice you __must__ choose a localizer to use react-big-calendar. | ||
#### Moment.js | ||
```js | ||
import BigCalendar from 'react-big-calendar'; | ||
import moment from 'moment'; | ||
BigCalendar.setLocalizer( | ||
BigCalendar.momentLocalizer(moment) | ||
); | ||
``` | ||
#### Globalize.js v0.1.1 | ||
```js | ||
import BigCalendar from 'react-big-calendar'; | ||
import globalize from 'globalize'; | ||
BigCalendar.setLocalizer( | ||
BigCalendar.globalizeLocalizer(globalize) | ||
); | ||
``` |
130708
43
47