Repository files navigation

• This project is a port ofbootstrap-datetimepicker for React.

• Changelog

Usingnpm:

$ npm install --save react-datetimepicker-bootstrap

// ES5varDateTimePicker=require('react-datetimepicker-bootstrap');varExample=React.createClass({render:function(){return(<DateTimePickerid="datetimepicker"/>);}});// ES6importDateTimePickerfrom'react-datetimepicker-bootstrap';classExampleextendsReact.Component{render(){return(<DateTimePickerid="datetimepicker"/>);}}exportdefaultExample;

• Type:string.
• isRequired: ✔
• DefaultValue:undefined
• Description: component id.

• Type:string.
• isRequired: ✘
• DefaultValue:undefined
• Description: The position of the icon, accept:left orright.

• Type:string.
• isRequired: ✘
• DefaultValue:calendar
• Description: View the bootstrapiconSet.

• Type:string.
• isRequired: ✘
• DefaultValue:undefined
• Description: The simple placeholder input.

• Type:string.
• isRequired: ✘
• DefaultValue:en
• Description: Translate the calendare.g.: 'it', 'en', 'ru', ... .

• Type:string.
• isRequired: ✘
• DefaultValue:moment().format()
• Description: Set the format date view e.g:D/M/YYYY.

• Type:arrayOf(string) orobject.
• isRequired: ✘
• DefaultValue:undefined
• Description: Set the minDate start in the calendar, accept:moment() ornew Date().

• Type:arrayOf(string) orobject.
• isRequired: ✘
• DefaultValue:undefined
• Description: Set the minDate start in the calendar, accept:moment() ornew Date().

• Type:arrayOf(string) orobject.
• isRequired: ✘
• DefaultValue:undefined
• Description: Disable the dates.

• Type:array.
• isRequired: ✘
• DefaultValue:undefined
• Description: Disable a single day in the week, e.g:[0,6].

• Type:string.
• isRequired: ✘
• DefaultValue:days
• Description: Set the viewMode of the calendar, accept:decades,years,months.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: It'll show the datetimepicker on the textbox focus. If the icon is empty then it's set true.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: It show the typical feedback bootstrap style.

• Type:string.
• isRequired: ✘
• DefaultValue:''
• Description: Set the validation color, accept:success,error,warning.

• Type:function.
• isRequired: ✘
• DefaultValue:undefined
• Description: Return the date selected.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: View the datetimepicker without the modal view.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: View the datetimepicker without the icon date/time.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: It shows the week of the year to the left of first day of the week.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: It changes the placement of the icon toolbar.

• Type:boolean.
• isRequired: ✘
• DefaultValue:false
• Description: It disabled the input field.

• Type:object.
• isRequired: ✘.
• DefaultValue:

{today:'Go to today',clear:'Clear selection',close:'Close the picker',selectMonth:'Select Month',prevMonth:'Previous Month',nextMonth:'Next Month',selectYear:'Select Year',prevYear:'Previous Year',nextYear:'Next Year',selectDecade:'Select Decade',prevDecade:'Previous Decade',nextDecade:'Next Decade',prevCentury:'Previous Century',nextCentury:'Next Century'}

• Description: This will change thetooltips over each icon to a custom string.

MIT(http://www.opensource.org/licenses/mit-license.php)