1.0.1 • Published 5 years ago

mk-rc-time-picker v1.0.1

Weekly downloads
10
License
-
Repository
github
Last release
5 years ago

TimePicker

React TimePicker

NPM version build status Test coverage Dependencies DevDependencies npm download

example

http://react-component.github.io/time-picker/

install

npm install rc-time-picker

Usage

import TimePicker from 'rc-time-picker';
import ReactDOM from 'react-dom';
import 'rc-time-picker/assets/index.css';
ReactDOM.render(<TimePicker />, container);

API

TimePicker

NameTypeDefaultDescription
prefixClsString'rc-time-picker'prefixCls of this component
clearTextString'clear'clear tooltip of icon
disabledBooleanfalsewhether picker is disabled
allowEmptyBooleantrueallow clearing text
openBooleanfalsecurrent open state of picker. controlled prop
defaultValuemomentnulldefault initial value
defaultOpenValuemomentmoment()default open panel value, used to set utcOffset,locale if value/defaultValue absent
valuemomentnullcurrent value
placeholderString''time input's placeholder
classNameString''time picker className
idString''time picker id
popupClassNameString''time panel className
popupStyleobject{}customize popup style
showHourBooleantruewhether show hour
showMinuteBooleantruewhether show minute
showSecondBooleantruewhether show second
formatString-moment format
disabledHoursFunction-disabled hour options
disabledMinutesFunction-disabled minute options
disabledSecondsFunction-disabled second options
use12HoursBooleanfalse12 hours display mode
hideDisabledOptionsBooleanfalsewhether hide disabled options
onChangeFunctionnullcalled when select a different value
onAmPmChangeFunctionnullcalled when select an am/pm value
addonFunction-called from timepicker panel to render some addon to its bottom, like an OK button. Receives panel instance as parameter, to be able to close it like panel.close().
placementStringbottomLeftone of 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'
transitionNameString''
nameString-sets the name of the generated input
onOpenFunction({ open })when TimePicker panel is opened
onCloseFunction({ open })when TimePicker panel is closed
hourStepNumber1interval between hours in picker
minuteStepNumber1interval between minutes in picker
secondStepNumber1interval between seconds in picker
focusOnOpenBooleanfalseautomatically focus the input when the picker opens
inputReadOnlyBooleanfalseset input to read only
inputIconReactNodespecific the select icon.
clearIconReactNodespecific the clear icon.

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-time-picker is released under the MIT license.