:bug: fix colspan property to work with XML layout

Anna Kurylo

2018-10-16 99929e8c706aa7f6196ac4e02df1c04449feee7a

 dist/react-datetime.js

@@ -1,7 +1,7 @@
/*
react-datetime v2.8.2
https://github.com/arqex/react-datetime
MIT: https://github.com/arqex/react-datetime/raw/master/LICENSE
react-datetime v2.15.0
https://github.com/YouCanBookMe/react-datetime
MIT: https://github.com/YouCanBookMe/react-datetime/raw/master/LICENSE
*/
(function webpackUniversalModuleDefinition(root, factory) {
   if(typeof exports === 'object' && typeof module === 'object')
@@ -12,7 +12,7 @@
      exports["Datetime"] = factory(require("React"), require("moment"), require("ReactDOM"));
   else
      root["Datetime"] = factory(root["React"], root["moment"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_9__) {
})(this, function(__WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_20__) {
return /******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};
@@ -57,65 +57,3649 @@
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports, __webpack_require__) {

   eval("'use strict';\n\nvar assign = __webpack_require__(1),\n\tReact = __webpack_require__(2),\n\tDaysView = __webpack_require__(3),\n\tMonthsView = __webpack_require__(5),\n\tYearsView = __webpack_require__(6),\n\tTimeView = __webpack_require__(7),\n\tmoment = __webpack_require__(4)\n;\n\nvar TYPES = React.PropTypes;\nvar Datetime = React.createClass({\n\tmixins: [\n\t\t__webpack_require__(8)\n\t],\n\tviewComponents: {\n\t\tdays: DaysView,\n\t\tmonths: MonthsView,\n\t\tyears: YearsView,\n\t\ttime: TimeView\n\t},\n\tpropTypes: {\n\t\t// value: TYPES.object | TYPES.string,\n\t\t// defaultValue: TYPES.object | TYPES.string,\n\t\tonFocus: TYPES.func,\n\t\tonBlur: TYPES.func,\n\t\tonChange: TYPES.func,\n\t\tlocale: TYPES.string,\n\t\tutc: TYPES.bool,\n\t\tinput: TYPES.bool,\n\t\t// dateFormat: TYPES.string | TYPES.bool,\n\t\t// timeFormat: TYPES.string | TYPES.bool,\n\t\tinputProps: TYPES.object,\n\t\ttimeConstraints: TYPES.object,\n\t\tviewMode: TYPES.oneOf(['years', 'months', 'days', 'time']),\n\t\tisValidDate: TYPES.func,\n\t\topen: TYPES.bool,\n\t\tstrictParsing: TYPES.bool,\n\t\tcloseOnSelect: TYPES.bool,\n\t\tcloseOnTab: TYPES.bool\n\t},\n\n\tgetDefaultProps: function() {\n\t\tvar nof = function(){};\n\t\treturn {\n\t\t\tclassName: '',\n\t\t\tdefaultValue: '',\n\t\t\tinputProps: {},\n\t\t\tinput: true,\n\t\t\tonFocus: nof,\n\t\t\tonBlur: nof,\n\t\t\tonChange: nof,\n\t\t\ttimeFormat: true,\n\t\t\ttimeConstraints: {},\n\t\t\tdateFormat: true,\n\t\t\tstrictParsing: true,\n\t\t\tcloseOnSelect: false,\n\t\t\tcloseOnTab: true,\n\t\t\tutc: false\n\t\t};\n\t},\n\n\tgetInitialState: function() {\n\t\tvar state = this.getStateFromProps( this.props );\n\n\t\tif ( state.open === undefined )\n\t\t\tstate.open = !this.props.input;\n\n\t\tstate.currentView = this.props.dateFormat ? (this.props.viewMode || state.updateOn || 'days') : 'time';\n\n\t\treturn state;\n\t},\n\n\tgetStateFromProps: function( props ){\n\t\tvar formats = this.getFormats( props ),\n\t\t\tdate = props.value || props.defaultValue,\n\t\t\tselectedDate, viewDate, updateOn, inputValue\n\t\t;\n\n\t\tif ( date && typeof date === 'string' )\n\t\t\tselectedDate = this.localMoment( date, formats.datetime );\n\t\telse if ( date )\n\t\t\tselectedDate = this.localMoment( date );\n\n\t\tif ( selectedDate && !selectedDate.isValid() )\n\t\t\tselectedDate = null;\n\n\t\tviewDate = selectedDate ?\n\t\t\tselectedDate.clone().startOf('month') :\n\t\t\tthis.localMoment().startOf('month')\n\t\t;\n\n\t\tupdateOn = this.getUpdateOn(formats);\n\n\t\tif ( selectedDate )\n\t\t\tinputValue = selectedDate.format(formats.datetime);\n\t\telse if ( date.isValid && !date.isValid() )\n\t\t\tinputValue = '';\n\t\telse\n\t\t\tinputValue = date || '';\n\n\t\treturn {\n\t\t\tupdateOn: updateOn,\n\t\t\tinputFormat: formats.datetime,\n\t\t\tviewDate: viewDate,\n\t\t\tselectedDate: selectedDate,\n\t\t\tinputValue: inputValue,\n\t\t\topen: props.open\n\t\t};\n\t},\n\n\tgetUpdateOn: function(formats){\n\t\tif ( formats.date.match(/[lLD]/) ){\n\t\t\treturn 'days';\n\t\t}\n\t\telse if ( formats.date.indexOf('M') !== -1 ){\n\t\t\treturn 'months';\n\t\t}\n\t\telse if ( formats.date.indexOf('Y') !== -1 ){\n\t\t\treturn 'years';\n\t\t}\n\n\t\treturn 'days';\n\t},\n\n\tgetFormats: function( props ){\n\t\tvar formats = {\n\t\t\t\tdate: props.dateFormat || '',\n\t\t\t\ttime: props.timeFormat || ''\n\t\t\t},\n\t\t\tlocale = this.localMoment( props.date ).localeData()\n\t\t;\n\n\t\tif ( formats.date === true ){\n\t\t\tformats.date = locale.longDateFormat('L');\n\t\t}\n\t\telse if ( this.getUpdateOn(formats) !== 'days' ){\n\t\t\tformats.time = '';\n\t\t}\n\n\t\tif ( formats.time === true ){\n\t\t\tformats.time = locale.longDateFormat('LT');\n\t\t}\n\n\t\tformats.datetime = formats.date && formats.time ?\n\t\t\tformats.date + ' ' + formats.time :\n\t\t\tformats.date || formats.time\n\t\t;\n\n\t\treturn formats;\n\t},\n\n\tcomponentWillReceiveProps: function(nextProps) {\n\t\tvar formats = this.getFormats( nextProps ),\n\t\t\tupdate = {}\n\t\t;\n\n\t\tif ( nextProps.value !== this.props.value ||\n            formats.datetime !== this.getFormats( this.props ).datetime ){\n            update = this.getStateFromProps( nextProps );\n\t\t}\n\n\t\tif ( update.open === undefined ){\n\t\t\tif ( this.props.closeOnSelect && this.state.currentView !== 'time' ){\n\t\t\t\tupdate.open = false;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tupdate.open = this.state.open;\n\t\t\t}\n\t\t}\n\n\t\tthis.setState( update );\n\t},\n\n\tonInputChange: function( e ) {\n\t\tvar value = e.target === null ? e : e.target.value,\n\t\t\tlocalMoment = this.localMoment( value, this.state.inputFormat ),\n\t\t\tupdate = { inputValue: value }\n\t\t;\n\n\t\tif ( localMoment.isValid() && !this.props.value ) {\n\t\t\tupdate.selectedDate = localMoment;\n\t\t\tupdate.viewDate = localMoment.clone().startOf('month');\n\t\t}\n\t\telse {\n\t\t\tupdate.selectedDate = null;\n\t\t}\n\n\t\treturn this.setState( update, function() {\n\t\t\treturn this.props.onChange( localMoment.isValid() ? localMoment : this.state.inputValue );\n\t\t});\n\t},\n\n\tonInputKey: function( e ){\n\t\tif ( e.which === 9 && this.props.closeOnTab ){\n\t\t\tthis.closeCalendar();\n\t\t}\n\t},\n\n\tshowView: function( view ){\n\t\tvar me = this;\n\t\treturn function(){\n\t\t\tme.setState({ currentView: view });\n\t\t};\n\t},\n\n\tsetDate: function( type ){\n\t\tvar me = this,\n\t\t\tnextViews = {\n\t\t\t\tmonth: 'days',\n\t\t\t\tyear: 'months'\n\t\t\t}\n\t\t;\n\t\treturn function( e ){\n\t\t\tme.setState({\n\t\t\t\tviewDate: me.state.viewDate.clone()[ type ]( parseInt(e.target.getAttribute('data-value'), 10) ).startOf( type ),\n\t\t\t\tcurrentView: nextViews[ type ]\n\t\t\t});\n\t\t};\n\t},\n\n\taddTime: function( amount, type, toSelected ){\n\t\treturn this.updateTime( 'add', amount, type, toSelected );\n\t},\n\n\tsubtractTime: function( amount, type, toSelected ){\n\t\treturn this.updateTime( 'subtract', amount, type, toSelected );\n\t},\n\n\tupdateTime: function( op, amount, type, toSelected ){\n\t\tvar me = this;\n\n\t\treturn function(){\n\t\t\tvar update = {},\n\t\t\t\tdate = toSelected ? 'selectedDate' : 'viewDate'\n\t\t\t;\n\n\t\t\tupdate[ date ] = me.state[ date ].clone()[ op ]( amount, type );\n\n\t\t\tme.setState( update );\n\t\t};\n\t},\n\n\tallowedSetTime: ['hours', 'minutes', 'seconds', 'milliseconds'],\n\tsetTime: function( type, value ){\n\t\tvar index = this.allowedSetTime.indexOf( type ) + 1,\n\t\t\tstate = this.state,\n\t\t\tdate = (state.selectedDate || state.viewDate).clone(),\n\t\t\tnextType\n\t\t;\n\n\t\t// It is needed to set all the time properties\n\t\t// to not to reset the time\n\t\tdate[ type ]( value );\n\t\tfor (; index < this.allowedSetTime.length; index++) {\n\t\t\tnextType = this.allowedSetTime[index];\n\t\t\tdate[ nextType ]( date[nextType]() );\n\t\t}\n\n\t\tif ( !this.props.value ){\n\t\t\tthis.setState({\n\t\t\t\tselectedDate: date,\n\t\t\t\tinputValue: date.format( state.inputFormat )\n\t\t\t});\n\t\t}\n\t\tthis.props.onChange( date );\n\t},\n\n\tupdateSelectedDate: function( e, close ) {\n\t\tvar target = e.target,\n\t\t\tmodifier = 0,\n\t\t\tviewDate = this.state.viewDate,\n\t\t\tcurrentDate = this.state.selectedDate || viewDate,\n\t\t\tdate\n    ;\n\n\t\tif (target.className.indexOf('rdtDay') !== -1){\n\t\t\tif (target.className.indexOf('rdtNew') !== -1)\n\t\t\t\tmodifier = 1;\n\t\t\telse if (target.className.indexOf('rdtOld') !== -1)\n\t\t\t\tmodifier = -1;\n\n\t\t\tdate = viewDate.clone()\n\t\t\t\t.month( viewDate.month() + modifier )\n\t\t\t\t.date( parseInt( target.getAttribute('data-value'), 10 ) );\n\t\t} else if (target.className.indexOf('rdtMonth') !== -1){\n\t\t\tdate = viewDate.clone()\n\t\t\t\t.month( parseInt( target.getAttribute('data-value'), 10 ) )\n\t\t\t\t.date( currentDate.date() );\n\t\t} else if (target.className.indexOf('rdtYear') !== -1){\n\t\t\tdate = viewDate.clone()\n\t\t\t\t.month( currentDate.month() )\n\t\t\t\t.date( currentDate.date() )\n\t\t\t\t.year( parseInt( target.getAttribute('data-value'), 10 ) );\n\t\t}\n\n\t\tdate.hours( currentDate.hours() )\n\t\t\t.minutes( currentDate.minutes() )\n\t\t\t.seconds( currentDate.seconds() )\n\t\t\t.milliseconds( currentDate.milliseconds() );\n\n\t\tif ( !this.props.value ){\n\t\t\tthis.setState({\n\t\t\t\tselectedDate: date,\n\t\t\t\tviewDate: date.clone().startOf('month'),\n\t\t\t\tinputValue: date.format( this.state.inputFormat ),\n\t\t\t\topen: !(this.props.closeOnSelect && close )\n\t\t\t});\n\t\t} else {\n\t\t\tif (this.props.closeOnSelect && close) {\n\t\t\t\tthis.closeCalendar();\n\t\t\t}\n\t\t}\n\n\t\tthis.props.onChange( date );\n\t},\n\n\topenCalendar: function() {\n\t\tif (!this.state.open) {\n\t\t\tthis.setState({ open: true }, function() {\n\t\t\t\tthis.props.onFocus();\n\t\t\t});\n\t\t}\n\t},\n\n\tcloseCalendar: function() {\n\t\tthis.setState({ open: false }, function () {\n\t\t\tthis.props.onBlur( this.state.selectedDate || this.state.inputValue );\n\t\t});\n\t},\n\n\thandleClickOutside: function(){\n\t\tif ( this.props.input && this.state.open && !this.props.open ){\n\t\t\tthis.setState({ open: false }, function() {\n\t\t\t\tthis.props.onBlur( this.state.selectedDate || this.state.inputValue );\n\t\t\t});\n\t\t}\n\t},\n\n\tlocalMoment: function( date, format ){\n\t\tvar momentFn = this.props.utc ? moment.utc : moment;\n\t\tvar m = momentFn( date, format, this.props.strictParsing );\n\t\tif ( this.props.locale )\n\t\t\tm.locale( this.props.locale );\n\t\treturn m;\n\t},\n\n\tcomponentProps: {\n\t\tfromProps: ['value', 'isValidDate', 'renderDay', 'renderMonth', 'renderYear', 'timeConstraints'],\n\t\tfromState: ['viewDate', 'selectedDate', 'updateOn'],\n\t\tfromThis: ['setDate', 'setTime', 'showView', 'addTime', 'subtractTime', 'updateSelectedDate', 'localMoment']\n\t},\n\n\tgetComponentProps: function(){\n\t\tvar me = this,\n\t\t\tformats = this.getFormats( this.props ),\n\t\t\tprops = {dateFormat: formats.date, timeFormat: formats.time}\n\t\t;\n\n\t\tthis.componentProps.fromProps.forEach( function( name ){\n\t\t\tprops[ name ] = me.props[ name ];\n\t\t});\n\t\tthis.componentProps.fromState.forEach( function( name ){\n\t\t\tprops[ name ] = me.state[ name ];\n\t\t});\n\t\tthis.componentProps.fromThis.forEach( function( name ){\n\t\t\tprops[ name ] = me[ name ];\n\t\t});\n\n\t\treturn props;\n\t},\n\n\trender: function() {\n\t\tvar Component = this.viewComponents[ this.state.currentView ],\n\t\t\tDOM = React.DOM,\n\t\t\tclassName = 'rdt' + (this.props.className ?\n                  ( Array.isArray( this.props.className ) ?\n                  ' ' + this.props.className.join( ' ' ) : ' ' + this.props.className) : ''),\n\t\t\tchildren = []\n\t\t;\n\n\t\tif ( this.props.input ){\n\t\t\tchildren = [ DOM.input( assign({\n\t\t\t\tkey: 'i',\n\t\t\t\ttype:'text',\n\t\t\t\tclassName: 'form-control',\n\t\t\t\tonFocus: this.openCalendar,\n\t\t\t\tonChange: this.onInputChange,\n\t\t\t\tonKeyDown: this.onInputKey,\n\t\t\t\tvalue: this.state.inputValue\n\t\t\t}, this.props.inputProps ))];\n\t\t} else {\n\t\t\tclassName += ' rdtStatic';\n\t\t}\n\n\t\tif ( this.state.open )\n\t\t\tclassName += ' rdtOpen';\n\n\t\treturn DOM.div({className: className}, children.concat(\n\t\t\tDOM.div(\n\t\t\t\t{ key: 'dt', className: 'rdtPicker' },\n\t\t\t\tReact.createElement( Component, this.getComponentProps())\n\t\t\t)\n\t\t));\n\t}\n});\n\n// Make moment accessible through the Datetime class\nDatetime.moment = moment;\n\nmodule.exports = Datetime;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./Datetime.js\n// module id = 0\n// module chunks = 0\n//# sourceURL=webpack:///./Datetime.js?");
   'use strict';

/***/ },
   var assign = __webpack_require__(1),
      PropTypes = __webpack_require__(2),
      createClass = __webpack_require__(11),
      moment = __webpack_require__(16),
      React = __webpack_require__(12),
      CalendarContainer = __webpack_require__(17)
      ;

   var viewModes = Object.freeze({
      YEARS: 'years',
      MONTHS: 'months',
      DAYS: 'days',
      TIME: 'time',
   });

   var TYPES = PropTypes;
   var Datetime = createClass({
      displayName: 'DateTime',
      propTypes: {
         // value: TYPES.object | TYPES.string,
         // defaultValue: TYPES.object | TYPES.string,
         // viewDate: TYPES.object | TYPES.string,
         onFocus: TYPES.func,
         onBlur: TYPES.func,
         onChange: TYPES.func,
         onViewModeChange: TYPES.func,
         onNavigateBack: TYPES.func,
         onNavigateForward: TYPES.func,
         locale: TYPES.string,
         utc: TYPES.bool,
         input: TYPES.bool,
         // dateFormat: TYPES.string | TYPES.bool,
         // timeFormat: TYPES.string | TYPES.bool,
         inputProps: TYPES.object,
         timeConstraints: TYPES.object,
         viewMode: TYPES.oneOf([viewModes.YEARS, viewModes.MONTHS, viewModes.DAYS, viewModes.TIME]),
         isValidDate: TYPES.func,
         open: TYPES.bool,
         strictParsing: TYPES.bool,
         closeOnSelect: TYPES.bool,
         closeOnTab: TYPES.bool
      },

      getInitialState: function() {
         var state = this.getStateFromProps( this.props );

         if ( state.open === undefined )
            state.open = !this.props.input;

         state.currentView = this.props.dateFormat ?
            (this.props.viewMode || state.updateOn || viewModes.DAYS) : viewModes.TIME;

         return state;
      },

      parseDate: function (date, formats) {
         var parsedDate;

         if (date && typeof date === 'string')
            parsedDate = this.localMoment(date, formats.datetime);
         else if (date)
            parsedDate = this.localMoment(date);

         if (parsedDate && !parsedDate.isValid())
            parsedDate = null;

         return parsedDate;
      },

      getStateFromProps: function( props ) {
         var formats = this.getFormats( props ),
            date = props.value || props.defaultValue,
            selectedDate, viewDate, updateOn, inputValue
            ;

         selectedDate = this.parseDate(date, formats);

         viewDate = this.parseDate(props.viewDate, formats);

         viewDate = selectedDate ?
            selectedDate.clone().startOf('month') :
            viewDate ? viewDate.clone().startOf('month') : this.localMoment().startOf('month');

         updateOn = this.getUpdateOn(formats);

         if ( selectedDate )
            inputValue = selectedDate.format(formats.datetime);
         else if ( date.isValid && !date.isValid() )
            inputValue = '';
         else
            inputValue = date || '';

         return {
            updateOn: updateOn,
            inputFormat: formats.datetime,
            viewDate: viewDate,
            selectedDate: selectedDate,
            inputValue: inputValue,
            open: props.open
         };
      },

      getUpdateOn: function( formats ) {
         if ( formats.date.match(/[lLD]/) ) {
            return viewModes.DAYS;
         } else if ( formats.date.indexOf('M') !== -1 ) {
            return viewModes.MONTHS;
         } else if ( formats.date.indexOf('Y') !== -1 ) {
            return viewModes.YEARS;
         }

         return viewModes.DAYS;
      },

      getFormats: function( props ) {
         var formats = {
               date: props.dateFormat || '',
               time: props.timeFormat || ''
            },
            locale = this.localMoment( props.date, null, props ).localeData()
            ;

         if ( formats.date === true ) {
            formats.date = locale.longDateFormat('L');
         }
         else if ( this.getUpdateOn(formats) !== viewModes.DAYS ) {
            formats.time = '';
         }

         if ( formats.time === true ) {
            formats.time = locale.longDateFormat('LT');
         }

         formats.datetime = formats.date && formats.time ?
            formats.date + ' ' + formats.time :
            formats.date || formats.time
         ;

         return formats;
      },

      componentWillReceiveProps: function( nextProps ) {
         var formats = this.getFormats( nextProps ),
            updatedState = {}
         ;

         if ( nextProps.value !== this.props.value ||
            formats.datetime !== this.getFormats( this.props ).datetime ) {
            updatedState = this.getStateFromProps( nextProps );
         }

         if ( updatedState.open === undefined ) {
            if ( typeof nextProps.open !== 'undefined' ) {
               updatedState.open = nextProps.open;
            } else if ( this.props.closeOnSelect && this.state.currentView !== viewModes.TIME ) {
               updatedState.open = false;
            } else {
               updatedState.open = this.state.open;
            }
         }

         if ( nextProps.viewMode !== this.props.viewMode ) {
            updatedState.currentView = nextProps.viewMode;
         }

         if ( nextProps.locale !== this.props.locale ) {
            if ( this.state.viewDate ) {
               var updatedViewDate = this.state.viewDate.clone().locale( nextProps.locale );
               updatedState.viewDate = updatedViewDate;
            }
            if ( this.state.selectedDate ) {
               var updatedSelectedDate = this.state.selectedDate.clone().locale( nextProps.locale );
               updatedState.selectedDate = updatedSelectedDate;
               updatedState.inputValue = updatedSelectedDate.format( formats.datetime );
            }
         }

         if ( nextProps.utc !== this.props.utc ) {
            if ( nextProps.utc ) {
               if ( this.state.viewDate )
                  updatedState.viewDate = this.state.viewDate.clone().utc();
               if ( this.state.selectedDate ) {
                  updatedState.selectedDate = this.state.selectedDate.clone().utc();
                  updatedState.inputValue = updatedState.selectedDate.format( formats.datetime );
               }
            } else {
               if ( this.state.viewDate )
                  updatedState.viewDate = this.state.viewDate.clone().local();
               if ( this.state.selectedDate ) {
                  updatedState.selectedDate = this.state.selectedDate.clone().local();
                  updatedState.inputValue = updatedState.selectedDate.format(formats.datetime);
               }
            }
         }

         if ( nextProps.viewDate !== this.props.viewDate ) {
            updatedState.viewDate = moment(nextProps.viewDate);
         }
         //we should only show a valid date if we are provided a isValidDate function. Removed in 2.10.3
         /*if (this.props.isValidDate) {
            updatedState.viewDate = updatedState.viewDate || this.state.viewDate;
            while (!this.props.isValidDate(updatedState.viewDate)) {
               updatedState.viewDate = updatedState.viewDate.add(1, 'day');
            }
         }*/
         this.setState( updatedState );
      },

      onInputChange: function( e ) {
         var value = e.target === null ? e : e.target.value,
            localMoment = this.localMoment( value, this.state.inputFormat ),
            update = { inputValue: value }
            ;

         if ( localMoment.isValid() && !this.props.value ) {
            update.selectedDate = localMoment;
            update.viewDate = localMoment.clone().startOf('month');
         } else {
            update.selectedDate = null;
         }

         return this.setState( update, function() {
            return this.props.onChange( localMoment.isValid() ? localMoment : this.state.inputValue );
         });
      },

      onInputKey: function( e ) {
         if ( e.which === 9 && this.props.closeOnTab ) {
            this.closeCalendar();
         }
      },

      showView: function( view ) {
         var me = this;
         return function() {
            me.state.currentView !== view && me.props.onViewModeChange( view );
            me.setState({ currentView: view });
         };
      },

      setDate: function( type ) {
         var me = this,
            nextViews = {
               month: viewModes.DAYS,
               year: viewModes.MONTHS,
            }
         ;
         return function( e ) {
            me.setState({
               viewDate: me.state.viewDate.clone()[ type ]( parseInt(e.target.getAttribute('data-value'), 10) ).startOf( type ),
               currentView: nextViews[ type ]
            });
            me.props.onViewModeChange( nextViews[ type ] );
         };
      },

      subtractTime: function( amount, type, toSelected ) {
         var me = this;
         return function() {
            me.props.onNavigateBack( amount, type );
            me.updateTime( 'subtract', amount, type, toSelected );
         };
      },

      addTime: function( amount, type, toSelected ) {
         var me = this;
         return function() {
            me.props.onNavigateForward( amount, type );
            me.updateTime( 'add', amount, type, toSelected );
         };
      },

      updateTime: function( op, amount, type, toSelected ) {
         var update = {},
            date = toSelected ? 'selectedDate' : 'viewDate';

         update[ date ] = this.state[ date ].clone()[ op ]( amount, type );

         this.setState( update );
      },

      allowedSetTime: ['hours', 'minutes', 'seconds', 'milliseconds'],
      setTime: function( type, value ) {
         var index = this.allowedSetTime.indexOf( type ) + 1,
            state = this.state,
            date = (state.selectedDate || state.viewDate).clone(),
            nextType
            ;

         // It is needed to set all the time properties
         // to not to reset the time
         date[ type ]( value );
         for (; index < this.allowedSetTime.length; index++) {
            nextType = this.allowedSetTime[index];
            date[ nextType ]( date[nextType]() );
         }

         if ( !this.props.value ) {
            this.setState({
               selectedDate: date,
               inputValue: date.format( state.inputFormat )
            });
         }
         this.props.onChange( date );
      },

      updateSelectedDate: function( e, close ) {
         var target = e.target,
            modifier = 0,
            viewDate = this.state.viewDate,
            currentDate = this.state.selectedDate || viewDate,
            date
            ;

         if (target.className.indexOf('rdtDay') !== -1) {
            if (target.className.indexOf('rdtNew') !== -1)
               modifier = 1;
            else if (target.className.indexOf('rdtOld') !== -1)
               modifier = -1;

            date = viewDate.clone()
               .month( viewDate.month() + modifier )
               .date( parseInt( target.getAttribute('data-value'), 10 ) );
         } else if (target.className.indexOf('rdtMonth') !== -1) {
            date = viewDate.clone()
               .month( parseInt( target.getAttribute('data-value'), 10 ) )
               .date( currentDate.date() );
         } else if (target.className.indexOf('rdtYear') !== -1) {
            date = viewDate.clone()
               .month( currentDate.month() )
               .date( currentDate.date() )
               .year( parseInt( target.getAttribute('data-value'), 10 ) );
         }

         date.hours( currentDate.hours() )
            .minutes( currentDate.minutes() )
            .seconds( currentDate.seconds() )
            .milliseconds( currentDate.milliseconds() );

         if ( !this.props.value ) {
            var open = !( this.props.closeOnSelect && close );
            if ( !open ) {
               this.props.onBlur( date );
            }

            this.setState({
               selectedDate: date,
               viewDate: date.clone().startOf('month'),
               inputValue: date.format( this.state.inputFormat ),
               open: open
            });
         } else {
            if ( this.props.closeOnSelect && close ) {
               this.closeCalendar();
            }
         }

         this.props.onChange( date );
      },

      openCalendar: function( e ) {
         if ( !this.state.open ) {
            this.setState({ open: true }, function() {
               this.props.onFocus( e );
            });
         }
      },

      closeCalendar: function() {
         this.setState({ open: false }, function () {
            this.props.onBlur( this.state.selectedDate || this.state.inputValue );
         });
      },

      handleClickOutside: function() {
         if ( this.props.input && this.state.open && !this.props.open && !this.props.disableOnClickOutside ) {
            this.setState({ open: false }, function() {
               this.props.onBlur( this.state.selectedDate || this.state.inputValue );
            });
         }
      },

      localMoment: function( date, format, props ) {
         props = props || this.props;
         var momentFn = props.utc ? moment.utc : moment;
         var m = momentFn( date, format, props.strictParsing );
         if ( props.locale )
            m.locale( props.locale );
         return m;
      },

      componentProps: {
         fromProps: ['value', 'isValidDate', 'renderDay', 'renderMonth', 'renderYear', 'timeConstraints'],
         fromState: ['viewDate', 'selectedDate', 'updateOn'],
         fromThis: ['setDate', 'setTime', 'showView', 'addTime', 'subtractTime', 'updateSelectedDate', 'localMoment', 'handleClickOutside']
      },

      getComponentProps: function() {
         var me = this,
            formats = this.getFormats( this.props ),
            props = {dateFormat: formats.date, timeFormat: formats.time}
            ;

         this.componentProps.fromProps.forEach( function( name ) {
            props[ name ] = me.props[ name ];
         });
         this.componentProps.fromState.forEach( function( name ) {
            props[ name ] = me.state[ name ];
         });
         this.componentProps.fromThis.forEach( function( name ) {
            props[ name ] = me[ name ];
         });

         return props;
      },

      render: function() {
         // TODO: Make a function or clean up this code,
         // logic right now is really hard to follow
         var className = 'rdt' + (this.props.className ?
                     ( Array.isArray( this.props.className ) ?
                     ' ' + this.props.className.join( ' ' ) : ' ' + this.props.className) : ''),
            children = [];

         if ( this.props.input ) {
            var finalInputProps = assign({
               type: 'text',
               className: 'form-control',
               onClick: this.openCalendar,
               onFocus: this.openCalendar,
               onChange: this.onInputChange,
               onKeyDown: this.onInputKey,
               value: this.state.inputValue,
            }, this.props.inputProps);
            if ( this.props.renderInput ) {
               children = [ React.createElement('div', { key: 'i' }, this.props.renderInput( finalInputProps, this.openCalendar, this.closeCalendar )) ];
            } else {
               children = [ React.createElement('input', assign({ key: 'i' }, finalInputProps ))];
            }
         } else {
            className += ' rdtStatic';
         }

         if ( this.state.open )
            className += ' rdtOpen';

         return React.createElement( 'div', { className: className }, children.concat(
            React.createElement( 'div',
               { key: 'dt', className: 'rdtPicker' },
               React.createElement( CalendarContainer, { view: this.state.currentView, viewProps: this.getComponentProps(), onClickOutside: this.handleClickOutside })
            )
         ));
      }
   });

   Datetime.defaultProps = {
      className: '',
      defaultValue: '',
      inputProps: {},
      input: true,
      onFocus: function() {},
      onBlur: function() {},
      onChange: function() {},
      onViewModeChange: function() {},
      onNavigateBack: function() {},
      onNavigateForward: function() {},
      timeFormat: true,
      timeConstraints: {},
      dateFormat: true,
      strictParsing: true,
      closeOnSelect: false,
      closeOnTab: true,
      utc: false
   };

   // Make moment accessible through the Datetime class
   Datetime.moment = moment;

   module.exports = Datetime;


/***/ }),
/* 1 */
/***/ function(module, exports) {
/***/ (function(module, exports) {

   eval("'use strict';\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction ToObject(val) {\n\tif (val == null) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction ownEnumerableKeys(obj) {\n\tvar keys = Object.getOwnPropertyNames(obj);\n\n\tif (Object.getOwnPropertySymbols) {\n\t\tkeys = keys.concat(Object.getOwnPropertySymbols(obj));\n\t}\n\n\treturn keys.filter(function (key) {\n\t\treturn propIsEnumerable.call(obj, key);\n\t});\n}\n\nmodule.exports = Object.assign || function (target, source) {\n\tvar from;\n\tvar keys;\n\tvar to = ToObject(target);\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = arguments[s];\n\t\tkeys = ownEnumerableKeys(Object(from));\n\n\t\tfor (var i = 0; i < keys.length; i++) {\n\t\t\tto[keys[i]] = from[keys[i]];\n\t\t}\n\t}\n\n\treturn to;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/object-assign/index.js\n// module id = 1\n// module chunks = 0\n//# sourceURL=webpack:///./~/object-assign/index.js?");
   'use strict';
   var propIsEnumerable = Object.prototype.propertyIsEnumerable;

/***/ },
   function ToObject(val) {
      if (val == null) {
         throw new TypeError('Object.assign cannot be called with null or undefined');
      }

      return Object(val);
   }

   function ownEnumerableKeys(obj) {
      var keys = Object.getOwnPropertyNames(obj);

      if (Object.getOwnPropertySymbols) {
         keys = keys.concat(Object.getOwnPropertySymbols(obj));
      }

      return keys.filter(function (key) {
         return propIsEnumerable.call(obj, key);
      });
   }

   module.exports = Object.assign || function (target, source) {
      var from;
      var keys;
      var to = ToObject(target);

      for (var s = 1; s < arguments.length; s++) {
         from = arguments[s];
         keys = ownEnumerableKeys(Object(from));

         for (var i = 0; i < keys.length; i++) {
            to[keys[i]] = from[keys[i]];
         }
      }

      return to;
   };


/***/ }),
/* 2 */
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {

   eval("module.exports = __WEBPACK_EXTERNAL_MODULE_2__;\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///external_%22React%22?");
   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    */

/***/ },
   if (process.env.NODE_ENV !== 'production') {
     var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
       Symbol.for &&
       Symbol.for('react.element')) ||
       0xeac7;

     var isValidElement = function(object) {
       return typeof object === 'object' &&
         object !== null &&
         object.$$typeof === REACT_ELEMENT_TYPE;
     };

     // By explicitly using `prop-types` you are opting into new development behavior.
     // http://fb.me/prop-types-in-prod
     var throwOnDirectAccess = true;
     module.exports = __webpack_require__(4)(isValidElement, throwOnDirectAccess);
   } else {
     // By explicitly using `prop-types` you are opting into new production behavior.
     // http://fb.me/prop-types-in-prod
     module.exports = __webpack_require__(10)();
   }

   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 3 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {

   eval("'use strict';\n\nvar React = __webpack_require__(2),\n\tmoment = __webpack_require__(4)\n;\n\nvar DOM = React.DOM;\nvar DateTimePickerDays = React.createClass({\n\n\trender: function() {\n\t\tvar footer = this.renderFooter(),\n\t\t\tdate = this.props.viewDate,\n\t\t\tlocale = date.localeData(),\n\t\t\ttableChildren\n\t\t;\n\n\t\ttableChildren = [\n\t\t\tDOM.thead({ key: 'th'}, [\n\t\t\t\tDOM.tr({ key: 'h'}, [\n\t\t\t\t\tDOM.th({ key: 'p', className: 'rdtPrev' }, DOM.span({onClick: this.props.subtractTime(1, 'months')}, '‹')),\n\t\t\t\t\tDOM.th({ key: 's', className: 'rdtSwitch', onClick: this.props.showView('months'), colSpan: 5, 'data-value': this.props.viewDate.month() }, locale.months( date ) + ' ' + date.year() ),\n\t\t\t\t\tDOM.th({ key: 'n', className: 'rdtNext' }, DOM.span({onClick: this.props.addTime(1, 'months')}, '›'))\n\t\t\t\t]),\n\t\t\t\tDOM.tr({ key: 'd'}, this.getDaysOfWeek( locale ).map( function( day, index ){ return DOM.th({ key: day + index, className: 'dow'}, day ); }) )\n\t\t\t]),\n\t\t\tDOM.tbody({key: 'tb'}, this.renderDays())\n\t\t];\n\n\t\tif ( footer )\n\t\t\ttableChildren.push( footer );\n\n\t\treturn DOM.div({ className: 'rdtDays' },\n\t\t\tDOM.table({}, tableChildren )\n\t\t);\n\t},\n\n\t/**\n\t * Get a list of the days of the week\n\t * depending on the current locale\n\t * @return {array} A list with the shortname of the days\n\t */\n\tgetDaysOfWeek: function( locale ){\n\t\tvar days = locale._weekdaysMin,\n\t\t\tfirst = locale.firstDayOfWeek(),\n\t\t\tdow = [],\n\t\t\ti = 0\n\t\t;\n\n\t\tdays.forEach( function( day ){\n\t\t\tdow[ (7 + (i++) - first) % 7 ] = day;\n\t\t});\n\n\t\treturn dow;\n\t},\n\n\trenderDays: function() {\n\t\tvar date = this.props.viewDate,\n\t\t\tselected = this.props.selectedDate && this.props.selectedDate.clone(),\n\t\t\tprevMonth = date.clone().subtract( 1, 'months' ),\n\t\t\tcurrentYear = date.year(),\n\t\t\tcurrentMonth = date.month(),\n\t\t\tweeks = [],\n\t\t\tdays = [],\n\t\t\trenderer = this.props.renderDay || this.renderDay,\n\t\t\tisValid = this.props.isValidDate || this.isValidDate,\n\t\t\tclasses, disabled, dayProps, currentDate\n\t\t;\n\n\t\t// Go to the last week of the previous month\n\t\tprevMonth.date( prevMonth.daysInMonth() ).startOf('week');\n\t\tvar lastDay = prevMonth.clone().add(42, 'd');\n\n\t\twhile ( prevMonth.isBefore( lastDay ) ){\n\t\t\tclasses = 'rdtDay';\n\t\t\tcurrentDate = prevMonth.clone();\n\n\t\t\tif ( ( prevMonth.year() === currentYear && prevMonth.month() < currentMonth ) || ( prevMonth.year() < currentYear ) )\n\t\t\t\tclasses += ' rdtOld';\n\t\t\telse if ( ( prevMonth.year() === currentYear && prevMonth.month() > currentMonth ) || ( prevMonth.year() > currentYear ) )\n\t\t\t\tclasses += ' rdtNew';\n\n\t\t\tif ( selected && prevMonth.isSame(selected, 'day') )\n\t\t\t\tclasses += ' rdtActive';\n\n\t\t\tif (prevMonth.isSame(moment(), 'day') )\n\t\t\t\tclasses += ' rdtToday';\n\n\t\t\tdisabled = !isValid( currentDate, selected );\n\t\t\tif ( disabled )\n\t\t\t\tclasses += ' rdtDisabled';\n\n\t\t\tdayProps = {\n\t\t\t\tkey: prevMonth.format('M_D'),\n\t\t\t\t'data-value': prevMonth.date(),\n\t\t\t\tclassName: classes\n\t\t\t};\n\t\t\tif ( !disabled )\n\t\t\t\tdayProps.onClick = this.updateSelectedDate;\n\n\t\t\tdays.push( renderer( dayProps, currentDate, selected ) );\n\n\t\t\tif ( days.length === 7 ){\n\t\t\t\tweeks.push( DOM.tr( {key: prevMonth.format('M_D')}, days ) );\n\t\t\t\tdays = [];\n\t\t\t}\n\n\t\t\tprevMonth.add( 1, 'd' );\n\t\t}\n\n\t\treturn weeks;\n\t},\n\n\tupdateSelectedDate: function( event ) {\n\t\tthis.props.updateSelectedDate(event, true);\n\t},\n\n\trenderDay: function( props, currentDate ){\n\t\treturn DOM.td( props, currentDate.date() );\n\t},\n\n\trenderFooter: function(){\n\t\tif ( !this.props.timeFormat )\n\t\t\treturn '';\n\n\t\tvar date = this.props.selectedDate || this.props.viewDate;\n\n\t\treturn DOM.tfoot({ key: 'tf'},\n\t\t\tDOM.tr({},\n\t\t\t\tDOM.td({ onClick: this.props.showView('time'), colSpan: 7, className: 'rdtTimeToggle'}, date.format( this.props.timeFormat ))\n\t\t\t)\n\t\t);\n\t},\n\tisValidDate: function(){ return 1; }\n});\n\nmodule.exports = DateTimePickerDays;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/DaysView.js\n// module id = 3\n// module chunks = 0\n//# sourceURL=webpack:///./src/DaysView.js?");
   // shim for using process in browser
   var process = module.exports = {};

/***/ },
   // cached from whatever global is present so that test runners that stub it
   // don't break things.  But we need to wrap it in a try catch in case it is
   // wrapped in strict mode code which doesn't define any globals.  It's inside a
   // function because try/catches deoptimize in certain engines.

   var cachedSetTimeout;
   var cachedClearTimeout;

   function defaultSetTimout() {
       throw new Error('setTimeout has not been defined');
   }
   function defaultClearTimeout () {
       throw new Error('clearTimeout has not been defined');
   }
   (function () {
       try {
           if (typeof setTimeout === 'function') {
               cachedSetTimeout = setTimeout;
           } else {
               cachedSetTimeout = defaultSetTimout;
           }
       } catch (e) {
           cachedSetTimeout = defaultSetTimout;
       }
       try {
           if (typeof clearTimeout === 'function') {
               cachedClearTimeout = clearTimeout;
           } else {
               cachedClearTimeout = defaultClearTimeout;
           }
       } catch (e) {
           cachedClearTimeout = defaultClearTimeout;
       }
   } ())
   function runTimeout(fun) {
       if (cachedSetTimeout === setTimeout) {
           //normal enviroments in sane situations
           return setTimeout(fun, 0);
       }
       // if setTimeout wasn't available but was latter defined
       if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
           cachedSetTimeout = setTimeout;
           return setTimeout(fun, 0);
       }
       try {
           // when when somebody has screwed with setTimeout but no I.E. maddness
           return cachedSetTimeout(fun, 0);
       } catch(e){
           try {
               // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
               return cachedSetTimeout.call(null, fun, 0);
           } catch(e){
               // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
               return cachedSetTimeout.call(this, fun, 0);
           }
       }


   }
   function runClearTimeout(marker) {
       if (cachedClearTimeout === clearTimeout) {
           //normal enviroments in sane situations
           return clearTimeout(marker);
       }
       // if clearTimeout wasn't available but was latter defined
       if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
           cachedClearTimeout = clearTimeout;
           return clearTimeout(marker);
       }
       try {
           // when when somebody has screwed with setTimeout but no I.E. maddness
           return cachedClearTimeout(marker);
       } catch (e){
           try {
               // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
               return cachedClearTimeout.call(null, marker);
           } catch (e){
               // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
               // Some versions of I.E. have different rules for clearTimeout vs setTimeout
               return cachedClearTimeout.call(this, marker);
           }
       }



   }
   var queue = [];
   var draining = false;
   var currentQueue;
   var queueIndex = -1;

   function cleanUpNextTick() {
       if (!draining || !currentQueue) {
           return;
       }
       draining = false;
       if (currentQueue.length) {
           queue = currentQueue.concat(queue);
       } else {
           queueIndex = -1;
       }
       if (queue.length) {
           drainQueue();
       }
   }

   function drainQueue() {
       if (draining) {
           return;
       }
       var timeout = runTimeout(cleanUpNextTick);
       draining = true;

       var len = queue.length;
       while(len) {
           currentQueue = queue;
           queue = [];
           while (++queueIndex < len) {
               if (currentQueue) {
                   currentQueue[queueIndex].run();
               }
           }
           queueIndex = -1;
           len = queue.length;
       }
       currentQueue = null;
       draining = false;
       runClearTimeout(timeout);
   }

   process.nextTick = function (fun) {
       var args = new Array(arguments.length - 1);
       if (arguments.length > 1) {
           for (var i = 1; i < arguments.length; i++) {
               args[i - 1] = arguments[i];
           }
       }
       queue.push(new Item(fun, args));
       if (queue.length === 1 && !draining) {
           runTimeout(drainQueue);
       }
   };

   // v8 likes predictible objects
   function Item(fun, array) {
       this.fun = fun;
       this.array = array;
   }
   Item.prototype.run = function () {
       this.fun.apply(null, this.array);
   };
   process.title = 'browser';
   process.browser = true;
   process.env = {};
   process.argv = [];
   process.version = ''; // empty string to avoid regexp issues
   process.versions = {};

   function noop() {}

   process.on = noop;
   process.addListener = noop;
   process.once = noop;
   process.off = noop;
   process.removeListener = noop;
   process.removeAllListeners = noop;
   process.emit = noop;
   process.prependListener = noop;
   process.prependOnceListener = noop;

   process.listeners = function (name) { return [] }

   process.binding = function (name) {
       throw new Error('process.binding is not supported');
   };

   process.cwd = function () { return '/' };
   process.chdir = function (dir) {
       throw new Error('process.chdir is not supported');
   };
   process.umask = function() { return 0; };


/***/ }),
/* 4 */
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {

   eval("module.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n//////////////////\n// WEBPACK FOOTER\n// external \"moment\"\n// module id = 4\n// module chunks = 0\n//# sourceURL=webpack:///external_%22moment%22?");
   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    */

/***/ },
   'use strict';

   var emptyFunction = __webpack_require__(5);
   var invariant = __webpack_require__(6);
   var warning = __webpack_require__(7);

   var ReactPropTypesSecret = __webpack_require__(8);
   var checkPropTypes = __webpack_require__(9);

   module.exports = function(isValidElement, throwOnDirectAccess) {
     /* global Symbol */
     var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
     var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.

     /**
      * Returns the iterator method function contained on the iterable object.
      *
      * Be sure to invoke the function with the iterable as context:
      *
      *     var iteratorFn = getIteratorFn(myIterable);
      *     if (iteratorFn) {
      *       var iterator = iteratorFn.call(myIterable);
      *       ...
      *     }
      *
      * @param {?object} maybeIterable
      * @return {?function}
      */
     function getIteratorFn(maybeIterable) {
       var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
       if (typeof iteratorFn === 'function') {
         return iteratorFn;
       }
     }

     /**
      * Collection of methods that allow declaration and validation of props that are
      * supplied to React components. Example usage:
      *
      *   var Props = require('ReactPropTypes');
      *   var MyArticle = React.createClass({
      *     propTypes: {
      *       // An optional string prop named "description".
      *       description: Props.string,
      *
      *       // A required enum prop named "category".
      *       category: Props.oneOf(['News','Photos']).isRequired,
      *
      *       // A prop named "dialog" that requires an instance of Dialog.
      *       dialog: Props.instanceOf(Dialog).isRequired
      *     },
      *     render: function() { ... }
      *   });
      *
      * A more formal specification of how these methods are used:
      *
      *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
      *   decl := ReactPropTypes.{type}(.isRequired)?
      *
      * Each and every declaration produces a function with the same signature. This
      * allows the creation of custom validation functions. For example:
      *
      *  var MyLink = React.createClass({
      *    propTypes: {
      *      // An optional string or URI prop named "href".
      *      href: function(props, propName, componentName) {
      *        var propValue = props[propName];
      *        if (propValue != null && typeof propValue !== 'string' &&
      *            !(propValue instanceof URI)) {
      *          return new Error(
      *            'Expected a string or an URI for ' + propName + ' in ' +
      *            componentName
      *          );
      *        }
      *      }
      *    },
      *    render: function() {...}
      *  });
      *
      * @internal
      */

     var ANONYMOUS = '<<anonymous>>';

     // Important!
     // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
     var ReactPropTypes = {
       array: createPrimitiveTypeChecker('array'),
       bool: createPrimitiveTypeChecker('boolean'),
       func: createPrimitiveTypeChecker('function'),
       number: createPrimitiveTypeChecker('number'),
       object: createPrimitiveTypeChecker('object'),
       string: createPrimitiveTypeChecker('string'),
       symbol: createPrimitiveTypeChecker('symbol'),

       any: createAnyTypeChecker(),
       arrayOf: createArrayOfTypeChecker,
       element: createElementTypeChecker(),
       instanceOf: createInstanceTypeChecker,
       node: createNodeChecker(),
       objectOf: createObjectOfTypeChecker,
       oneOf: createEnumTypeChecker,
       oneOfType: createUnionTypeChecker,
       shape: createShapeTypeChecker
     };

     /**
      * inlined Object.is polyfill to avoid requiring consumers ship their own
      * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
      */
     /*eslint-disable no-self-compare*/
     function is(x, y) {
       // SameValue algorithm
       if (x === y) {
         // Steps 1-5, 7-10
         // Steps 6.b-6.e: +0 != -0
         return x !== 0 || 1 / x === 1 / y;
       } else {
         // Step 6.a: NaN == NaN
         return x !== x && y !== y;
       }
     }
     /*eslint-enable no-self-compare*/

     /**
      * We use an Error-like object for backward compatibility as people may call
      * PropTypes directly and inspect their output. However, we don't use real
      * Errors anymore. We don't inspect their stack anyway, and creating them
      * is prohibitively expensive if they are created too often, such as what
      * happens in oneOfType() for any type before the one that matched.
      */
     function PropTypeError(message) {
       this.message = message;
       this.stack = '';
     }
     // Make `instanceof Error` still work for returned errors.
     PropTypeError.prototype = Error.prototype;

     function createChainableTypeChecker(validate) {
       if (process.env.NODE_ENV !== 'production') {
         var manualPropTypeCallCache = {};
         var manualPropTypeWarningCount = 0;
       }
       function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
         componentName = componentName || ANONYMOUS;
         propFullName = propFullName || propName;

         if (secret !== ReactPropTypesSecret) {
           if (throwOnDirectAccess) {
             // New behavior only for users of `prop-types` package
             invariant(
               false,
               'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
               'Use `PropTypes.checkPropTypes()` to call them. ' +
               'Read more at http://fb.me/use-check-prop-types'
             );
           } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
             // Old behavior for people using React.PropTypes
             var cacheKey = componentName + ':' + propName;
             if (
               !manualPropTypeCallCache[cacheKey] &&
               // Avoid spamming the console because they are often not actionable except for lib authors
               manualPropTypeWarningCount < 3
             ) {
               warning(
                 false,
                 'You are manually calling a React.PropTypes validation ' +
                 'function for the `%s` prop on `%s`. This is deprecated ' +
                 'and will throw in the standalone `prop-types` package. ' +
                 'You may be seeing this warning due to a third-party PropTypes ' +
                 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',
                 propFullName,
                 componentName
               );
               manualPropTypeCallCache[cacheKey] = true;
               manualPropTypeWarningCount++;
             }
           }
         }
         if (props[propName] == null) {
           if (isRequired) {
             if (props[propName] === null) {
               return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
             }
             return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
           }
           return null;
         } else {
           return validate(props, propName, componentName, location, propFullName);
         }
       }

       var chainedCheckType = checkType.bind(null, false);
       chainedCheckType.isRequired = checkType.bind(null, true);

       return chainedCheckType;
     }

     function createPrimitiveTypeChecker(expectedType) {
       function validate(props, propName, componentName, location, propFullName, secret) {
         var propValue = props[propName];
         var propType = getPropType(propValue);
         if (propType !== expectedType) {
           // `propValue` being instance of, say, date/regexp, pass the 'object'
           // check, but we can offer a more precise error message here rather than
           // 'of type `object`'.
           var preciseType = getPreciseType(propValue);

           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createAnyTypeChecker() {
       return createChainableTypeChecker(emptyFunction.thatReturnsNull);
     }

     function createArrayOfTypeChecker(typeChecker) {
       function validate(props, propName, componentName, location, propFullName) {
         if (typeof typeChecker !== 'function') {
           return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
         }
         var propValue = props[propName];
         if (!Array.isArray(propValue)) {
           var propType = getPropType(propValue);
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
         }
         for (var i = 0; i < propValue.length; i++) {
           var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
           if (error instanceof Error) {
             return error;
           }
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createElementTypeChecker() {
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
         if (!isValidElement(propValue)) {
           var propType = getPropType(propValue);
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createInstanceTypeChecker(expectedClass) {
       function validate(props, propName, componentName, location, propFullName) {
         if (!(props[propName] instanceof expectedClass)) {
           var expectedClassName = expectedClass.name || ANONYMOUS;
           var actualClassName = getClassName(props[propName]);
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createEnumTypeChecker(expectedValues) {
       if (!Array.isArray(expectedValues)) {
         process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
         return emptyFunction.thatReturnsNull;
       }

       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
         for (var i = 0; i < expectedValues.length; i++) {
           if (is(propValue, expectedValues[i])) {
             return null;
           }
         }

         var valuesString = JSON.stringify(expectedValues);
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
       }
       return createChainableTypeChecker(validate);
     }

     function createObjectOfTypeChecker(typeChecker) {
       function validate(props, propName, componentName, location, propFullName) {
         if (typeof typeChecker !== 'function') {
           return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
         }
         var propValue = props[propName];
         var propType = getPropType(propValue);
         if (propType !== 'object') {
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
         }
         for (var key in propValue) {
           if (propValue.hasOwnProperty(key)) {
             var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
             if (error instanceof Error) {
               return error;
             }
           }
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createUnionTypeChecker(arrayOfTypeCheckers) {
       if (!Array.isArray(arrayOfTypeCheckers)) {
         process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
         return emptyFunction.thatReturnsNull;
       }

       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
         if (typeof checker !== 'function') {
           warning(
             false,
             'Invalid argument supplid to oneOfType. Expected an array of check functions, but ' +
             'received %s at index %s.',
             getPostfixForTypeWarning(checker),
             i
           );
           return emptyFunction.thatReturnsNull;
         }
       }

       function validate(props, propName, componentName, location, propFullName) {
         for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
           var checker = arrayOfTypeCheckers[i];
           if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
             return null;
           }
         }

         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
       }
       return createChainableTypeChecker(validate);
     }

     function createNodeChecker() {
       function validate(props, propName, componentName, location, propFullName) {
         if (!isNode(props[propName])) {
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function createShapeTypeChecker(shapeTypes) {
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
         var propType = getPropType(propValue);
         if (propType !== 'object') {
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
         }
         for (var key in shapeTypes) {
           var checker = shapeTypes[key];
           if (!checker) {
             continue;
           }
           var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
           if (error) {
             return error;
           }
         }
         return null;
       }
       return createChainableTypeChecker(validate);
     }

     function isNode(propValue) {
       switch (typeof propValue) {
         case 'number':
         case 'string':
         case 'undefined':
           return true;
         case 'boolean':
           return !propValue;
         case 'object':
           if (Array.isArray(propValue)) {
             return propValue.every(isNode);
           }
           if (propValue === null || isValidElement(propValue)) {
             return true;
           }

           var iteratorFn = getIteratorFn(propValue);
           if (iteratorFn) {
             var iterator = iteratorFn.call(propValue);
             var step;
             if (iteratorFn !== propValue.entries) {
               while (!(step = iterator.next()).done) {
                 if (!isNode(step.value)) {
                   return false;
                 }
               }
             } else {
               // Iterator will provide entry [k,v] tuples rather than values.
               while (!(step = iterator.next()).done) {
                 var entry = step.value;
                 if (entry) {
                   if (!isNode(entry[1])) {
                     return false;
                   }
                 }
               }
             }
           } else {
             return false;
           }

           return true;
         default:
           return false;
       }
     }

     function isSymbol(propType, propValue) {
       // Native Symbol.
       if (propType === 'symbol') {
         return true;
       }

       // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
       if (propValue['@@toStringTag'] === 'Symbol') {
         return true;
       }

       // Fallback for non-spec compliant Symbols which are polyfilled.
       if (typeof Symbol === 'function' && propValue instanceof Symbol) {
         return true;
       }

       return false;
     }

     // Equivalent of `typeof` but with special handling for array and regexp.
     function getPropType(propValue) {
       var propType = typeof propValue;
       if (Array.isArray(propValue)) {
         return 'array';
       }
       if (propValue instanceof RegExp) {
         // Old webkits (at least until Android 4.0) return 'function' rather than
         // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
         // passes PropTypes.object.
         return 'object';
       }
       if (isSymbol(propType, propValue)) {
         return 'symbol';
       }
       return propType;
     }

     // This handles more types than `getPropType`. Only used for error messages.
     // See `createPrimitiveTypeChecker`.
     function getPreciseType(propValue) {
       if (typeof propValue === 'undefined' || propValue === null) {
         return '' + propValue;
       }
       var propType = getPropType(propValue);
       if (propType === 'object') {
         if (propValue instanceof Date) {
           return 'date';
         } else if (propValue instanceof RegExp) {
           return 'regexp';
         }
       }
       return propType;
     }

     // Returns a string that is postfixed to a warning about an invalid type.
     // For example, "undefined" or "of type array"
     function getPostfixForTypeWarning(value) {
       var type = getPreciseType(value);
       switch (type) {
         case 'array':
         case 'object':
           return 'an ' + type;
         case 'boolean':
         case 'date':
         case 'regexp':
           return 'a ' + type;
         default:
           return type;
       }
     }

     // Returns class name of the object, if any.
     function getClassName(propValue) {
       if (!propValue.constructor || !propValue.constructor.name) {
         return ANONYMOUS;
       }
       return propValue.constructor.name;
     }

     ReactPropTypes.checkPropTypes = checkPropTypes;
     ReactPropTypes.PropTypes = ReactPropTypes;

     return ReactPropTypes;
   };

   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 5 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {

   eval("'use strict';\n\nvar React = __webpack_require__(2);\n\nvar DOM = React.DOM;\nvar DateTimePickerMonths = React.createClass({\n\trender: function() {\n\t\treturn DOM.div({ className: 'rdtMonths' }, [\n\t\t\tDOM.table({ key: 'a'}, DOM.thead({}, DOM.tr({}, [\n\t\t\t\tDOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({onClick: this.props.subtractTime(1, 'years')}, '‹')),\n\t\t\t\tDOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView('years'), colSpan: 2, 'data-value': this.props.viewDate.year()}, this.props.viewDate.year() ),\n\t\t\t\tDOM.th({ key: 'next', className: 'rdtNext' }, DOM.span({onClick: this.props.addTime(1, 'years')}, '›'))\n\t\t\t]))),\n\t\t\tDOM.table({ key: 'months'}, DOM.tbody({ key: 'b'}, this.renderMonths()))\n\t\t]);\n\t},\n\n\trenderMonths: function() {\n\t\tvar date = this.props.selectedDate,\n\t\t\tmonth = this.props.viewDate.month(),\n\t\t\tyear = this.props.viewDate.year(),\n\t\t\trows = [],\n\t\t\ti = 0,\n\t\t\tmonths = [],\n\t\t\trenderer = this.props.renderMonth || this.renderMonth,\n\t\t\tisValid = this.props.isValidDate || this.isValidDate,\n\t\t\tclasses, props\n\t\t;\n\n        var currentMonth, disabled,\n            // Date is irrelevant because we're really only interested in month\n            irrelevantDate = 1;\n\t\twhile (i < 12) {\n\t\t\tclasses = 'rdtMonth';\n\t\t\tcurrentMonth =\n                this.props.viewDate.clone().set({ year: year, month: i, date: irrelevantDate });\n\t\t\tdisabled = !isValid(currentMonth);\n\n\t\t\tif ( disabled )\n\t\t\t\tclasses += ' rdtDisabled';\n\n\t\t\tif ( date && i === month && year === date.year() )\n\t\t\t\tclasses += ' rdtActive';\n\n\t\t\tprops = {\n\t\t\t\tkey: i,\n\t\t\t\t'data-value': i,\n\t\t\t\tclassName: classes\n\t\t\t};\n\n\t\t\tif ( !disabled )\n\t\t\t\tprops.onClick = (this.props.updateOn === 'months' ?\n                    this.updateSelectedMonth : this.props.setDate('month'));\n\n\t\t\tmonths.push( renderer( props, i, year, date && date.clone() ));\n\n\t\t\tif ( months.length === 4 ){\n\t\t\t\trows.push( DOM.tr({ key: month + '_' + rows.length }, months) );\n\t\t\t\tmonths = [];\n\t\t\t}\n\n\t\t\ti++;\n\t\t}\n\n\t\treturn rows;\n\t},\n\n\tupdateSelectedMonth: function( event ) {\n\t\tthis.props.updateSelectedDate(event, true);\n\t},\n\n\trenderMonth: function( props, month ) {\n\t\tvar localMoment = this.props.viewDate;\n\t\tvar monthStr = localMoment.localeData().monthsShort(localMoment.month(month));\n\t\tvar strLength = 3;\n\t\t// Because some months are up to 5 characters long, we want to\n\t\t// use a fixed string length for consistency\n\t\tvar monthStrFixedLength = monthStr.substring(0, strLength);\n\t\treturn DOM.td( props, capitalize( monthStrFixedLength ) );\n\t},\n\n\tisValidDate: function(){\n\t\treturn 1;\n\t}\n});\n\nfunction capitalize(str) {\n\treturn str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nmodule.exports = DateTimePickerMonths;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/MonthsView.js\n// module id = 5\n// module chunks = 0\n//# sourceURL=webpack:///./src/MonthsView.js?");
   "use strict";

/***/ },
   /**
    * Copyright (c) 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    * 
    */

   function makeEmptyFunction(arg) {
     return function () {
       return arg;
     };
   }

   /**
    * This function accepts and discards inputs; it has no side effects. This is
    * primarily useful idiomatically for overridable function endpoints which
    * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
    */
   var emptyFunction = function emptyFunction() {};

   emptyFunction.thatReturns = makeEmptyFunction;
   emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
   emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
   emptyFunction.thatReturnsNull = makeEmptyFunction(null);
   emptyFunction.thatReturnsThis = function () {
     return this;
   };
   emptyFunction.thatReturnsArgument = function (arg) {
     return arg;
   };

   module.exports = emptyFunction;

/***/ }),
/* 6 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports, __webpack_require__) {

   eval("'use strict';\n\nvar React = __webpack_require__(2);\n\nvar DOM = React.DOM;\nvar DateTimePickerYears = React.createClass({\n\trender: function() {\n\t\tvar year = parseInt(this.props.viewDate.year() / 10, 10) * 10;\n\n\t\treturn DOM.div({ className: 'rdtYears' }, [\n\t\t\tDOM.table({ key: 'a'}, DOM.thead({}, DOM.tr({}, [\n\t\t\t\tDOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({onClick: this.props.subtractTime(10, 'years')}, '‹')),\n\t\t\t\tDOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView('years'), colSpan: 2 }, year + '-' + (year + 9) ),\n\t\t\t\tDOM.th({ key: 'next', className: 'rdtNext'}, DOM.span({onClick: this.props.addTime(10, 'years')}, '›'))\n\t\t\t\t]))),\n\t\t\tDOM.table({ key: 'years'}, DOM.tbody({}, this.renderYears( year )))\n\t\t]);\n\t},\n\n\trenderYears: function( year ) {\n\t\tvar years = [],\n\t\t\ti = -1,\n\t\t\trows = [],\n\t\t\trenderer = this.props.renderYear || this.renderYear,\n\t\t\tselectedDate = this.props.selectedDate,\n\t\t\tisValid = this.props.isValidDate || this.isValidDate,\n\t\t\tclasses, props\n\t\t;\n\n\t\tyear--;\n        var currentYear, disabled,\n            // Month and date are irrelevant here because\n            // we're only really interested in the year\n            irrelevantMonth = 1,\n            irrelevantDate = 1;\n\t\twhile (i < 11) {\n\t\t\tclasses = 'rdtYear';\n\t\t\tcurrentYear = this.props.viewDate.clone().set(\n\t\t\t\t{ year: year, month: irrelevantMonth, date: irrelevantDate });\n\t\t\tif ( i === -1 | i === 10 )\n\t\t\t\tclasses += ' rdtOld';\n\n\t\t\tdisabled = !isValid(currentYear);\n\t\t\tif ( disabled )\n\t\t\t\tclasses += ' rdtDisabled';\n\n\t\t\tif ( selectedDate && selectedDate.year() === year )\n\t\t\t\tclasses += ' rdtActive';\n\n\t\t\tprops = {\n\t\t\t\tkey: year,\n\t\t\t\t'data-value': year,\n\t\t\t\tclassName: classes\n\t\t\t};\n\n\t\t\tif ( !disabled )\n\t\t\t\tprops.onClick = this.props.updateOn === 'years' ? this.updateSelectedYear : this.props.setDate('year');\n\n\t\t\tyears.push( renderer( props, year, selectedDate && selectedDate.clone() ));\n\n\t\t\tif ( years.length === 4 ){\n\t\t\t\trows.push( DOM.tr({ key: i }, years ) );\n\t\t\t\tyears = [];\n\t\t\t}\n\n\t\t\tyear++;\n\t\t\ti++;\n\t\t}\n\n\t\treturn rows;\n\t},\n\n\tupdateSelectedYear: function( event ) {\n\t\tthis.props.updateSelectedDate(event, true);\n\t},\n\n\trenderYear: function( props, year ){\n\t\treturn DOM.td( props, year );\n\t},\n\n\tisValidDate: function(){\n\t\treturn 1;\n\t}\n});\n\nmodule.exports = DateTimePickerYears;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/YearsView.js\n// module id = 6\n// module chunks = 0\n//# sourceURL=webpack:///./src/YearsView.js?");
   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright (c) 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    */

/***/ },
   'use strict';

   /**
    * Use invariant() to assert state which your program assumes to be true.
    *
    * Provide sprintf-style format (only %s is supported) and arguments
    * to provide information about what broke and what you were
    * expecting.
    *
    * The invariant message will be stripped in production, but the invariant
    * will remain to ensure logic does not differ in production.
    */

   var validateFormat = function validateFormat(format) {};

   if (process.env.NODE_ENV !== 'production') {
     validateFormat = function validateFormat(format) {
       if (format === undefined) {
         throw new Error('invariant requires an error message argument');
       }
     };
   }

   function invariant(condition, format, a, b, c, d, e, f) {
     validateFormat(format);

     if (!condition) {
       var error;
       if (format === undefined) {
         error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
       } else {
         var args = [a, b, c, d, e, f];
         var argIndex = 0;
         error = new Error(format.replace(/%s/g, function () {
           return args[argIndex++];
         }));
         error.name = 'Invariant Violation';
       }

       error.framesToPop = 1; // we don't care about invariant's own frame
       throw error;
     }
   }

   module.exports = invariant;
   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 7 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports, __webpack_require__) {

   eval("'use strict';\n\nvar React = __webpack_require__(2),\n\tassign = __webpack_require__(1);\n\nvar DOM = React.DOM;\nvar DateTimePickerTime = React.createClass({\n\tgetInitialState: function() {\n\t\treturn this.calculateState( this.props );\n\t},\n\tcalculateState: function( props ) {\n\t\tvar date = props.selectedDate || props.viewDate,\n\t\t\tformat = props.timeFormat,\n\t\t\tcounters = []\n\t\t;\n\n\t\tif ( format.toLowerCase().indexOf('h') !== -1 ) {\n\t\t\tcounters.push('hours');\n\t\t\tif ( format.indexOf('m') !== -1 ) {\n\t\t\t\tcounters.push('minutes');\n\t\t\t\tif ( format.indexOf('s') !== -1 ) {\n\t\t\t\t\tcounters.push('seconds');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tvar daypart = false;\n\t\tif ( this.state !== null && this.props.timeFormat.toLowerCase().indexOf(' a') !== -1 ) {\n\t\t\tif ( this.props.timeFormat.indexOf(' A') !== -1 ) {\n\t\t\t\tdaypart = ( this.state.hours >= 12 ) ? 'PM' : 'AM';\n\t\t\t} else {\n\t\t\t\tdaypart = ( this.state.hours >= 12 ) ? 'pm' : 'am';\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\thours: date.format('H'),\n\t\t\tminutes: date.format('mm'),\n\t\t\tseconds: date.format('ss'),\n\t\t\tmilliseconds: date.format('SSS'),\n\t\t\tdaypart: daypart,\n\t\t\tcounters: counters\n\t\t};\n\t},\n\trenderCounter: function( type ) {\n\t\tif (type !== 'daypart') {\n\t\t\tvar value = this.state[ type ];\n\t\t\tif ( type === 'hours' && this.props.timeFormat.toLowerCase().indexOf(' a') !== -1 ) {\n\t\t\t\tvalue = (value - 1) % 12 + 1;\n\n\t\t\t\tif (value === 0) {\n\t\t\t\t\tvalue = 12;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn DOM.div( { key: type, className: 'rdtCounter' }, [\n\t\t\t\tDOM.span( { key: 'up', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'increase', type ) }, '▲' ),\n\t\t\t\tDOM.div( { key: 'c', className: 'rdtCount' }, value ),\n\t\t\t\tDOM.span( { key: 'do', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'decrease', type ) }, '▼' )\n\t\t\t]);\n\t\t}\n\t\treturn '';\n\t},\n\trenderDayPart: function() {\n\t\treturn DOM.div( { key: 'dayPart', className: 'rdtCounter' }, [\n\t\t\tDOM.span( { key: 'up', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'toggleDayPart', 'hours') }, '▲' ),\n\t\t\tDOM.div( { key: this.state.daypart, className: 'rdtCount' }, this.state.daypart ),\n\t\t\tDOM.span( { key: 'do', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'toggleDayPart', 'hours') }, '▼' )\n\t\t]);\n\t},\n\trender: function() {\n\t\tvar me = this,\n\t\t\tcounters = []\n\t\t;\n\n\t\tthis.state.counters.forEach( function(c) {\n\t\t\tif ( counters.length )\n\t\t\t\tcounters.push( DOM.div( { key: 'sep' + counters.length, className: 'rdtCounterSeparator' }, ':' ));\n\t\t\tcounters.push( me.renderCounter( c ) );\n\t\t});\n\n\t\tif (this.state.daypart !== false) {\n\t\t\tcounters.push( me.renderDayPart() );\n\t\t}\n\n\t\tif ( this.state.counters.length === 3 && this.props.timeFormat.indexOf('S') !== -1 ) {\n\t\t\tcounters.push( DOM.div( { className: 'rdtCounterSeparator', key: 'sep5' }, ':' ) );\n\t\t\tcounters.push(\n\t\t\t\tDOM.div( { className: 'rdtCounter rdtMilli', key: 'm' },\n\t\t\t\t\tDOM.input( { value: this.state.milliseconds, type: 'text', onChange: this.updateMilli } )\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t}\n\n\t\treturn DOM.div( { className: 'rdtTime' },\n\t\t\tDOM.table( {}, [\n\t\t\t\tthis.renderHeader(),\n\t\t\t\tDOM.tbody( { key: 'b'}, DOM.tr({}, DOM.td({},\n\t\t\t\t\tDOM.div( { className: 'rdtCounters' }, counters )\n\t\t\t\t)))\n\t\t\t])\n\t\t);\n\t},\n\tcomponentWillMount: function() {\n\t\tvar me = this;\n\t\tme.timeConstraints = {\n\t\t\thours: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 23,\n\t\t\t\tstep: 1\n\t\t\t},\n\t\t\tminutes: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 59,\n\t\t\t\tstep: 1\n\t\t\t},\n\t\t\tseconds: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 59,\n\t\t\t\tstep: 1\n\t\t\t},\n\t\t\tmilliseconds: {\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 999,\n\t\t\t\tstep: 1\n\t\t\t}\n\t\t};\n\t\t['hours', 'minutes', 'seconds', 'milliseconds'].forEach(function(type) {\n\t\t\tassign(me.timeConstraints[ type ], me.props.timeConstraints[ type ]);\n\t\t});\n\t\tthis.setState( this.calculateState( this.props ) );\n\t},\n\tcomponentWillReceiveProps: function( nextProps ) {\n\t\tthis.setState( this.calculateState( nextProps ) );\n\t},\n\tupdateMilli: function( e ) {\n\t\tvar milli = parseInt( e.target.value, 10 );\n\t\tif ( milli === e.target.value && milli >= 0 && milli < 1000 ) {\n\t\t\tthis.props.setTime( 'milliseconds', milli );\n\t\t\tthis.setState( { milliseconds: milli } );\n\t\t}\n\t},\n\trenderHeader: function() {\n\t\tif ( !this.props.dateFormat )\n\t\t\treturn null;\n\n\t\tvar date = this.props.selectedDate || this.props.viewDate;\n\t\treturn DOM.thead( { key: 'h' }, DOM.tr({},\n\t\t\tDOM.th( { className: 'rdtSwitch', colSpan: 4, onClick: this.props.showView( 'days' ) }, date.format( this.props.dateFormat ) )\n\t\t));\n\t},\n\tonStartClicking: function( action, type ) {\n\t\tvar me = this;\n\n\t\treturn function() {\n\t\t\tvar update = {};\n\t\t\tupdate[ type ] = me[ action ]( type );\n\t\t\tme.setState( update );\n\n\t\t\tme.timer = setTimeout( function() {\n\t\t\t\tme.increaseTimer = setInterval( function() {\n\t\t\t\t\tupdate[ type ] = me[ action ]( type );\n\t\t\t\t\tme.setState( update );\n\t\t\t\t}, 70);\n\t\t\t}, 500);\n\n\t\t\tme.mouseUpListener = function() {\n\t\t\t\tclearTimeout( me.timer );\n\t\t\t\tclearInterval( me.increaseTimer );\n\t\t\t\tme.props.setTime( type, me.state[ type ] );\n\t\t\t\tdocument.body.removeEventListener('mouseup', me.mouseUpListener);\n\t\t\t};\n\n\t\t\tdocument.body.addEventListener('mouseup', me.mouseUpListener);\n\t\t};\n\t},\n\tpadValues: {\n\t\thours: 1,\n\t\tminutes: 2,\n\t\tseconds: 2,\n\t\tmilliseconds: 3\n\t},\n\ttoggleDayPart: function( type ) { // type is always 'hours'\n\t\tvar value = parseInt(this.state[ type ], 10) + 12;\n\t\tif ( value > this.timeConstraints[ type ].max )\n\t\t\tvalue = this.timeConstraints[ type ].min + ( value - (this.timeConstraints[ type ].max + 1 ) );\n\t\treturn this.pad( type, value );\n\t},\n\tincrease: function( type ) {\n\t\tvar value = parseInt(this.state[ type ], 10) + this.timeConstraints[ type ].step;\n\t\tif ( value > this.timeConstraints[ type ].max )\n\t\t\tvalue = this.timeConstraints[ type ].min + ( value - ( this.timeConstraints[ type ].max + 1 ) );\n\t\treturn this.pad( type, value );\n\t},\n\tdecrease: function( type ) {\n\t\tvar value = parseInt(this.state[ type ], 10) - this.timeConstraints[ type ].step;\n\t\tif ( value < this.timeConstraints[ type ].min )\n\t\t\tvalue = this.timeConstraints[ type ].max + 1 - ( this.timeConstraints[ type ].min - value );\n\t\treturn this.pad( type, value );\n\t},\n\tpad: function( type, value ) {\n\t\tvar str = value + '';\n\t\twhile ( str.length < this.padValues[ type ] )\n\t\t\tstr = '0' + str;\n\t\treturn str;\n\t}\n});\n\nmodule.exports = DateTimePickerTime;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/TimeView.js\n// module id = 7\n// module chunks = 0\n//# sourceURL=webpack:///./src/TimeView.js?");
   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright 2014-2015, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    */

/***/ },
   'use strict';

   var emptyFunction = __webpack_require__(5);

   /**
    * Similar to invariant but only logs a warning if the condition is not met.
    * This can be used to log issues in development environments in critical
    * paths. Removing the logging code for production environments will keep the
    * same logic and follow the same code paths.
    */

   var warning = emptyFunction;

   if (process.env.NODE_ENV !== 'production') {
     (function () {
       var printWarning = function printWarning(format) {
         for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }

         var argIndex = 0;
         var message = 'Warning: ' + format.replace(/%s/g, function () {
           return args[argIndex++];
         });
         if (typeof console !== 'undefined') {
           console.error(message);
         }
         try {
           // --- Welcome to debugging React ---
           // This error was thrown as a convenience so that you can use this stack
           // to find the callsite that caused this warning to fire.
           throw new Error(message);
         } catch (x) {}
       };

       warning = function warning(condition, format) {
         if (format === undefined) {
           throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
         }

         if (format.indexOf('Failed Composite propType: ') === 0) {
           return; // Ignore CompositeComponent proptype check.
         }

         if (!condition) {
           for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
             args[_key2 - 2] = arguments[_key2];
           }

           printWarning.apply(undefined, [format].concat(args));
         }
       };
     })();
   }

   module.exports = warning;
   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 8 */
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {

   eval("'use strict';\n\n// This is extracted from https://github.com/Pomax/react-onclickoutside\n// And modified to support react 0.13 and react 0.14\n\nvar React = __webpack_require__(2),\n\tversion = React.version && React.version.split('.')\n;\n\nif ( version && ( version[0] > 0 || version[1] > 13 ) )\n\tReact = __webpack_require__(9);\n\n// Use a parallel array because we can't use\n// objects as keys, they get toString-coerced\nvar registeredComponents = [];\nvar handlers = [];\n\nvar IGNORE_CLASS = 'ignore-react-onclickoutside';\n\nvar isSourceFound = function(source, localNode) {\n if (source === localNode) {\n   return true;\n }\n // SVG <use/> elements do not technically reside in the rendered DOM, so\n // they do not have classList directly, but they offer a link to their\n // corresponding element, which can have classList. This extra check is for\n // that case.\n // See: http://www.w3.org/TR/SVG11/struct.html#InterfaceSVGUseElement\n // Discussion: https://github.com/Pomax/react-onclickoutside/pull/17\n if (source.correspondingElement) {\n   return source.correspondingElement.classList.contains(IGNORE_CLASS);\n }\n return source.classList.contains(IGNORE_CLASS);\n};\n\nmodule.exports = {\n componentDidMount: function() {\n   if (typeof this.handleClickOutside !== 'function')\n     throw new Error('Component lacks a handleClickOutside(event) function for processing outside click events.');\n\n   var fn = this.__outsideClickHandler = (function(localNode, eventHandler) {\n     return function(evt) {\n       evt.stopPropagation();\n       var source = evt.target;\n       var found = false;\n       // If source=local then this event came from \"somewhere\"\n       // inside and should be ignored. We could handle this with\n       // a layered approach, too, but that requires going back to\n       // thinking in terms of Dom node nesting, running counter\n       // to React's \"you shouldn't care about the DOM\" philosophy.\n       while (source.parentNode) {\n         found = isSourceFound(source, localNode);\n         if (found) return;\n         source = source.parentNode;\n       }\n       eventHandler(evt);\n     };\n   }(React.findDOMNode(this), this.handleClickOutside));\n\n   var pos = registeredComponents.length;\n   registeredComponents.push(this);\n   handlers[pos] = fn;\n\n   // If there is a truthy disableOnClickOutside property for this\n   // component, don't immediately start listening for outside events.\n   if (!this.props.disableOnClickOutside) {\n     this.enableOnClickOutside();\n   }\n },\n\n componentWillUnmount: function() {\n   this.disableOnClickOutside();\n   this.__outsideClickHandler = false;\n   var pos = registeredComponents.indexOf(this);\n   if ( pos>-1) {\n     if (handlers[pos]) {\n       // clean up so we don't leak memory\n       handlers.splice(pos, 1);\n       registeredComponents.splice(pos, 1);\n     }\n   }\n },\n\n /**\n  * Can be called to explicitly enable event listening\n  * for clicks and touches outside of this element.\n  */\n enableOnClickOutside: function() {\n   var fn = this.__outsideClickHandler;\n   document.addEventListener('mousedown', fn);\n   document.addEventListener('touchstart', fn);\n },\n\n /**\n  * Can be called to explicitly disable event listening\n  * for clicks and touches outside of this element.\n  */\n disableOnClickOutside: function() {\n   var fn = this.__outsideClickHandler;\n   document.removeEventListener('mousedown', fn);\n   document.removeEventListener('touchstart', fn);\n }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/onClickOutside.js\n// module id = 8\n// module chunks = 0\n//# sourceURL=webpack:///./src/onClickOutside.js?");
   /**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    */

/***/ },
   'use strict';

   var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';

   module.exports = ReactPropTypesSecret;


/***/ }),
/* 9 */
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {

   eval("module.exports = __WEBPACK_EXTERNAL_MODULE_9__;\n\n//////////////////\n// WEBPACK FOOTER\n// external \"ReactDOM\"\n// module id = 9\n// module chunks = 0\n//# sourceURL=webpack:///external_%22ReactDOM%22?");
   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    */

/***/ }
   'use strict';

   if (process.env.NODE_ENV !== 'production') {
     var invariant = __webpack_require__(6);
     var warning = __webpack_require__(7);
     var ReactPropTypesSecret = __webpack_require__(8);
     var loggedTypeFailures = {};
   }

   /**
    * Assert that the values match with the type specs.
    * Error messages are memorized and will only be shown once.
    *
    * @param {object} typeSpecs Map of name to a ReactPropType
    * @param {object} values Runtime values that need to be type-checked
    * @param {string} location e.g. "prop", "context", "child context"
    * @param {string} componentName Name of the component for error messages.
    * @param {?Function} getStack Returns the component stack.
    * @private
    */
   function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
     if (process.env.NODE_ENV !== 'production') {
       for (var typeSpecName in typeSpecs) {
         if (typeSpecs.hasOwnProperty(typeSpecName)) {
           var error;
           // Prop type validation may throw. In case they do, we don't want to
           // fail the render phase where it didn't fail before. So we log it.
           // After these have been cleaned up, we'll let them throw.
           try {
             // This is intentionally an invariant that gets caught. It's the same
             // behavior as without this statement except with a better message.
             invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName);
             error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
           } catch (ex) {
             error = ex;
           }
           warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);
           if (error instanceof Error && !(error.message in loggedTypeFailures)) {
             // Only monitor this failure once because there tends to be a lot of the
             // same error.
             loggedTypeFailures[error.message] = true;

             var stack = getStack ? getStack() : '';

             warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
           }
         }
       }
     }
   }

   module.exports = checkPropTypes;

   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {

   /**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    */

   'use strict';

   var emptyFunction = __webpack_require__(5);
   var invariant = __webpack_require__(6);
   var ReactPropTypesSecret = __webpack_require__(8);

   module.exports = function() {
     function shim(props, propName, componentName, location, propFullName, secret) {
       if (secret === ReactPropTypesSecret) {
         // It is still safe when called from React.
         return;
       }
       invariant(
         false,
         'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
         'Use PropTypes.checkPropTypes() to call them. ' +
         'Read more at http://fb.me/use-check-prop-types'
       );
     };
     shim.isRequired = shim;
     function getShim() {
       return shim;
     };
     // Important!
     // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
     var ReactPropTypes = {
       array: shim,
       bool: shim,
       func: shim,
       number: shim,
       object: shim,
       string: shim,
       symbol: shim,

       any: shim,
       arrayOf: getShim,
       element: shim,
       instanceOf: getShim,
       node: shim,
       objectOf: getShim,
       oneOf: getShim,
       oneOfType: getShim,
       shape: getShim
     };

     ReactPropTypes.checkPropTypes = emptyFunction;
     ReactPropTypes.PropTypes = ReactPropTypes;

     return ReactPropTypes;
   };


/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {

   /**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    */

   'use strict';

   var React = __webpack_require__(12);
   var factory = __webpack_require__(13);

   if (typeof React === 'undefined') {
     throw Error(
       'create-react-class could not find the React object. If you are using script tags, ' +
         'make sure that React is being loaded before create-react-class.'
     );
   }

   // Hack to grab NoopUpdateQueue from isomorphic React
   var ReactNoopUpdateQueue = new React.Component().updater;

   module.exports = factory(
     React.Component,
     React.isValidElement,
     ReactNoopUpdateQueue
   );


/***/ }),
/* 12 */
/***/ (function(module, exports) {

   module.exports = __WEBPACK_EXTERNAL_MODULE_12__;

/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {

   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    */

   'use strict';

   var _assign = __webpack_require__(14);

   var emptyObject = __webpack_require__(15);
   var _invariant = __webpack_require__(6);

   if (process.env.NODE_ENV !== 'production') {
     var warning = __webpack_require__(7);
   }

   var MIXINS_KEY = 'mixins';

   // Helper function to allow the creation of anonymous functions which do not
   // have .name set to the name of the variable being assigned to.
   function identity(fn) {
     return fn;
   }

   var ReactPropTypeLocationNames;
   if (process.env.NODE_ENV !== 'production') {
     ReactPropTypeLocationNames = {
       prop: 'prop',
       context: 'context',
       childContext: 'child context'
     };
   } else {
     ReactPropTypeLocationNames = {};
   }

   function factory(ReactComponent, isValidElement, ReactNoopUpdateQueue) {
     /**
      * Policies that describe methods in `ReactClassInterface`.
      */

     var injectedMixins = [];

     /**
      * Composite components are higher-level components that compose other composite
      * or host components.
      *
      * To create a new type of `ReactClass`, pass a specification of
      * your new class to `React.createClass`. The only requirement of your class
      * specification is that you implement a `render` method.
      *
      *   var MyComponent = React.createClass({
      *     render: function() {
      *       return <div>Hello World</div>;
      *     }
      *   });
      *
      * The class specification supports a specific protocol of methods that have
      * special meaning (e.g. `render`). See `ReactClassInterface` for
      * more the comprehensive protocol. Any other properties and methods in the
      * class specification will be available on the prototype.
      *
      * @interface ReactClassInterface
      * @internal
      */
     var ReactClassInterface = {
       /**
        * An array of Mixin objects to include when defining your component.
        *
        * @type {array}
        * @optional
        */
       mixins: 'DEFINE_MANY',

       /**
        * An object containing properties and methods that should be defined on
        * the component's constructor instead of its prototype (static methods).
        *
        * @type {object}
        * @optional
        */
       statics: 'DEFINE_MANY',

       /**
        * Definition of prop types for this component.
        *
        * @type {object}
        * @optional
        */
       propTypes: 'DEFINE_MANY',

       /**
        * Definition of context types for this component.
        *
        * @type {object}
        * @optional
        */
       contextTypes: 'DEFINE_MANY',

       /**
        * Definition of context types this component sets for its children.
        *
        * @type {object}
        * @optional
        */
       childContextTypes: 'DEFINE_MANY',

       // ==== Definition methods ====

       /**
        * Invoked when the component is mounted. Values in the mapping will be set on
        * `this.props` if that prop is not specified (i.e. using an `in` check).
        *
        * This method is invoked before `getInitialState` and therefore cannot rely
        * on `this.state` or use `this.setState`.
        *
        * @return {object}
        * @optional
        */
       getDefaultProps: 'DEFINE_MANY_MERGED',

       /**
        * Invoked once before the component is mounted. The return value will be used
        * as the initial value of `this.state`.
        *
        *   getInitialState: function() {
        *     return {
        *       isOn: false,
        *       fooBaz: new BazFoo()
        *     }
        *   }
        *
        * @return {object}
        * @optional
        */
       getInitialState: 'DEFINE_MANY_MERGED',

       /**
        * @return {object}
        * @optional
        */
       getChildContext: 'DEFINE_MANY_MERGED',

       /**
        * Uses props from `this.props` and state from `this.state` to render the
        * structure of the component.
        *
        * No guarantees are made about when or how often this method is invoked, so
        * it must not have side effects.
        *
        *   render: function() {
        *     var name = this.props.name;
        *     return <div>Hello, {name}!</div>;
        *   }
        *
        * @return {ReactComponent}
        * @required
        */
       render: 'DEFINE_ONCE',

       // ==== Delegate methods ====

       /**
        * Invoked when the component is initially created and about to be mounted.
        * This may have side effects, but any external subscriptions or data created
        * by this method must be cleaned up in `componentWillUnmount`.
        *
        * @optional
        */
       componentWillMount: 'DEFINE_MANY',

       /**
        * Invoked when the component has been mounted and has a DOM representation.
        * However, there is no guarantee that the DOM node is in the document.
        *
        * Use this as an opportunity to operate on the DOM when the component has
        * been mounted (initialized and rendered) for the first time.
        *
        * @param {DOMElement} rootNode DOM element representing the component.
        * @optional
        */
       componentDidMount: 'DEFINE_MANY',

       /**
        * Invoked before the component receives new props.
        *
        * Use this as an opportunity to react to a prop transition by updating the
        * state using `this.setState`. Current props are accessed via `this.props`.
        *
        *   componentWillReceiveProps: function(nextProps, nextContext) {
        *     this.setState({
        *       likesIncreasing: nextProps.likeCount > this.props.likeCount
        *     });
        *   }
        *
        * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop
        * transition may cause a state change, but the opposite is not true. If you
        * need it, you are probably looking for `componentWillUpdate`.
        *
        * @param {object} nextProps
        * @optional
        */
       componentWillReceiveProps: 'DEFINE_MANY',

       /**
        * Invoked while deciding if the component should be updated as a result of
        * receiving new props, state and/or context.
        *
        * Use this as an opportunity to `return false` when you're certain that the
        * transition to the new props/state/context will not require a component
        * update.
        *
        *   shouldComponentUpdate: function(nextProps, nextState, nextContext) {
        *     return !equal(nextProps, this.props) ||
        *       !equal(nextState, this.state) ||
        *       !equal(nextContext, this.context);
        *   }
        *
        * @param {object} nextProps
        * @param {?object} nextState
        * @param {?object} nextContext
        * @return {boolean} True if the component should update.
        * @optional
        */
       shouldComponentUpdate: 'DEFINE_ONCE',

       /**
        * Invoked when the component is about to update due to a transition from
        * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`
        * and `nextContext`.
        *
        * Use this as an opportunity to perform preparation before an update occurs.
        *
        * NOTE: You **cannot** use `this.setState()` in this method.
        *
        * @param {object} nextProps
        * @param {?object} nextState
        * @param {?object} nextContext
        * @param {ReactReconcileTransaction} transaction
        * @optional
        */
       componentWillUpdate: 'DEFINE_MANY',

       /**
        * Invoked when the component's DOM representation has been updated.
        *
        * Use this as an opportunity to operate on the DOM when the component has
        * been updated.
        *
        * @param {object} prevProps
        * @param {?object} prevState
        * @param {?object} prevContext
        * @param {DOMElement} rootNode DOM element representing the component.
        * @optional
        */
       componentDidUpdate: 'DEFINE_MANY',

       /**
        * Invoked when the component is about to be removed from its parent and have
        * its DOM representation destroyed.
        *
        * Use this as an opportunity to deallocate any external resources.
        *
        * NOTE: There is no `componentDidUnmount` since your component will have been
        * destroyed by that point.
        *
        * @optional
        */
       componentWillUnmount: 'DEFINE_MANY',

       // ==== Advanced methods ====

       /**
        * Updates the component's currently mounted DOM representation.
        *
        * By default, this implements React's rendering and reconciliation algorithm.
        * Sophisticated clients may wish to override this.
        *
        * @param {ReactReconcileTransaction} transaction
        * @internal
        * @overridable
        */
       updateComponent: 'OVERRIDE_BASE'
     };

     /**
      * Mapping from class specification keys to special processing functions.
      *
      * Although these are declared like instance properties in the specification
      * when defining classes using `React.createClass`, they are actually static
      * and are accessible on the constructor instead of the prototype. Despite
      * being static, they must be defined outside of the "statics" key under
      * which all other static methods are defined.
      */
     var RESERVED_SPEC_KEYS = {
       displayName: function(Constructor, displayName) {
         Constructor.displayName = displayName;
       },
       mixins: function(Constructor, mixins) {
         if (mixins) {
           for (var i = 0; i < mixins.length; i++) {
             mixSpecIntoComponent(Constructor, mixins[i]);
           }
         }
       },
       childContextTypes: function(Constructor, childContextTypes) {
         if (process.env.NODE_ENV !== 'production') {
           validateTypeDef(Constructor, childContextTypes, 'childContext');
         }
         Constructor.childContextTypes = _assign(
           {},
           Constructor.childContextTypes,
           childContextTypes
         );
       },
       contextTypes: function(Constructor, contextTypes) {
         if (process.env.NODE_ENV !== 'production') {
           validateTypeDef(Constructor, contextTypes, 'context');
         }
         Constructor.contextTypes = _assign(
           {},
           Constructor.contextTypes,
           contextTypes
         );
       },
       /**
        * Special case getDefaultProps which should move into statics but requires
        * automatic merging.
        */
       getDefaultProps: function(Constructor, getDefaultProps) {
         if (Constructor.getDefaultProps) {
           Constructor.getDefaultProps = createMergedResultFunction(
             Constructor.getDefaultProps,
             getDefaultProps
           );
         } else {
           Constructor.getDefaultProps = getDefaultProps;
         }
       },
       propTypes: function(Constructor, propTypes) {
         if (process.env.NODE_ENV !== 'production') {
           validateTypeDef(Constructor, propTypes, 'prop');
         }
         Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);
       },
       statics: function(Constructor, statics) {
         mixStaticSpecIntoComponent(Constructor, statics);
       },
       autobind: function() {}
     };

     function validateTypeDef(Constructor, typeDef, location) {
       for (var propName in typeDef) {
         if (typeDef.hasOwnProperty(propName)) {
           // use a warning instead of an _invariant so components
           // don't show up in prod but only in __DEV__
           if (process.env.NODE_ENV !== 'production') {
             warning(
               typeof typeDef[propName] === 'function',
               '%s: %s type `%s` is invalid; it must be a function, usually from ' +
                 'React.PropTypes.',
               Constructor.displayName || 'ReactClass',
               ReactPropTypeLocationNames[location],
               propName
             );
           }
         }
       }
     }

     function validateMethodOverride(isAlreadyDefined, name) {
       var specPolicy = ReactClassInterface.hasOwnProperty(name)
         ? ReactClassInterface[name]
         : null;

       // Disallow overriding of base class methods unless explicitly allowed.
       if (ReactClassMixin.hasOwnProperty(name)) {
         _invariant(
           specPolicy === 'OVERRIDE_BASE',
           'ReactClassInterface: You are attempting to override ' +
             '`%s` from your class specification. Ensure that your method names ' +
             'do not overlap with React methods.',
           name
         );
       }

       // Disallow defining methods more than once unless explicitly allowed.
       if (isAlreadyDefined) {
         _invariant(
           specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',
           'ReactClassInterface: You are attempting to define ' +
             '`%s` on your component more than once. This conflict may be due ' +
             'to a mixin.',
           name
         );
       }
     }

     /**
      * Mixin helper which handles policy validation and reserved
      * specification keys when building React classes.
      */
     function mixSpecIntoComponent(Constructor, spec) {
       if (!spec) {
         if (process.env.NODE_ENV !== 'production') {
           var typeofSpec = typeof spec;
           var isMixinValid = typeofSpec === 'object' && spec !== null;

           if (process.env.NODE_ENV !== 'production') {
             warning(
               isMixinValid,
               "%s: You're attempting to include a mixin that is either null " +
                 'or not an object. Check the mixins included by the component, ' +
                 'as well as any mixins they include themselves. ' +
                 'Expected object but got %s.',
               Constructor.displayName || 'ReactClass',
               spec === null ? null : typeofSpec
             );
           }
         }

         return;
       }

       _invariant(
         typeof spec !== 'function',
         "ReactClass: You're attempting to " +
           'use a component class or function as a mixin. Instead, just use a ' +
           'regular object.'
       );
       _invariant(
         !isValidElement(spec),
         "ReactClass: You're attempting to " +
           'use a component as a mixin. Instead, just use a regular object.'
       );

       var proto = Constructor.prototype;
       var autoBindPairs = proto.__reactAutoBindPairs;

       // By handling mixins before any other properties, we ensure the same
       // chaining order is applied to methods with DEFINE_MANY policy, whether
       // mixins are listed before or after these methods in the spec.
       if (spec.hasOwnProperty(MIXINS_KEY)) {
         RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);
       }

       for (var name in spec) {
         if (!spec.hasOwnProperty(name)) {
           continue;
         }

         if (name === MIXINS_KEY) {
           // We have already handled mixins in a special case above.
           continue;
         }

         var property = spec[name];
         var isAlreadyDefined = proto.hasOwnProperty(name);
         validateMethodOverride(isAlreadyDefined, name);

         if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {
           RESERVED_SPEC_KEYS[name](Constructor, property);
         } else {
           // Setup methods on prototype:
           // The following member methods should not be automatically bound:
           // 1. Expected ReactClass methods (in the "interface").
           // 2. Overridden methods (that were mixed in).
           var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
           var isFunction = typeof property === 'function';
           var shouldAutoBind =
             isFunction &&
             !isReactClassMethod &&
             !isAlreadyDefined &&
             spec.autobind !== false;

           if (shouldAutoBind) {
             autoBindPairs.push(name, property);
             proto[name] = property;
           } else {
             if (isAlreadyDefined) {
               var specPolicy = ReactClassInterface[name];

               // These cases should already be caught by validateMethodOverride.
               _invariant(
                 isReactClassMethod &&
                   (specPolicy === 'DEFINE_MANY_MERGED' ||
                     specPolicy === 'DEFINE_MANY'),
                 'ReactClass: Unexpected spec policy %s for key %s ' +
                   'when mixing in component specs.',
                 specPolicy,
                 name
               );

               // For methods which are defined more than once, call the existing
               // methods before calling the new property, merging if appropriate.
               if (specPolicy === 'DEFINE_MANY_MERGED') {
                 proto[name] = createMergedResultFunction(proto[name], property);
               } else if (specPolicy === 'DEFINE_MANY') {
                 proto[name] = createChainedFunction(proto[name], property);
               }
             } else {
               proto[name] = property;
               if (process.env.NODE_ENV !== 'production') {
                 // Add verbose displayName to the function, which helps when looking
                 // at profiling tools.
                 if (typeof property === 'function' && spec.displayName) {
                   proto[name].displayName = spec.displayName + '_' + name;
                 }
               }
             }
           }
         }
       }
     }

     function mixStaticSpecIntoComponent(Constructor, statics) {
       if (!statics) {
         return;
       }
       for (var name in statics) {
         var property = statics[name];
         if (!statics.hasOwnProperty(name)) {
           continue;
         }

         var isReserved = name in RESERVED_SPEC_KEYS;
         _invariant(
           !isReserved,
           'ReactClass: You are attempting to define a reserved ' +
             'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' +
             'as an instance property instead; it will still be accessible on the ' +
             'constructor.',
           name
         );

         var isInherited = name in Constructor;
         _invariant(
           !isInherited,
           'ReactClass: You are attempting to define ' +
             '`%s` on your component more than once. This conflict may be ' +
             'due to a mixin.',
           name
         );
         Constructor[name] = property;
       }
     }

     /**
      * Merge two objects, but throw if both contain the same key.
      *
      * @param {object} one The first object, which is mutated.
      * @param {object} two The second object
      * @return {object} one after it has been mutated to contain everything in two.
      */
     function mergeIntoWithNoDuplicateKeys(one, two) {
       _invariant(
         one && two && typeof one === 'object' && typeof two === 'object',
         'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'
       );

       for (var key in two) {
         if (two.hasOwnProperty(key)) {
           _invariant(
             one[key] === undefined,
             'mergeIntoWithNoDuplicateKeys(): ' +
               'Tried to merge two objects with the same key: `%s`. This conflict ' +
               'may be due to a mixin; in particular, this may be caused by two ' +
               'getInitialState() or getDefaultProps() methods returning objects ' +
               'with clashing keys.',
             key
           );
           one[key] = two[key];
         }
       }
       return one;
     }

     /**
      * Creates a function that invokes two functions and merges their return values.
      *
      * @param {function} one Function to invoke first.
      * @param {function} two Function to invoke second.
      * @return {function} Function that invokes the two argument functions.
      * @private
      */
     function createMergedResultFunction(one, two) {
       return function mergedResult() {
         var a = one.apply(this, arguments);
         var b = two.apply(this, arguments);
         if (a == null) {
           return b;
         } else if (b == null) {
           return a;
         }
         var c = {};
         mergeIntoWithNoDuplicateKeys(c, a);
         mergeIntoWithNoDuplicateKeys(c, b);
         return c;
       };
     }

     /**
      * Creates a function that invokes two functions and ignores their return vales.
      *
      * @param {function} one Function to invoke first.
      * @param {function} two Function to invoke second.
      * @return {function} Function that invokes the two argument functions.
      * @private
      */
     function createChainedFunction(one, two) {
       return function chainedFunction() {
         one.apply(this, arguments);
         two.apply(this, arguments);
       };
     }

     /**
      * Binds a method to the component.
      *
      * @param {object} component Component whose method is going to be bound.
      * @param {function} method Method to be bound.
      * @return {function} The bound method.
      */
     function bindAutoBindMethod(component, method) {
       var boundMethod = method.bind(component);
       if (process.env.NODE_ENV !== 'production') {
         boundMethod.__reactBoundContext = component;
         boundMethod.__reactBoundMethod = method;
         boundMethod.__reactBoundArguments = null;
         var componentName = component.constructor.displayName;
         var _bind = boundMethod.bind;
         boundMethod.bind = function(newThis) {
           for (
             var _len = arguments.length,
               args = Array(_len > 1 ? _len - 1 : 0),
               _key = 1;
             _key < _len;
             _key++
           ) {
             args[_key - 1] = arguments[_key];
           }

           // User is trying to bind() an autobound method; we effectively will
           // ignore the value of "this" that the user is trying to use, so
           // let's warn.
           if (newThis !== component && newThis !== null) {
             if (process.env.NODE_ENV !== 'production') {
               warning(
                 false,
                 'bind(): React component methods may only be bound to the ' +
                   'component instance. See %s',
                 componentName
               );
             }
           } else if (!args.length) {
             if (process.env.NODE_ENV !== 'production') {
               warning(
                 false,
                 'bind(): You are binding a component method to the component. ' +
                   'React does this for you automatically in a high-performance ' +
                   'way, so you can safely remove this call. See %s',
                 componentName
               );
             }
             return boundMethod;
           }
           var reboundMethod = _bind.apply(boundMethod, arguments);
           reboundMethod.__reactBoundContext = component;
           reboundMethod.__reactBoundMethod = method;
           reboundMethod.__reactBoundArguments = args;
           return reboundMethod;
         };
       }
       return boundMethod;
     }

     /**
      * Binds all auto-bound methods in a component.
      *
      * @param {object} component Component whose method is going to be bound.
      */
     function bindAutoBindMethods(component) {
       var pairs = component.__reactAutoBindPairs;
       for (var i = 0; i < pairs.length; i += 2) {
         var autoBindKey = pairs[i];
         var method = pairs[i + 1];
         component[autoBindKey] = bindAutoBindMethod(component, method);
       }
     }

     var IsMountedPreMixin = {
       componentDidMount: function() {
         this.__isMounted = true;
       }
     };

     var IsMountedPostMixin = {
       componentWillUnmount: function() {
         this.__isMounted = false;
       }
     };

     /**
      * Add more to the ReactClass base class. These are all legacy features and
      * therefore not already part of the modern ReactComponent.
      */
     var ReactClassMixin = {
       /**
        * TODO: This will be deprecated because state should always keep a consistent
        * type signature and the only use case for this, is to avoid that.
        */
       replaceState: function(newState, callback) {
         this.updater.enqueueReplaceState(this, newState, callback);
       },

       /**
        * Checks whether or not this composite component is mounted.
        * @return {boolean} True if mounted, false otherwise.
        * @protected
        * @final
        */
       isMounted: function() {
         if (process.env.NODE_ENV !== 'production') {
           warning(
             this.__didWarnIsMounted,
             '%s: isMounted is deprecated. Instead, make sure to clean up ' +
               'subscriptions and pending requests in componentWillUnmount to ' +
               'prevent memory leaks.',
             (this.constructor && this.constructor.displayName) ||
               this.name ||
               'Component'
           );
           this.__didWarnIsMounted = true;
         }
         return !!this.__isMounted;
       }
     };

     var ReactClassComponent = function() {};
     _assign(
       ReactClassComponent.prototype,
       ReactComponent.prototype,
       ReactClassMixin
     );

     /**
      * Creates a composite component class given a class specification.
      * See https://facebook.github.io/react/docs/top-level-api.html#react.createclass
      *
      * @param {object} spec Class specification (which must define `render`).
      * @return {function} Component constructor function.
      * @public
      */
     function createClass(spec) {
       // To keep our warnings more understandable, we'll use a little hack here to
       // ensure that Constructor.name !== 'Constructor'. This makes sure we don't
       // unnecessarily identify a class without displayName as 'Constructor'.
       var Constructor = identity(function(props, context, updater) {
         // This constructor gets overridden by mocks. The argument is used
         // by mocks to assert on what gets mounted.

         if (process.env.NODE_ENV !== 'production') {
           warning(
             this instanceof Constructor,
             'Something is calling a React component directly. Use a factory or ' +
               'JSX instead. See: https://fb.me/react-legacyfactory'
           );
         }

         // Wire up auto-binding
         if (this.__reactAutoBindPairs.length) {
           bindAutoBindMethods(this);
         }

         this.props = props;
         this.context = context;
         this.refs = emptyObject;
         this.updater = updater || ReactNoopUpdateQueue;

         this.state = null;

         // ReactClasses doesn't have constructors. Instead, they use the
         // getInitialState and componentWillMount methods for initialization.

         var initialState = this.getInitialState ? this.getInitialState() : null;
         if (process.env.NODE_ENV !== 'production') {
           // We allow auto-mocks to proceed as if they're returning null.
           if (
             initialState === undefined &&
             this.getInitialState._isMockFunction
           ) {
             // This is probably bad practice. Consider warning here and
             // deprecating this convenience.
             initialState = null;
           }
         }
         _invariant(
           typeof initialState === 'object' && !Array.isArray(initialState),
           '%s.getInitialState(): must return an object or null',
           Constructor.displayName || 'ReactCompositeComponent'
         );

         this.state = initialState;
       });
       Constructor.prototype = new ReactClassComponent();
       Constructor.prototype.constructor = Constructor;
       Constructor.prototype.__reactAutoBindPairs = [];

       injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));

       mixSpecIntoComponent(Constructor, IsMountedPreMixin);
       mixSpecIntoComponent(Constructor, spec);
       mixSpecIntoComponent(Constructor, IsMountedPostMixin);

       // Initialize the defaultProps property after all mixins have been merged.
       if (Constructor.getDefaultProps) {
         Constructor.defaultProps = Constructor.getDefaultProps();
       }

       if (process.env.NODE_ENV !== 'production') {
         // This is a tag to indicate that the use of these method names is ok,
         // since it's used with createClass. If it's not, then it's likely a
         // mistake so we'll warn you to use the static property, property
         // initializer or constructor respectively.
         if (Constructor.getDefaultProps) {
           Constructor.getDefaultProps.isReactClassApproved = {};
         }
         if (Constructor.prototype.getInitialState) {
           Constructor.prototype.getInitialState.isReactClassApproved = {};
         }
       }

       _invariant(
         Constructor.prototype.render,
         'createClass(...): Class specification must implement a `render` method.'
       );

       if (process.env.NODE_ENV !== 'production') {
         warning(
           !Constructor.prototype.componentShouldUpdate,
           '%s has a method called ' +
             'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
             'The name is phrased as a question because the function is ' +
             'expected to return a value.',
           spec.displayName || 'A component'
         );
         warning(
           !Constructor.prototype.componentWillRecieveProps,
           '%s has a method called ' +
             'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
           spec.displayName || 'A component'
         );
       }

       // Reduce time spent doing lookups by setting these on the prototype.
       for (var methodName in ReactClassInterface) {
         if (!Constructor.prototype[methodName]) {
           Constructor.prototype[methodName] = null;
         }
       }

       return Constructor;
     }

     return createClass;
   }

   module.exports = factory;

   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 14 */
/***/ (function(module, exports) {

   /*
   object-assign
   (c) Sindre Sorhus
   @license MIT
   */

   'use strict';
   /* eslint-disable no-unused-vars */
   var getOwnPropertySymbols = Object.getOwnPropertySymbols;
   var hasOwnProperty = Object.prototype.hasOwnProperty;
   var propIsEnumerable = Object.prototype.propertyIsEnumerable;

   function toObject(val) {
      if (val === null || val === undefined) {
         throw new TypeError('Object.assign cannot be called with null or undefined');
      }

      return Object(val);
   }

   function shouldUseNative() {
      try {
         if (!Object.assign) {
            return false;
         }

         // Detect buggy property enumeration order in older V8 versions.

         // https://bugs.chromium.org/p/v8/issues/detail?id=4118
         var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
         test1[5] = 'de';
         if (Object.getOwnPropertyNames(test1)[0] === '5') {
            return false;
         }

         // https://bugs.chromium.org/p/v8/issues/detail?id=3056
         var test2 = {};
         for (var i = 0; i < 10; i++) {
            test2['_' + String.fromCharCode(i)] = i;
         }
         var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
            return test2[n];
         });
         if (order2.join('') !== '0123456789') {
            return false;
         }

         // https://bugs.chromium.org/p/v8/issues/detail?id=3056
         var test3 = {};
         'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
            test3[letter] = letter;
         });
         if (Object.keys(Object.assign({}, test3)).join('') !==
               'abcdefghijklmnopqrst') {
            return false;
         }

         return true;
      } catch (err) {
         // We don't expect any of the above to throw, but better to be safe.
         return false;
      }
   }

   module.exports = shouldUseNative() ? Object.assign : function (target, source) {
      var from;
      var to = toObject(target);
      var symbols;

      for (var s = 1; s < arguments.length; s++) {
         from = Object(arguments[s]);

         for (var key in from) {
            if (hasOwnProperty.call(from, key)) {
               to[key] = from[key];
            }
         }

         if (getOwnPropertySymbols) {
            symbols = getOwnPropertySymbols(from);
            for (var i = 0; i < symbols.length; i++) {
               if (propIsEnumerable.call(from, symbols[i])) {
                  to[symbols[i]] = from[symbols[i]];
               }
            }
         }
      }

      return to;
   };


/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {

   /* WEBPACK VAR INJECTION */(function(process) {/**
    * Copyright (c) 2013-present, Facebook, Inc.
    * All rights reserved.
    *
    * This source code is licensed under the BSD-style license found in the
    * LICENSE file in the root directory of this source tree. An additional grant
    * of patent rights can be found in the PATENTS file in the same directory.
    *
    */

   'use strict';

   var emptyObject = {};

   if (process.env.NODE_ENV !== 'production') {
     Object.freeze(emptyObject);
   }

   module.exports = emptyObject;
   /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))

/***/ }),
/* 16 */
/***/ (function(module, exports) {

   module.exports = __WEBPACK_EXTERNAL_MODULE_16__;

/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   var React = __webpack_require__(12),
      createClass = __webpack_require__(11),
      DaysView = __webpack_require__(18),
      MonthsView = __webpack_require__(22),
      YearsView = __webpack_require__(23),
      TimeView = __webpack_require__(24)
      ;

   var CalendarContainer = createClass({
      viewComponents: {
         days: DaysView,
         months: MonthsView,
         years: YearsView,
         time: TimeView
      },

      render: function() {
         return React.createElement( this.viewComponents[ this.props.view ], this.props.viewProps );
      }
   });

   module.exports = CalendarContainer;


/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   var React = __webpack_require__(12),
      createClass = __webpack_require__(11),
      moment = __webpack_require__(16),
      onClickOutside = __webpack_require__(19).default
      ;

   var DateTimePickerDays = onClickOutside( createClass({
      render: function() {
         var footer = this.renderFooter(),
            date = this.props.viewDate,
            locale = date.localeData(),
            tableChildren
            ;

         tableChildren = [
            React.createElement('thead', { key: 'th' }, [
               React.createElement('tr', { key: 'h' }, [
                  React.createElement('th', { key: 'p', className: 'rdtPrev', onClick: this.props.subtractTime( 1, 'months' )}, React.createElement('span', {}, '‹' )),
                  React.createElement('th', { key: 's', className: 'rdtSwitch', onClick: this.props.showView( 'months' ), colspan: 5, 'data-value': this.props.viewDate.month() }, locale.months( date ) + ' ' + date.year() ),
                  React.createElement('th', { key: 'n', className: 'rdtNext', onClick: this.props.addTime( 1, 'months' )}, React.createElement('span', {}, '›' ))
               ]),
               React.createElement('tr', { key: 'd'}, this.getDaysOfWeek( locale ).map( function( day, index ) { return React.createElement('th', { key: day + index, className: 'dow'}, day ); }) )
            ]),
            React.createElement('tbody', { key: 'tb' }, this.renderDays())
         ];

         if ( footer )
            tableChildren.push( footer );

         return React.createElement('div', { className: 'rdtDays' },
            React.createElement('table', {}, tableChildren )
         );
      },

      /**
       * Get a list of the days of the week
       * depending on the current locale
       * @return {array} A list with the shortname of the days
       */
      getDaysOfWeek: function( locale ) {
         var days = locale._weekdaysMin,
            first = locale.firstDayOfWeek(),
            dow = [],
            i = 0
            ;

         days.forEach( function( day ) {
            dow[ (7 + ( i++ ) - first) % 7 ] = day;
         });

         return dow;
      },

      renderDays: function() {
         var date = this.props.viewDate,
            selected = this.props.selectedDate && this.props.selectedDate.clone(),
            prevMonth = date.clone().subtract( 1, 'months' ),
            currentYear = date.year(),
            currentMonth = date.month(),
            weeks = [],
            days = [],
            renderer = this.props.renderDay || this.renderDay,
            isValid = this.props.isValidDate || this.alwaysValidDate,
            classes, isDisabled, dayProps, currentDate
            ;

         // Go to the last week of the previous month
         prevMonth.date( prevMonth.daysInMonth() ).startOf( 'week' );
         var lastDay = prevMonth.clone().add( 42, 'd' );

         while ( prevMonth.isBefore( lastDay ) ) {
            classes = 'rdtDay';
            currentDate = prevMonth.clone();

            if ( ( prevMonth.year() === currentYear && prevMonth.month() < currentMonth ) || ( prevMonth.year() < currentYear ) )
               classes += ' rdtOld';
            else if ( ( prevMonth.year() === currentYear && prevMonth.month() > currentMonth ) || ( prevMonth.year() > currentYear ) )
               classes += ' rdtNew';

            if ( selected && prevMonth.isSame( selected, 'day' ) )
               classes += ' rdtActive';

            if ( prevMonth.isSame( moment(), 'day' ) )
               classes += ' rdtToday';

            isDisabled = !isValid( currentDate, selected );
            if ( isDisabled )
               classes += ' rdtDisabled';

            dayProps = {
               key: prevMonth.format( 'M_D' ),
               'data-value': prevMonth.date(),
               className: classes
            };

            if ( !isDisabled )
               dayProps.onClick = this.updateSelectedDate;

            days.push( renderer( dayProps, currentDate, selected ) );

            if ( days.length === 7 ) {
               weeks.push( React.createElement('tr', { key: prevMonth.format( 'M_D' )}, days ) );
               days = [];
            }

            prevMonth.add( 1, 'd' );
         }

         return weeks;
      },

      updateSelectedDate: function( event ) {
         this.props.updateSelectedDate( event, true );
      },

      renderDay: function( props, currentDate ) {
         return React.createElement('td',  props, currentDate.date() );
      },

      renderFooter: function() {
         if ( !this.props.timeFormat )
            return '';

         var date = this.props.selectedDate || this.props.viewDate;

         return React.createElement('tfoot', { key: 'tf'},
            React.createElement('tr', {},
               React.createElement('td', { onClick: this.props.showView( 'time' ), colspan: 7, className: 'rdtTimeToggle' }, date.format( this.props.timeFormat ))
            )
         );
      },

      alwaysValidDate: function() {
         return 1;
      },

      handleClickOutside: function() {
         this.props.handleClickOutside();
      }
   }));

   module.exports = DateTimePickerDays;


/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   exports.__esModule = true;
   exports.IGNORE_CLASS_NAME = undefined;
   exports.default = onClickOutsideHOC;

   var _react = __webpack_require__(12);

   var _reactDom = __webpack_require__(20);

   var _generateOutsideCheck = __webpack_require__(21);

   var _generateOutsideCheck2 = _interopRequireDefault(_generateOutsideCheck);

   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

   function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

   function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

   function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

   /**
    * A higher-order-component for handling onClickOutside for React components.
    */
   var registeredComponents = [];
   var handlers = [];

   var touchEvents = ['touchstart', 'touchmove'];
   var IGNORE_CLASS_NAME = exports.IGNORE_CLASS_NAME = 'ignore-react-onclickoutside';

   /**
    * This function generates the HOC function that you'll use
    * in order to impart onOutsideClick listening to an
    * arbitrary component. It gets called at the end of the
    * bootstrapping code to yield an instance of the
    * onClickOutsideHOC function defined inside setupHOC().
    */
   function onClickOutsideHOC(WrappedComponent, config) {
     var _class, _temp2;

     return _temp2 = _class = function (_Component) {
       _inherits(onClickOutside, _Component);

       function onClickOutside() {
         var _temp, _this, _ret;

         _classCallCheck(this, onClickOutside);

         for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }

         return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.__outsideClickHandler = null, _this.enableOnClickOutside = function () {
           var fn = _this.__outsideClickHandler;
           if (fn && typeof document !== 'undefined') {
             var events = _this.props.eventTypes;
             if (!events.forEach) {
               events = [events];
             }

             events.forEach(function (eventName) {
               var handlerOptions = null;
               var isTouchEvent = touchEvents.indexOf(eventName) !== -1;

               if (isTouchEvent) {
                 handlerOptions = { passive: !_this.props.preventDefault };
               }

               document.addEventListener(eventName, fn, handlerOptions);
             });
           }
         }, _this.disableOnClickOutside = function () {
           var fn = _this.__outsideClickHandler;
           if (fn && typeof document !== 'undefined') {
             var events = _this.props.eventTypes;
             if (!events.forEach) {
               events = [events];
             }
             events.forEach(function (eventName) {
               return document.removeEventListener(eventName, fn);
             });
           }
         }, _this.getRef = function (ref) {
           return _this.instanceRef = ref;
         }, _temp), _possibleConstructorReturn(_this, _ret);
       }

       /**
        * Access the WrappedComponent's instance.
        */
       onClickOutside.prototype.getInstance = function getInstance() {
         if (!WrappedComponent.prototype.isReactComponent) {
           return this;
         }
         var ref = this.instanceRef;
         return ref.getInstance ? ref.getInstance() : ref;
       };

       // this is given meaning in componentDidMount/componentDidUpdate


       /**
        * Add click listeners to the current document,
        * linked to this component's state.
        */
       onClickOutside.prototype.componentDidMount = function componentDidMount() {
         // If we are in an environment without a DOM such
         // as shallow rendering or snapshots then we exit
         // early to prevent any unhandled errors being thrown.
         if (typeof document === 'undefined' || !document.createElement) {
           return;
         }

         var instance = this.getInstance();

         if (config && typeof config.handleClickOutside === 'function') {
           this.__clickOutsideHandlerProp = config.handleClickOutside(instance);
           if (typeof this.__clickOutsideHandlerProp !== 'function') {
             throw new Error('WrappedComponent lacks a function for processing outside click events specified by the handleClickOutside config option.');
           }
         } else if (typeof instance.handleClickOutside === 'function') {
           if (_react.Component.prototype.isPrototypeOf(instance)) {
             this.__clickOutsideHandlerProp = instance.handleClickOutside.bind(instance);
           } else {
             this.__clickOutsideHandlerProp = instance.handleClickOutside;
           }
         } else if (typeof instance.props.handleClickOutside === 'function') {
           this.__clickOutsideHandlerProp = instance.props.handleClickOutside;
         } else {
           throw new Error('WrappedComponent lacks a handleClickOutside(event) function for processing outside click events.');
         }

         // TODO: try to get rid of this, could be done with function ref, might be problematic for SFC though, they do not expose refs
         if ((0, _reactDom.findDOMNode)(instance) === null) {
           return;
         }

         this.addOutsideClickHandler();
       };

       /**
       * Track for disableOnClickOutside props changes and enable/disable click outside
       */


       onClickOutside.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
         if (this.props.disableOnClickOutside && !nextProps.disableOnClickOutside) {
           this.enableOnClickOutside();
         } else if (!this.props.disableOnClickOutside && nextProps.disableOnClickOutside) {
           this.disableOnClickOutside();
         }
       };

       onClickOutside.prototype.componentDidUpdate = function componentDidUpdate() {
         var componentNode = (0, _reactDom.findDOMNode)(this.getInstance());

         if (componentNode === null && this.__outsideClickHandler) {
           this.removeOutsideClickHandler();
           return;
         }

         if (componentNode !== null && !this.__outsideClickHandler) {
           this.addOutsideClickHandler();
           return;
         }
       };

       /**
        * Remove all document's event listeners for this component
        */


       onClickOutside.prototype.componentWillUnmount = function componentWillUnmount() {
         this.removeOutsideClickHandler();
       };

       /**
        * Can be called to explicitly enable event listening
        * for clicks and touches outside of this element.
        */


       /**
        * Can be called to explicitly disable event listening
        * for clicks and touches outside of this element.
        */


       onClickOutside.prototype.addOutsideClickHandler = function addOutsideClickHandler() {
         var fn = this.__outsideClickHandler = (0, _generateOutsideCheck2.default)((0, _reactDom.findDOMNode)(this.getInstance()), this.__clickOutsideHandlerProp, this.props.outsideClickIgnoreClass, this.props.excludeScrollbar, this.props.preventDefault, this.props.stopPropagation);

         var pos = registeredComponents.length;
         registeredComponents.push(this);
         handlers[pos] = fn;

         // If there is a truthy disableOnClickOutside property for this
         // component, don't immediately start listening for outside events.
         if (!this.props.disableOnClickOutside) {
           this.enableOnClickOutside();
         }
       };

       onClickOutside.prototype.removeOutsideClickHandler = function removeOutsideClickHandler() {
         this.disableOnClickOutside();
         this.__outsideClickHandler = false;

         var pos = registeredComponents.indexOf(this);

         if (pos > -1) {
           // clean up so we don't leak memory
           if (handlers[pos]) {
             handlers.splice(pos, 1);
           }
           registeredComponents.splice(pos, 1);
         }
       };

       /**
        * Pass-through render
        */
       onClickOutside.prototype.render = function render() {
         var _this2 = this;

         var props = Object.keys(this.props).filter(function (prop) {
           return prop !== 'excludeScrollbar';
         }).reduce(function (props, prop) {
           props[prop] = _this2.props[prop];
           return props;
         }, {});

         if (WrappedComponent.prototype.isReactComponent) {
           props.ref = this.getRef;
         } else {
           props.wrappedRef = this.getRef;
         }

         props.disableOnClickOutside = this.disableOnClickOutside;
         props.enableOnClickOutside = this.enableOnClickOutside;

         return (0, _react.createElement)(WrappedComponent, props);
       };

       return onClickOutside;
     }(_react.Component), _class.displayName = 'OnClickOutside(' + (WrappedComponent.displayName || WrappedComponent.name || 'Component') + ')', _class.defaultProps = {
       eventTypes: ['mousedown', 'touchstart'],
       excludeScrollbar: config && config.excludeScrollbar || false,
       outsideClickIgnoreClass: IGNORE_CLASS_NAME,
       preventDefault: false,
       stopPropagation: false
     }, _class.getClass = function () {
       return WrappedComponent.getClass ? WrappedComponent.getClass() : WrappedComponent;
     }, _temp2;
   }

/***/ }),
/* 20 */
/***/ (function(module, exports) {

   module.exports = __WEBPACK_EXTERNAL_MODULE_20__;

/***/ }),
/* 21 */
/***/ (function(module, exports) {

   "use strict";

   exports.__esModule = true;
   exports.default = generateOutsideCheck;
   /**
    * Check whether some DOM node is our Component's node.
    */
   function isNodeFound(current, componentNode, ignoreClass) {
     if (current === componentNode) {
       return true;
     }
     // SVG <use/> elements do not technically reside in the rendered DOM, so
     // they do not have classList directly, but they offer a link to their
     // corresponding element, which can have classList. This extra check is for
     // that case.
     // See: http://www.w3.org/TR/SVG11/struct.html#InterfaceSVGUseElement
     // Discussion: https://github.com/Pomax/react-onclickoutside/pull/17
     if (current.correspondingElement) {
       return current.correspondingElement.classList.contains(ignoreClass);
     }
     return current.classList.contains(ignoreClass);
   }

   /**
    * Try to find our node in a hierarchy of nodes, returning the document
    * node as highest node if our node is not found in the path up.
    */
   function findHighest(current, componentNode, ignoreClass) {
     if (current === componentNode) {
       return true;
     }

     // If source=local then this event came from 'somewhere'
     // inside and should be ignored. We could handle this with
     // a layered approach, too, but that requires going back to
     // thinking in terms of Dom node nesting, running counter
     // to React's 'you shouldn't care about the DOM' philosophy.
     while (current.parentNode) {
       if (isNodeFound(current, componentNode, ignoreClass)) {
         return true;
       }
       current = current.parentNode;
     }
     return current;
   }

   /**
    * Check if the browser scrollbar was clicked
    */
   function clickedScrollbar(evt) {
     return document.documentElement.clientWidth <= evt.clientX || document.documentElement.clientHeight <= evt.clientY;
   }

   /**
    * Generate the event handler that checks whether a clicked DOM node
    * is inside of, or lives outside of, our Component's node tree.
    */
   function generateOutsideCheck(componentNode, eventHandler, ignoreClass, excludeScrollbar, preventDefault, stopPropagation) {
     return function (evt) {
       if (preventDefault) {
         evt.preventDefault();
       }
       if (stopPropagation) {
         evt.stopPropagation();
       }
       var current = evt.target;
       if (excludeScrollbar && clickedScrollbar(evt) || findHighest(current, componentNode, ignoreClass) !== document) {
         return;
       }
       eventHandler(evt);
     };
   }

/***/ }),
/* 22 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   var React = __webpack_require__(12),
      createClass = __webpack_require__(11),
      onClickOutside = __webpack_require__(19).default
      ;

   var DateTimePickerMonths = onClickOutside( createClass({
      render: function() {
         return React.createElement('div', { className: 'rdtMonths' }, [
            React.createElement('table', { key: 'a' }, React.createElement('thead', {}, React.createElement('tr', {}, [
               React.createElement('th', { key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 1, 'years' )}, React.createElement('span', {}, '‹' )),
               React.createElement('th', { key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colspan: 2, 'data-value': this.props.viewDate.year() }, this.props.viewDate.year() ),
               React.createElement('th', { key: 'next', className: 'rdtNext', onClick: this.props.addTime( 1, 'years' )}, React.createElement('span', {}, '›' ))
            ]))),
            React.createElement('table', { key: 'months' }, React.createElement('tbody', { key: 'b' }, this.renderMonths()))
         ]);
      },

      renderMonths: function() {
         var date = this.props.selectedDate,
            month = this.props.viewDate.month(),
            year = this.props.viewDate.year(),
            rows = [],
            i = 0,
            months = [],
            renderer = this.props.renderMonth || this.renderMonth,
            isValid = this.props.isValidDate || this.alwaysValidDate,
            classes, props, currentMonth, isDisabled, noOfDaysInMonth, daysInMonth, validDay,
            // Date is irrelevant because we're only interested in month
            irrelevantDate = 1
            ;

         while (i < 12) {
            classes = 'rdtMonth';
            currentMonth =
               this.props.viewDate.clone().set({ year: year, month: i, date: irrelevantDate });

            noOfDaysInMonth = currentMonth.endOf( 'month' ).format( 'D' );
            daysInMonth = Array.from({ length: noOfDaysInMonth }, function( e, i ) {
               return i + 1;
            });

            validDay = daysInMonth.find(function( d ) {
               var day = currentMonth.clone().set( 'date', d );
               return isValid( day );
            });

            isDisabled = ( validDay === undefined );

            if ( isDisabled )
               classes += ' rdtDisabled';

            if ( date && i === date.month() && year === date.year() )
               classes += ' rdtActive';

            props = {
               key: i,
               'data-value': i,
               className: classes
            };

            if ( !isDisabled )
               props.onClick = ( this.props.updateOn === 'months' ?
                  this.updateSelectedMonth : this.props.setDate( 'month' ) );

            months.push( renderer( props, i, year, date && date.clone() ) );

            if ( months.length === 4 ) {
               rows.push( React.createElement('tr', { key: month + '_' + rows.length }, months ) );
               months = [];
            }

            i++;
         }

         return rows;
      },

      updateSelectedMonth: function( event ) {
         this.props.updateSelectedDate( event );
      },

      renderMonth: function( props, month ) {
         var localMoment = this.props.viewDate;
         var monthStr = localMoment.localeData().monthsShort( localMoment.month( month ) );
         var strLength = 3;
         // Because some months are up to 5 characters long, we want to
         // use a fixed string length for consistency
         var monthStrFixedLength = monthStr.substring( 0, strLength );
         return React.createElement('td', props, capitalize( monthStrFixedLength ) );
      },

      alwaysValidDate: function() {
         return 1;
      },

      handleClickOutside: function() {
         this.props.handleClickOutside();
      }
   }));

   function capitalize( str ) {
      return str.charAt( 0 ).toUpperCase() + str.slice( 1 );
   }

   module.exports = DateTimePickerMonths;


/***/ }),
/* 23 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   var React = __webpack_require__(12),
      createClass = __webpack_require__(11),
      onClickOutside = __webpack_require__(19).default
      ;

   var DateTimePickerYears = onClickOutside( createClass({
      render: function() {
         var year = parseInt( this.props.viewDate.year() / 10, 10 ) * 10;

         return React.createElement('div', { className: 'rdtYears' }, [
            React.createElement('table', { key: 'a' }, React.createElement('thead', {}, React.createElement('tr', {}, [
               React.createElement('th', { key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 10, 'years' )}, React.createElement('span', {}, '‹' )),
               React.createElement('th', { key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colspan: 2 }, year + '-' + ( year + 9 ) ),
               React.createElement('th', { key: 'next', className: 'rdtNext', onClick: this.props.addTime( 10, 'years' )}, React.createElement('span', {}, '›' ))
            ]))),
            React.createElement('table', { key: 'years' }, React.createElement('tbody',  {}, this.renderYears( year )))
         ]);
      },

      renderYears: function( year ) {
         var years = [],
            i = -1,
            rows = [],
            renderer = this.props.renderYear || this.renderYear,
            selectedDate = this.props.selectedDate,
            isValid = this.props.isValidDate || this.alwaysValidDate,
            classes, props, currentYear, isDisabled, noOfDaysInYear, daysInYear, validDay,
            // Month and date are irrelevant here because
            // we're only interested in the year
            irrelevantMonth = 0,
            irrelevantDate = 1
            ;

         year--;
         while (i < 11) {
            classes = 'rdtYear';
            currentYear = this.props.viewDate.clone().set(
               { year: year, month: irrelevantMonth, date: irrelevantDate } );

            // Not sure what 'rdtOld' is for, commenting out for now as it's not working properly
            // if ( i === -1 | i === 10 )
               // classes += ' rdtOld';

            noOfDaysInYear = currentYear.endOf( 'year' ).format( 'DDD' );
            daysInYear = Array.from({ length: noOfDaysInYear }, function( e, i ) {
               return i + 1;
            });

            validDay = daysInYear.find(function( d ) {
               var day = currentYear.clone().dayOfYear( d );
               return isValid( day );
            });

            isDisabled = ( validDay === undefined );

            if ( isDisabled )
               classes += ' rdtDisabled';

            if ( selectedDate && selectedDate.year() === year )
               classes += ' rdtActive';

            props = {
               key: year,
               'data-value': year,
               className: classes
            };

            if ( !isDisabled )
               props.onClick = ( this.props.updateOn === 'years' ?
                  this.updateSelectedYear : this.props.setDate('year') );

            years.push( renderer( props, year, selectedDate && selectedDate.clone() ));

            if ( years.length === 4 ) {
               rows.push( React.createElement('tr', { key: i }, years ) );
               years = [];
            }

            year++;
            i++;
         }

         return rows;
      },

      updateSelectedYear: function( event ) {
         this.props.updateSelectedDate( event );
      },

      renderYear: function( props, year ) {
         return React.createElement('td',  props, year );
      },

      alwaysValidDate: function() {
         return 1;
      },

      handleClickOutside: function() {
         this.props.handleClickOutside();
      }
   }));

   module.exports = DateTimePickerYears;


/***/ }),
/* 24 */
/***/ (function(module, exports, __webpack_require__) {

   'use strict';

   var React = __webpack_require__(12),
      createClass = __webpack_require__(11),
      assign = __webpack_require__(1),
      onClickOutside = __webpack_require__(19).default
      ;

   var DateTimePickerTime = onClickOutside( createClass({
      getInitialState: function() {
         return this.calculateState( this.props );
      },

      calculateState: function( props ) {
         var date = props.selectedDate || props.viewDate,
            format = props.timeFormat,
            counters = []
            ;

         if ( format.toLowerCase().indexOf('h') !== -1 ) {
            counters.push('hours');
            if ( format.indexOf('m') !== -1 ) {
               counters.push('minutes');
               if ( format.indexOf('s') !== -1 ) {
                  counters.push('seconds');
               }
            }
         }

         var hours = date.format( 'H' );

         var daypart = false;
         if ( this.state !== null && this.props.timeFormat.toLowerCase().indexOf( ' a' ) !== -1 ) {
            if ( this.props.timeFormat.indexOf( ' A' ) !== -1 ) {
               daypart = ( hours >= 12 ) ? 'PM' : 'AM';
            } else {
               daypart = ( hours >= 12 ) ? 'pm' : 'am';
            }
         }

         return {
            hours: hours,
            minutes: date.format( 'mm' ),
            seconds: date.format( 'ss' ),
            milliseconds: date.format( 'SSS' ),
            daypart: daypart,
            counters: counters
         };
      },

      renderCounter: function( type ) {
         if ( type !== 'daypart' ) {
            var value = this.state[ type ];
            if ( type === 'hours' && this.props.timeFormat.toLowerCase().indexOf( ' a' ) !== -1 ) {
               value = ( value - 1 ) % 12 + 1;

               if ( value === 0 ) {
                  value = 12;
               }
            }
            return React.createElement('div', { key: type, className: 'rdtCounter' }, [
               React.createElement('span', { key: 'up', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'increase', type ), onContextMenu: this.disableContextMenu }, '▲' ),
               React.createElement('div', { key: 'c', className: 'rdtCount' }, value ),
               React.createElement('span', { key: 'do', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'decrease', type ), onContextMenu: this.disableContextMenu }, '▼' )
            ]);
         }
         return '';
      },

      renderDayPart: function() {
         return React.createElement('div', { key: 'dayPart', className: 'rdtCounter' }, [
            React.createElement('span', { key: 'up', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'toggleDayPart', 'hours'), onContextMenu: this.disableContextMenu }, '▲' ),
            React.createElement('div', { key: this.state.daypart, className: 'rdtCount' }, this.state.daypart ),
            React.createElement('span', { key: 'do', className: 'rdtBtn', onMouseDown: this.onStartClicking( 'toggleDayPart', 'hours'), onContextMenu: this.disableContextMenu }, '▼' )
         ]);
      },

      render: function() {
         var me = this,
            counters = []
         ;

         this.state.counters.forEach( function( c ) {
            if ( counters.length )
               counters.push( React.createElement('div', { key: 'sep' + counters.length, className: 'rdtCounterSeparator' }, ':' ) );
            counters.push( me.renderCounter( c ) );
         });

         if ( this.state.daypart !== false ) {
            counters.push( me.renderDayPart() );
         }

         if ( this.state.counters.length === 3 && this.props.timeFormat.indexOf( 'S' ) !== -1 ) {
            counters.push( React.createElement('div', { className: 'rdtCounterSeparator', key: 'sep5' }, ':' ) );
            counters.push(
               React.createElement('div', { className: 'rdtCounter rdtMilli', key: 'm' },
                  React.createElement('input', { value: this.state.milliseconds, type: 'text', onChange: this.updateMilli } )
                  )
               );
         }

         return React.createElement('div', { className: 'rdtTime' },
            React.createElement('table', {}, [
               this.renderHeader(),
               React.createElement('tbody', { key: 'b'}, React.createElement('tr', {}, React.createElement('td', {},
                  React.createElement('div', { className: 'rdtCounters' }, counters )
               )))
            ])
         );
      },

      componentWillMount: function() {
         var me = this;
         me.timeConstraints = {
            hours: {
               min: 0,
               max: 23,
               step: 1
            },
            minutes: {
               min: 0,
               max: 59,
               step: 1
            },
            seconds: {
               min: 0,
               max: 59,
               step: 1
            },
            milliseconds: {
               min: 0,
               max: 999,
               step: 1
            }
         };
         ['hours', 'minutes', 'seconds', 'milliseconds'].forEach( function( type ) {
            assign(me.timeConstraints[ type ], me.props.timeConstraints[ type ]);
         });
         this.setState( this.calculateState( this.props ) );
      },

      componentWillReceiveProps: function( nextProps ) {
         this.setState( this.calculateState( nextProps ) );
      },

      updateMilli: function( e ) {
         var milli = parseInt( e.target.value, 10 );
         if ( milli === e.target.value && milli >= 0 && milli < 1000 ) {
            this.props.setTime( 'milliseconds', milli );
            this.setState( { milliseconds: milli } );
         }
      },

      renderHeader: function() {
         if ( !this.props.dateFormat )
            return null;

         var date = this.props.selectedDate || this.props.viewDate;
         return React.createElement('thead', { key: 'h' }, React.createElement('tr', {},
            React.createElement('th', { className: 'rdtSwitch', colspan: 4, onClick: this.props.showView( 'days' ) }, date.format( this.props.dateFormat ) )
         ));
      },

      onStartClicking: function( action, type ) {
         var me = this;

         return function() {
            var update = {};
            update[ type ] = me[ action ]( type );
            me.setState( update );

            me.timer = setTimeout( function() {
               me.increaseTimer = setInterval( function() {
                  update[ type ] = me[ action ]( type );
                  me.setState( update );
               }, 70);
            }, 500);

            me.mouseUpListener = function() {
               clearTimeout( me.timer );
               clearInterval( me.increaseTimer );
               me.props.setTime( type, me.state[ type ] );
               document.body.removeEventListener( 'mouseup', me.mouseUpListener );
               document.body.removeEventListener( 'touchend', me.mouseUpListener );
            };

            document.body.addEventListener( 'mouseup', me.mouseUpListener );
            document.body.addEventListener( 'touchend', me.mouseUpListener );
         };
      },

      disableContextMenu: function( event ) {
         event.preventDefault();
         return false;
      },

      padValues: {
         hours: 1,
         minutes: 2,
         seconds: 2,
         milliseconds: 3
      },

      toggleDayPart: function( type ) { // type is always 'hours'
         var value = parseInt( this.state[ type ], 10) + 12;
         if ( value > this.timeConstraints[ type ].max )
            value = this.timeConstraints[ type ].min + ( value - ( this.timeConstraints[ type ].max + 1 ) );
         return this.pad( type, value );
      },

      increase: function( type ) {
         var value = parseInt( this.state[ type ], 10) + this.timeConstraints[ type ].step;
         if ( value > this.timeConstraints[ type ].max )
            value = this.timeConstraints[ type ].min + ( value - ( this.timeConstraints[ type ].max + 1 ) );
         return this.pad( type, value );
      },

      decrease: function( type ) {
         var value = parseInt( this.state[ type ], 10) - this.timeConstraints[ type ].step;
         if ( value < this.timeConstraints[ type ].min )
            value = this.timeConstraints[ type ].max + 1 - ( this.timeConstraints[ type ].min - value );
         return this.pad( type, value );
      },

      pad: function( type, value ) {
         var str = value + '';
         while ( str.length < this.padValues[ type ] )
            str = '0' + str;
         return str;
      },

      handleClickOutside: function() {
         this.props.handleClickOutside();
      }
   }));

   module.exports = DateTimePickerTime;


/***/ })
/******/ ])
});
;
;