JSPM

  • Created
  • Published
  • Downloads 22542
  • Score
    100M100P100Q155294F

m-date-picker ui component for react

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

NPM version build status Test coverage gemnasium deps node version npm download

Screenshots

Development

npm install
npm start

Example

http://localhost:8000/examples/

online example: http://react-component.github.io/m-date-picker/

install

rmc-date-picker

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

http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage

License

rmc-date-picker is released under the MIT license.