Skip to content

Commit

Permalink
add prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
skratchdot committed Feb 4, 2018
1 parent 75efaa7 commit 952c807
Show file tree
Hide file tree
Showing 11 changed files with 403 additions and 321 deletions.
3 changes: 3 additions & 0 deletions .prettierignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
demo/
dist/
node_modules/
187 changes: 116 additions & 71 deletions CHANGELOG.md

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion LICENSE.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0
http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
Expand Down
78 changes: 37 additions & 41 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,39 +4,40 @@
[![Dependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker)
[![devDependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker/dev-status.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker#info=devDependencies)


## Description

A date/time picker for react (using bootstrap). This is a react wrapper around
an existing jQuery/bootstrap library (it is not a pure react port):

[bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker)


## Getting Started

1) Install the module with: `npm install --save react-bootstrap-daterangepicker`
1. Install the module with: `npm install --save react-bootstrap-daterangepicker`

2) Install the needed peer dependencies: `npm install --save react react-dom jquery create-react-class prop-types`
2. Install the needed peer dependencies: `npm install --save react react-dom jquery create-react-class prop-types`

3) Create your module (you need to use something like browserify to build)
3. Create your module (you need to use something like browserify to build)

```javascript
var React = require('react');
var moment = require('moment');
var DateRangePicker = require('react-bootstrap-daterangepicker');
var someReactComponent = React.createClass({
render: function () {
return (
<DateRangePicker startDate={moment('1/1/2014')} endDate={moment('3/1/2014')}>
<div>Click Me To Open Picker!</div>
</DateRangePicker>
);
}
render: function() {
return (
<DateRangePicker
startDate={moment('1/1/2014')}
endDate={moment('3/1/2014')}
>
<div>Click Me To Open Picker!</div>
</DateRangePicker>
);
}
});
```

4) Include the daterangepicker CSS in your project somewhere. The CSS file is here: [daterangepicker.css](https://raw.githubusercontent.com/skratchdot/react-bootstrap-daterangepicker/master/css/daterangepicker.css) (don't hotlink- download and host your own copy)
4. Include the daterangepicker CSS in your project somewhere. The CSS file is here: [daterangepicker.css](https://raw.githubusercontent.com/skratchdot/react-bootstrap-daterangepicker/master/css/daterangepicker.css) (don't hotlink- download and host your own copy)

```html
<link rel="stylesheet" href="daterangepicker.css" type="text/css" />
Expand All @@ -49,7 +50,7 @@ For in depth documentation, see the original

You can pass all the same props as the original plugin:

- **&lt;input&gt;, alwaysShowCalendars, applyClass, autoApply, autoUpdateInput,
* **&lt;input&gt;, alwaysShowCalendars, applyClass, autoApply, autoUpdateInput,
buttonClasses, cancelClass, dateLimit, drops, endDate, isCustomDate,
isInvalidDate, linkedCalendars, locale, maxDate, minDate, opens, parentEl,
ranges, showCustomRangeLabel, showDropdowns, showISOWeekNumbers,
Expand All @@ -58,56 +59,51 @@ You can pass all the same props as the original plugin:

You can listen to the following 7 events:

- **onShow**: thrown when the widget is shown
- **onHide**: thrown when the widget is hidden
- **onShowCalendar**: thrown when the calendar is shown
- **onHideCalendar**: thrown when the calendar is hidden
- **onApply**: thrown when the apply button is clicked
- **onCancel**: thrown when the cancel button is clicked
- **onEvent**: thrown when any of the 4 events above are triggered
* **onShow**: thrown when the widget is shown
* **onHide**: thrown when the widget is hidden
* **onShowCalendar**: thrown when the calendar is shown
* **onHideCalendar**: thrown when the calendar is hidden
* **onApply**: thrown when the apply button is clicked
* **onCancel**: thrown when the cancel button is clicked
* **onEvent**: thrown when any of the 4 events above are triggered

All 7 of the events above should take a handler that is passed 2 arguments: **event** and **picker**

#### Example event handler:

```javascript
var someReactComponent = React.createClass({
handleEvent: function (event, picker) {
console.log(picker.startDate);
},
render: function () {
return (
<DateRangePicker onEvent={this.handleEvent} />
);
}
handleEvent: function(event, picker) {
console.log(picker.startDate);
},
render: function() {
return <DateRangePicker onEvent={this.handleEvent} />;
}
});
```


## Release Notes

Release notes can be found in the
[Changelog](https://github.com/skratchdot/react-bootstrap-daterangepicker/blob/master/CHANGELOG.md).

We will try to release a new version of this project with each new
[React](http://facebook.github.io/react/index.html)
release. We will bump the major version with each React release. If you are using
release. We will bump the major version with each React release. If you are using
a specific version of `react` or `react-bootstrap`, make sure you specify the correct
version of `react-bootstrap-daterangepicker` in your package.json file.

- React 15: react-bootstrap-daterangepicker v3.x.x
- React 14: react-bootstrap-daterangepicker v1.x.x
- React 13: react-bootstrap-daterangepicker v0.x.x
- React 14/15 Experimental: react-bootstrap-daterangepicker v2.x.x (do not use)

* React 15: react-bootstrap-daterangepicker v3.x.x
* React 14: react-bootstrap-daterangepicker v1.x.x
* React 13: react-bootstrap-daterangepicker v0.x.x
* React 14/15 Experimental: react-bootstrap-daterangepicker v2.x.x (do not use)

## Links

- [Source Code](https://github.com/skratchdot/react-bootstrap-daterangepicker)
- [Changelog](https://github.com/skratchdot/react-bootstrap-daterangepicker/blob/master/CHANGELOG.md)
- [Live Demo](http://projects.skratchdot.com/react-bootstrap-daterangepicker/)
- [Original Plugin](https://github.com/dangrossman/bootstrap-daterangepicker)

* [Source Code](https://github.com/skratchdot/react-bootstrap-daterangepicker)
* [Changelog](https://github.com/skratchdot/react-bootstrap-daterangepicker/blob/master/CHANGELOG.md)
* [Live Demo](http://projects.skratchdot.com/react-bootstrap-daterangepicker/)
* [Original Plugin](https://github.com/dangrossman/bootstrap-daterangepicker)

## License

Expand Down
68 changes: 34 additions & 34 deletions lib/get-options.js
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
"use strict";
'use strict';
/* generated by gulpfile.js */
export default () => {
return [
"<input>",
"alwaysShowCalendars",
"applyClass",
"autoApply",
"autoUpdateInput",
"buttonClasses",
"cancelClass",
"dateLimit",
"drops",
"endDate",
"isCustomDate",
"isInvalidDate",
"linkedCalendars",
"locale",
"maxDate",
"minDate",
"opens",
"parentEl",
"ranges",
"showCustomRangeLabel",
"showDropdowns",
"showISOWeekNumbers",
"showWeekNumbers",
"singleDatePicker",
"startDate",
"template",
"timePicker",
"timePicker24Hour",
"timePickerIncrement",
"timePickerSeconds"
];
};
return [
'<input>',
'alwaysShowCalendars',
'applyClass',
'autoApply',
'autoUpdateInput',
'buttonClasses',
'cancelClass',
'dateLimit',
'drops',
'endDate',
'isCustomDate',
'isInvalidDate',
'linkedCalendars',
'locale',
'maxDate',
'minDate',
'opens',
'parentEl',
'ranges',
'showCustomRangeLabel',
'showDropdowns',
'showISOWeekNumbers',
'showWeekNumbers',
'singleDatePicker',
'startDate',
'template',
'timePicker',
'timePicker24Hour',
'timePickerIncrement',
'timePickerSeconds'
];
};
Loading

0 comments on commit 952c807

Please sign in to comment.