├── .gitignore
├── LICENSE
├── README.md
├── bower.json
├── example
├── developer.html
└── index.html
├── gulpfile.coffee
├── gulpfile.js
├── package.json
└── src
├── build
├── datepicker.css
└── datepicker.min.js
├── css
└── datepicker.styl
└── js
├── ui
├── datepicker
│ ├── DatePicker.jsx
│ ├── DatePickerInput.jsx
│ ├── Day.jsx
│ └── DayPicker.jsx
└── numberpicker
│ └── NumberPicker.jsx
└── utils
└── DateUtils.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/
3 | bower_components/
4 | node_modules/
5 | tmp/
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 misino
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
6 | this software and associated documentation files (the "Software"), to deal in
7 | the Software without restriction, including without limitation the rights to
8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | #react-datepicker
2 |
3 | Datepicker component for applications based on Facebook React library.
4 |
5 | ##Usage
6 | Standalone datepicker element. It can perform action if date is selected. Parameters are optional.
7 | For best functionality, *DatePicker* needs to be wrapped in component which sets new date on *onChangeDate* event. An example of such wrapper component could be *DatepickerInput*.
8 |
9 | ```
10 | var callback = function(date) {
11 | alert('new selected date is: '+date);
12 | }
13 |
14 |
15 | ```
16 |
17 | This library contains own datepicker integration with input element.
18 | All parameters are optional.
19 | Parameter *beforeUpdate* has to be function which returns string. This string will be set as value of input field before date change.
20 |
21 | ```
22 | var returnDate = function(date) {return date}; // this callback will be called before input field update. You can use it for example for date formatting as is shown in example/index.html
23 |
24 | ```
25 |
26 | minified javascript and css are located in directory `src/build`
27 |
28 | ###Development
29 | If you want to make changes in code and use benefits of compiling code, you need to have gulp and bower installed.
30 |
31 | ```
32 | npm install -g gulp
33 | npm install -g bower
34 | ```
35 |
36 | before running gulp for the first time, install dependencies and download other stuff via bower
37 |
38 | ```
39 | cd react-datepicker
40 | npm install
41 | bower install
42 | ```
43 |
44 | Compile code via command `gulp build` or `gulp`
45 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-datepicker",
3 | "version": "0.2.0",
4 | "private": true,
5 | "dependencies": {
6 | "este-library": "git://github.com/steida/este-library.git"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/example/developer.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Datepicker Example - unminified files
5 |
6 |
7 |
8 |
9 |
10 |
11 |