node package manager

rmc-date-picker

rmc-date-picker


React Mobile DatePicker Component (web and react-native)

NPM version react-native react build status Test coverage gemnasium deps node version npm download

Screenshots

web

ios

android

Usage

see example

config webpack to resolve .web.js

resolve: {
  extensions: ['', '.web.tsx', '.web.ts', '.web.jsx', '.web.js', '.ts', '.tsx', '.js', '.jsx', '.json'],
},

Development

npm i
npm start

Example

http://localhost:8000/examples/

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

react-native

npm run watch-tsc
./node_modules/rc-tools run react-native-init
react-native run-ios

install

rmc-date-picker

API

DatePicker props

name description type default
className(web) additional css class of root dom node String ''
prefixCls(web) prefix class String 'rmc-date-picker'
pickerPrefixCls(web) picker prefix class String 'rmc-picker'
defaultDate default selected date. moment
date The currently selected date. moment
mode The date picker mode. String 'date' enum('date', 'time', 'datetime', 'year', 'month')
minDate min date moment 2000-1-1
maxDate max date moment 2030-1-1
locale the locale of area Object import from 'rmc-date-picker/lib/locale/en_US'
onDateChange Date change handler. Function(date: moment) ''
minuteStep The amount of time, in minutes, between each minute item. Number 1
formatMonth Customize display value of months (month:number, current:moment) => React.Node
formatDay Customize display value of days (day:number, current:moment) => React.Node

rmc-date-picker/lib/Popup props

name description type default
className(web) additional css class of modal node String ''
style(web) additional modal style object {}
popupTransitionName(web) String
maskTransitionName(web) String
prefixCls(web) popup's prefix class String 'rmc-picker-popup'
styles(react-native) PopupPicker's styles StyleSheet.create
datePicker DatePicker element React DatePicker element
date The currently selected date. moment
visible whether pop picker is visible Boolean false
onChange exec on ok Function(date: moment)
onVisibleChange called when pop picker visible change Function
onDismiss exec on dismiss function
okText ok button text string/React.ReactElement 'Ok'
dismissText dismiss button text string/React.ReactElement 'Dismiss'
title Popup title string/React.ReactElement ''

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.