Package Exports
- rmc-date-picker
- rmc-date-picker/assets/index.css
- rmc-date-picker/lib/DatePicker
- rmc-date-picker/lib/DatePicker.js
- rmc-date-picker/lib/Popup
- rmc-date-picker/lib/locale/en_US
- rmc-date-picker/lib/locale/zh_CN
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rmc-date-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rmc-date-picker
React Mobile DatePicker Component
Screenshots

Development
npm install
npm start
Example
http://localhost:8000/examples/
online example: http://react-component.github.io/m-date-picker/
install
Usage
see example
API
DatePicker props
name | description | type | default |
---|---|---|---|
className | additional css class of root dom node | String | '' |
prefixCls | prefix class | String | 'rmc-date-picker' |
pickerPrefixCls | picker prefix class | String | 'rmc-picker' |
defaultDate | default selected date. | GregorianCalendar | now |
date | The currently selected date. | GregorianCalendar | |
onDateChange | Date change handler. | Function(date: GregorianCalendar) | '' |
mode | The date picker mode. | String | 'date' enum('date', 'time', 'datetime') |
minDate | min date | GregorianCalendar | 2000-1-1 |
maxDate | max date | GregorianCalendar | 2030-1-1 |
locale | the locale of area | Object | import from 'rmc-date-picker/lib/locale/en_US' |
rmc-date-picker/lib/Popup props
name | description | type | default |
---|---|---|---|
className | additional css class of modal node | String | '' |
prefixCls | prefix class | String | 'rmc-date-picker' |
modalPrefixCls | prefix class | String | 'rmc-modal' |
pickerPrefixCls | picker prefix class | String | 'rmc-picker' |
date | The currently selected date. | GregorianCalendar | |
onPickerChange | Date inside picker change handler. | Function(date: GregorianCalendar) | '' |
mode | The date picker mode. | String | 'date' enum('date', 'time', 'datetime') |
minDate | min date | GregorianCalendar | 2000-1-1 |
maxDate | max date | GregorianCalendar | 2030-1-1 |
locale | the locale of area | Object | import from 'rmc-date-picker/lib/locale/en_US' |
style | additional style | object | {} |
onChange | exec on ok | Function(date: GregorianCalendar) | |
onDismiss | exec on dismiss | function | |
okText | ok button text | String | 'Ok' |
dismissText | dismiss button text | String | 'Dismiss' |
visible | whether pop picker is visible | Boolean | |
onVisibleChange | called when pop picker visible change | Function |
Test Case
http://localhost:8000/tests/runner.html?coverage
Coverage
License
rmc-date-picker is released under the MIT license.