Fix/react 16 update

CHANGELOG.md

@@ -0,0 +1,43 @@
+# Change Log
+All notable changes to this project will be documented in this file.
+This project adheres to [Semantic Versioning](http://semver.org/).
+This change log adheres to standards from [Keep a CHANGELOG](http://keepachangelog.com).
+
+## [0.7.0] - 2017-08-25
+### Changed
+* Allowed the dateTime property to accept an existing Moment instance, to allow preservation of UTC flag.
+
+## [0.6.0] - 2017-03-23
+### Changed
+* Do not format inputValue when onChange to solve [issue](https://github.com/MYOB-Technology/myob_widgets/issues/460)
+[0.6.0]: https://github.com/MYOB-Technology/react-bootstrap-datetimepicker/compare/v0.5.2...v0.6.0
+
+## [0.5.2] - 2017-01-25
+### Changed
+* Made min and max dates soft disable fields such that they will still be greyed out but but still be able to be clicked
+[0.5.2]: https://github.com/MYOB-Technology/react-bootstrap-datetimepicker/compare/v0.4.2...v0.5.2
+
+## [0.4.2] - 2016-11-11
+### Fixed
+* Initialise the DateTimeField's inputValue to dateTime, even if defaultText is set
+
+[0.4.2]: https://github.com/MYOB-Technology/react-bootstrap-datetimepicker/compare/v0.4.0...v0.4.2
+
+## [0.2.3] - 2016-06-07
+### Changed
+* Removed the assumption that dates typed in the input field will be separated by either a ‘/’ for date mode and a space for month mode.
+
+[0.2.3]: https://github.com/MYOB-Technology/react-bootstrap-datetimepicker/compare/v0.2.2...v0.2.3
+
+## [0.2.0] - 2016-04-22
+### Added
+* 'onBlur', 'onEnterKeyDown', 'name', and 'tabIndex' props to DateTimeField
+
+### Fixed
+* When selecting a month, it does not reset the error styles of the input
+* Auto-evaluates year at 2 digits when both YY and YYYY formats are accepted
+
+### Changed
+* The DateTimeField now assumes that dates typed in the input field will be separated by either a ‘/’ or a space.
+
+[0.2.0]: https://github.com/MYOB-Technology/react-bootstrap-datetimepicker/compare/v0.1.0...v0.2.0

README.md

@@ -6,15 +6,17 @@ This project is a port of https://github.com/Eonasdan/bootstrap-datetimepicker f
 Usage
 ===============================
 
-Installation :
-```
-npm install react-bootstrap-datetimepicker
-```
+Installation : `npm install --save @myob/react-bootstrap-datetimepicker`
 
 Then
+
 ```javascript
+//ES5
 var DateTimeField = require('react-bootstrap-datetimepicker');
 
+//ES6
+import DateTimeField from "react-bootstrap-datetimepicker"
+
 ...
 
 render: function() {
@@ -31,28 +33,72 @@ DateTimeField
 
 | Name         | Type    | Default | Description |
 | ------------ | ------- | ------- | ----------- |
-| **dateTime** | string  | moment().format('x') | Represents the inital dateTime, this string is then parsed by moment.js |
+| **dateTime** | string or moment | moment().format('x') | Represents the initial dateTime. If this is a string it will be parsed by moment.js using **format**, otherwise an existing moment instance may be used. |
 | **format**   | string  | "x"     | Defines the format moment.js should use to parse and output the date to onChange |
-| **inputFormat** | string | "MM/DD/YY h:mm A" | Defines the way the date is represented in the HTML input. It must be a format understanable by moment.js |
+| **inputFormat** | string or array | *see default format table below* | Defines the *accepted* date formats in the HTML input. It must be a format understandable by moment.js |
+| **inputDisplayFormat** | string |  When there is **_no inputFormat given_**:<br> *see default format table below*. <br><br> When an **_inputFormat_** is given and it is a **string**: it takes the inputFormat. <br><br> When the **_inputFormat_** is an **array**: it takes the first inputFormat.  | Defines the *display* format of the date in the HTML input. It must be a format understandable by moment.js. <br><br> If there is an **_inputFormat_** given, the inputDisplayFormat must be one of the formats listed in the inputFormat|
 | **onChange** | function | x => console.log(x) | Callback trigger when the date changes. `x` is the new datetime value. |
+| **onBlur** | function | () => {} | Callback trigger when the date field blurs. |
+| **onEnterKeyDown** | function | () => {} | Callback trigger when the Enter key is pressed. |
 | **showToday** | boolean | true | Highlights today's date |
 | **size** | string | "md" | Changes the size of the date picker input field. Sizes: "sm", "md", "lg" |
 | **daysOfWeekDisabled** | array of integer | [] | Disables clicking on some days. Goes from 0 (Sunday) to 6 (Saturday). |
 | **viewMode** | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |
 | **inputProps** | object | undefined | Defines additional attributes for the input element of the component. |
+| **inputRef** | string or function | inputDateTime | Allows a custom reference to be passed to the input field. |
 | **minDate** | moment | undefined | The earliest date allowed for entry in the calendar view. |
 | **maxDate** | moment | undefined | The latest date allowed for entry in the calendar view. |
-| **mode** | string | undefined | Allows to selectively display only the time picker ('time') or the date picker ('date') |
-| **defaultText** | string | {dateTime} | Sets the initial value. Could be an empty string, or helper text. |
+| **mode** | string | undefined | Allows to selectively display only the time picker ('time'), date picker ('date'), or month picker ('month') |
+| **defaultText** | string | undefined | Sets the input's placeholder value. Could be an empty string, or helper text. |
+| **name** | string | undefined | Sets the name of the input element. |
+| **tabIndex** | string | undefined | Sets the tabIndex of the input element. |
+
+
+Default Format Based on Mode
+========
+
+| Mode         | Format    |
+| ------------ | ------- |
+| **time** | "h:mm A"  |
+| **date** | "MM/DD/YY" |
+| **month** | "MM/YY"  |
+| *none given* | "MM/DD/YY h:mm A"  |
+
+Release Process
+========
+Once your pull request has been merged to master:
+
+1. Make sure you have the latest changes by running `git pull` on the master branch.
+2. *(Optional)* Check that your changes are reflected in the lib/react-bootstrap-datetimepicker.js file by running `npm run build-npm` and checking the file manually from the lib folder.
+3. When you're happy with your changes, run on your console:
+
+	npm run patch-release
+	#OR
+	npm run minor-release
+	#OR
+	npm run major-release
+
+Please respect [semantic versioning](http://semver.org/)!
+
+If the release command fails, then please read what the release command does (see `package.json`), and figure out which step of the process went wrong, so that you can re-try just that bit. If you get stuck, ping #ex-myob-widgets for help!
+
+Local linking to another project
+========
+1. Run `npm run build-npm` from the react-bootstrap-datetimepicker console.
+2. In your other project's **package.json**,
+Use `"@myob/react-bootstrap-datetimepicker": "#{local_path}/react-bootstrap-datetimepicker"` instead of `"@myob/react-bootstrap-datetimepicker": "0.0.25"` in the dependency list.
+3. Run `npm install @myob/react-bootstrap-datetimepicker` from the same folder level as the package.json.
 
 Update Warning
 ===============================
 Starting from 0.0.6, the 3 github repositories `react-bootstrap-datetimepicker`, `react-bootstrap-datetimepicker-npm` and `react-bootstrap-datetimepicker-bower` are merged in a single one. The build process changed but the API is the same.
 However now the package exports DateTimeField directly, no need to do :
+
 ```javascript
 var DateTimeField = require('react-bootstrap-datetimepicker').DateTimeField;
 ```
 instead use :
+
 ```javascript
 var DateTimeField = require('react-bootstrap-datetimepicker');
 ```

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bootstrap-datetimepicker",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "main": [
     "./dist/react-bootstrap-datetimepicker.min.js"
   ],