JSPM

  • Created
  • Published
  • Downloads 22945
  • Score
    100M100P100Q147920F

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
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'
onDateChange Date change handler. Function(date: GregorianCalendar) ''

rmc-date-picker/lib/Popup props

name description type default
className additional css class of modal node String ''
style additional modal style object {}
popupTransitionName String
maskTransitionName String
prefixCls prefix class String 'rmc-date-picker'
pickerPrefixCls picker prefix class String 'rmc-picker'
popupPrefixCls popup's prefix class String 'rmc-picker-popup'
date The currently selected 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'
visible whether pop picker is visible Boolean false
onChange exec on ok Function(date: GregorianCalendar)
onPickerChange Date inside picker change handler. Function(date: GregorianCalendar) ''
onVisibleChange called when pop picker visible change Function
onDismiss exec on dismiss function
okText ok button text String 'Ok'
dismissText dismiss button text String 'Dismiss'
title Popup title String ''

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

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