@@ -76,7 +76,9 @@ return /******/ (function(modules) { // webpackBootstrap
7676 dateTime : React . PropTypes . string ,
7777 onChange : React . PropTypes . func ,
7878 format : React . PropTypes . string ,
79- inputFormat : React . PropTypes . string
79+ inputFormat : React . PropTypes . string ,
80+ inputProps : React . PropTypes . object ,
81+ defaultText : React . PropTypes . string
8082 } ,
8183 getDefaultProps : function ( ) {
8284 return {
@@ -103,7 +105,7 @@ return /******/ (function(modules) { // webpackBootstrap
103105 } ,
104106 viewDate : moment ( this . props . dateTime , this . props . format , true ) . startOf ( "month" ) ,
105107 selectedDate : moment ( this . props . dateTime , this . props . format , true ) ,
106- inputValue : moment ( this . props . dateTime , this . props . format , true ) . format ( this . props . inputFormat )
108+ inputValue : typeof this . props . defaultText != 'undefined' ? this . props . defaultText : moment ( this . props . dateTime , this . props . format , true ) . format ( this . props . inputFormat )
107109 } ;
108110 } ,
109111 componentWillReceiveProps : function ( nextProps ) {
@@ -348,7 +350,7 @@ return /******/ (function(modules) { // webpackBootstrap
348350 togglePeriod : this . togglePeriod }
349351 ) ,
350352 React . createElement ( "div" , { className : "input-group date" , ref : "datetimepicker" } ,
351- React . createElement ( "input" , { type : "text" , className : "form-control" , onChange : this . onChange , value : this . state . inputValue } ) ,
353+ React . createElement ( "input" , React . __spread ( { type : "text" , className : "form-control" , onChange : this . onChange , value : this . state . inputValue } , this . props . inputProps ) ) ,
352354 React . createElement ( "span" , { className : "input-group-addon" , onClick : this . onClick , onBlur : this . onBlur , ref : "dtpbutton" } , React . createElement ( Glyphicon , { glyph : "calendar" } ) )
353355 )
354356 )
@@ -470,7 +472,7 @@ return /******/ (function(modules) { // webpackBootstrap
470472 this . renderDatePicker ( ) ,
471473
472474 React . createElement ( "li" , null ,
473- React . createElement ( "a " , { className : "btn picker-switch" , style : { width :'100%' } , onClick : this . props . togglePicker } , React . createElement ( Glyphicon , { glyph : this . props . showTimePicker ? 'calendar' : 'time' } ) )
475+ React . createElement ( "span " , { className : "btn picker-switch" , style : { width :'100%' } , onClick : this . props . togglePicker } , React . createElement ( Glyphicon , { glyph : this . props . showTimePicker ? 'calendar' : 'time' } ) )
474476 ) ,
475477
476478 this . renderTimePicker ( )
@@ -494,11 +496,11 @@ return /******/ (function(modules) { // webpackBootstrap
494496
495497React = __webpack_require__ ( 2 ) ;
496498
497- DateTimePickerDays = __webpack_require__ ( 10 ) ;
499+ DateTimePickerDays = __webpack_require__ ( 8 ) ;
498500
499- DateTimePickerMonths = __webpack_require__ ( 11 ) ;
501+ DateTimePickerMonths = __webpack_require__ ( 9 ) ;
500502
501- DateTimePickerYears = __webpack_require__ ( 12 ) ;
503+ DateTimePickerYears = __webpack_require__ ( 10 ) ;
502504
503505DateTimePickerDate = React . createClass ( { displayName : "DateTimePickerDate" ,
504506 propTypes : {
@@ -639,9 +641,9 @@ return /******/ (function(modules) { // webpackBootstrap
639641
640642React = __webpack_require__ ( 2 ) ;
641643
642- DateTimePickerMinutes = __webpack_require__ ( 8 ) ;
644+ DateTimePickerMinutes = __webpack_require__ ( 11 ) ;
643645
644- DateTimePickerHours = __webpack_require__ ( 9 ) ;
646+ DateTimePickerHours = __webpack_require__ ( 12 ) ;
645647
646648Glyphicon = __webpack_require__ ( 4 ) . Glyphicon ;
647649
@@ -756,148 +758,6 @@ return /******/ (function(modules) { // webpackBootstrap
756758
757759/***/ } ,
758760/* 8 */
759- /***/ function ( module , exports , __webpack_require__ ) {
760-
761- var DateTimePickerMinutes , React ;
762-
763- React = __webpack_require__ ( 2 ) ;
764-
765- DateTimePickerMinutes = React . createClass ( { displayName : "DateTimePickerMinutes" ,
766- propTypes : {
767- setSelectedMinute : React . PropTypes . func . isRequired
768- } ,
769- render : function ( ) {
770- return (
771- React . createElement ( "div" , { className : "timepicker-minutes" , "data-action" : "selectMinute" , style : { display : 'block' } } ,
772- React . createElement ( "table" , { className : "table-condensed" } ,
773- React . createElement ( "tbody" , null ,
774- React . createElement ( "tr" , null ,
775- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "00" ) ,
776-
777- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "05" ) ,
778-
779- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "10" ) ,
780-
781- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "15" )
782- ) ,
783-
784- React . createElement ( "tr" , null ,
785- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "20" ) ,
786-
787- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "25" ) ,
788-
789- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "30" ) ,
790-
791- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "35" )
792- ) ,
793-
794- React . createElement ( "tr" , null ,
795- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "40" ) ,
796-
797- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "45" ) ,
798-
799- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "50" ) ,
800-
801- React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "55" )
802- )
803- )
804- )
805- )
806- ) ;
807- }
808- } ) ;
809-
810- module . exports = DateTimePickerMinutes ;
811-
812-
813- /***/ } ,
814- /* 9 */
815- /***/ function ( module , exports , __webpack_require__ ) {
816-
817- var DateTimePickerHours , React ;
818-
819- React = __webpack_require__ ( 2 ) ;
820-
821- DateTimePickerHours = React . createClass ( { displayName : "DateTimePickerHours" ,
822- propTypes : {
823- setSelectedHour : React . PropTypes . func . isRequired
824- } ,
825- render : function ( ) {
826- return (
827- React . createElement ( "div" , { className : "timepicker-hours" , "data-action" : "selectHour" , style : { display : 'block' } } ,
828- React . createElement ( "table" , { className : "table-condensed" } ,
829- React . createElement ( "tbody" , null ,
830- React . createElement ( "tr" , null ,
831- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "01" ) ,
832-
833- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "02" ) ,
834-
835- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "03" ) ,
836-
837- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "04" )
838- ) ,
839-
840- React . createElement ( "tr" , null ,
841- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "05" ) ,
842-
843- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "06" ) ,
844-
845- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "07" ) ,
846-
847- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "08" )
848- ) ,
849-
850- React . createElement ( "tr" , null ,
851- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "09" ) ,
852-
853- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "10" ) ,
854-
855- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "11" ) ,
856-
857- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "12" )
858- ) ,
859-
860- React . createElement ( "tr" , null ,
861- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "13" ) ,
862-
863- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "14" ) ,
864-
865- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "15" ) ,
866-
867- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "16" )
868- ) ,
869-
870- React . createElement ( "tr" , null ,
871- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "17" ) ,
872-
873- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "18" ) ,
874-
875- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "19" ) ,
876-
877- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "20" )
878- ) ,
879-
880- React . createElement ( "tr" , null ,
881- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "21" ) ,
882-
883- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "22" ) ,
884-
885- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "23" ) ,
886-
887- React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "24" )
888- )
889- )
890- )
891- )
892- ) ;
893- }
894- } ) ;
895-
896- module . exports = DateTimePickerHours ;
897-
898-
899- /***/ } ,
900- /* 10 */
901761/***/ function ( module , exports , __webpack_require__ ) {
902762
903763var DateTimePickerDays , React , moment ;
@@ -1016,7 +876,7 @@ return /******/ (function(modules) { // webpackBootstrap
1016876
1017877
1018878/***/ } ,
1019- /* 11 */
879+ /* 9 */
1020880/***/ function ( module , exports , __webpack_require__ ) {
1021881
1022882var DateTimePickerMonths , React , moment ;
@@ -1079,7 +939,7 @@ return /******/ (function(modules) { // webpackBootstrap
1079939
1080940
1081941/***/ } ,
1082- /* 12 */
942+ /* 10 */
1083943/***/ function ( module , exports , __webpack_require__ ) {
1084944
1085945var DateTimePickerYears , React ;
@@ -1142,6 +1002,148 @@ return /******/ (function(modules) { // webpackBootstrap
11421002module . exports = DateTimePickerYears ;
11431003
11441004
1005+ /***/ } ,
1006+ /* 11 */
1007+ /***/ function ( module , exports , __webpack_require__ ) {
1008+
1009+ var DateTimePickerMinutes , React ;
1010+
1011+ React = __webpack_require__ ( 2 ) ;
1012+
1013+ DateTimePickerMinutes = React . createClass ( { displayName : "DateTimePickerMinutes" ,
1014+ propTypes : {
1015+ setSelectedMinute : React . PropTypes . func . isRequired
1016+ } ,
1017+ render : function ( ) {
1018+ return (
1019+ React . createElement ( "div" , { className : "timepicker-minutes" , "data-action" : "selectMinute" , style : { display : 'block' } } ,
1020+ React . createElement ( "table" , { className : "table-condensed" } ,
1021+ React . createElement ( "tbody" , null ,
1022+ React . createElement ( "tr" , null ,
1023+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "00" ) ,
1024+
1025+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "05" ) ,
1026+
1027+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "10" ) ,
1028+
1029+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "15" )
1030+ ) ,
1031+
1032+ React . createElement ( "tr" , null ,
1033+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "20" ) ,
1034+
1035+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "25" ) ,
1036+
1037+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "30" ) ,
1038+
1039+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "35" )
1040+ ) ,
1041+
1042+ React . createElement ( "tr" , null ,
1043+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "40" ) ,
1044+
1045+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "45" ) ,
1046+
1047+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "50" ) ,
1048+
1049+ React . createElement ( "td" , { className : "minute" , onClick : this . props . setSelectedMinute } , "55" )
1050+ )
1051+ )
1052+ )
1053+ )
1054+ ) ;
1055+ }
1056+ } ) ;
1057+
1058+ module . exports = DateTimePickerMinutes ;
1059+
1060+
1061+ /***/ } ,
1062+ /* 12 */
1063+ /***/ function ( module , exports , __webpack_require__ ) {
1064+
1065+ var DateTimePickerHours , React ;
1066+
1067+ React = __webpack_require__ ( 2 ) ;
1068+
1069+ DateTimePickerHours = React . createClass ( { displayName : "DateTimePickerHours" ,
1070+ propTypes : {
1071+ setSelectedHour : React . PropTypes . func . isRequired
1072+ } ,
1073+ render : function ( ) {
1074+ return (
1075+ React . createElement ( "div" , { className : "timepicker-hours" , "data-action" : "selectHour" , style : { display : 'block' } } ,
1076+ React . createElement ( "table" , { className : "table-condensed" } ,
1077+ React . createElement ( "tbody" , null ,
1078+ React . createElement ( "tr" , null ,
1079+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "01" ) ,
1080+
1081+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "02" ) ,
1082+
1083+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "03" ) ,
1084+
1085+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "04" )
1086+ ) ,
1087+
1088+ React . createElement ( "tr" , null ,
1089+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "05" ) ,
1090+
1091+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "06" ) ,
1092+
1093+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "07" ) ,
1094+
1095+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "08" )
1096+ ) ,
1097+
1098+ React . createElement ( "tr" , null ,
1099+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "09" ) ,
1100+
1101+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "10" ) ,
1102+
1103+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "11" ) ,
1104+
1105+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "12" )
1106+ ) ,
1107+
1108+ React . createElement ( "tr" , null ,
1109+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "13" ) ,
1110+
1111+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "14" ) ,
1112+
1113+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "15" ) ,
1114+
1115+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "16" )
1116+ ) ,
1117+
1118+ React . createElement ( "tr" , null ,
1119+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "17" ) ,
1120+
1121+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "18" ) ,
1122+
1123+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "19" ) ,
1124+
1125+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "20" )
1126+ ) ,
1127+
1128+ React . createElement ( "tr" , null ,
1129+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "21" ) ,
1130+
1131+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "22" ) ,
1132+
1133+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "23" ) ,
1134+
1135+ React . createElement ( "td" , { className : "hour" , onClick : this . props . setSelectedHour } , "24" )
1136+ )
1137+ )
1138+ )
1139+ )
1140+ ) ;
1141+ }
1142+ } ) ;
1143+
1144+ module . exports = DateTimePickerHours ;
1145+
1146+
11451147/***/ }
11461148/******/ ] )
11471149} ) ;
0 commit comments