KO
|
EN
gitlite — search
Search
#php
#ruby
#java
#javascript
#hacktoberfest
#wordpress
#library
#nodejs
#python
#shell
#algorithm
#filter
time-picker
★ 478
Open GitHub ↗
React TimePicker
Download README (.md)
Explore Similar Repositories
dart-orm
:
Prisma Client Dart is an auto-generated type-safe ORM. It uses Prisma Engine as the data access layer and is as consistent as possible with the Prisma Client JS/TS APIs.
drakov
:
Mock Server that implements the API Blueprint specification
rascal
:
An advanced RabbitMQ / AMQP client
robo-gym
:
An open source toolkit for Distributed Deep Reinforcement Learning on real and simulated robots.
U2PL
:
[CVPR'22 & IJCV'24] Semi-Supervised Semantic Segmentation Using Unreliable Pseudo-Labels & Using Unreliable Pseudo-Labels for Label-Efficient Semantic Segmentation
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
time-picker
?
Download (.md)
# TimePicker React Time Picker Control. [![NPM version][npm-image]][npm-url] [![build status][circleci-image]][circleci-url] [![Test coverage][coveralls-image]][coveralls-url] [](https://david-dm.org/react-component/time-picker) [](https://david-dm.org/react-component/time-picker?type=dev) [![npm download][download-image]][download-url] [](https://github.com/react-component/time-picker) [Storybook]: https://github.com/storybooks/press/blob/master/badges/storybook.svg [npm-image]: http://img.shields.io/npm/v/rc-time-picker.svg?style=flat-square [npm-url]: http://npmjs.org/package/rc-time-picker [circleci-image]: https://img.shields.io/circleci/react-component/time-picker.svg?style=flat-square [circleci-url]: https://circleci.com/gh/react-component/time-picker [coveralls-image]: https://img.shields.io/coveralls/react-component/time-picker.svg?style=flat-square [coveralls-url]: https://coveralls.io/r/react-component/time-picker?branch=maste [node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square [node-url]: http://nodejs.org/download/ [download-image]: https://img.shields.io/npm/dm/rc-time-picker.svg?style=flat-square [download-url]: https://npmjs.org/package/rc-time-picker 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 | Name | Type | Default | Description | |-------------------------|-----------------------------------|---------|-------------| | prefixCls | String | 'rc-time-picker' | prefixCls of this component | | clearText | String | 'clear' | clear tooltip of icon | | disabled | Boolean | false | whether picker is disabled | | allowEmpty | Boolean | true | allow clearing text | | open | Boolean | false | current open state of picker. controlled prop | | defaultValue | moment | null | default initial value | | defaultOpenValue | moment | moment() | default open panel value, used to set utcOffset,locale if value/defaultValue absent | | value | moment | null | current value | | placeholder | String | '' | time input's placeholder | | className | String | '' | time picker className | | inputClassName | String | '' | time picker input element className | | id | String | '' | time picker id | | popupClassName | String | '' | time panel className | | popupStyle | object | {} | customize popup style | showHour | Boolean | true | whether show hour | | | showMinute | Boolean | true | whether show minute | | showSecond | Boolean | true | whether show second | | format | String | - | moment format | | disabledHours | Function | - | disabled hour options | | disabledMinutes | Function | - | disabled minute options | | disabledSeconds | Function | - | disabled second options | | use12Hours | Boolean | false | 12 hours display mode | | hideDisabledOptions | Boolean | false | whether hide disabled options | | onChange | Function | null | called when time-picker a different value | | onAmPmChange | Function | null | called when time-picker an am/pm value | | addon | Function | - | 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()`.| | placement | String | bottomLeft | one of ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'] | | transitionName | String | '' | | | name | String | - | sets the name of the generated input | | onOpen | Function({ open }) | | when TimePicker panel is opened | | onClose | Function({ open }) | | when TimePicker panel is closed | | hourStep | Number | 1 | interval between hours in picker | | minuteStep | Number | 1 | interval between minutes in picker | | secondStep | Number | 1 | interval between seconds in picker | | focusOnOpen | Boolean | false | automatically focus the input when the picker opens | | inputReadOnly | Boolean | false | set input to read only | | inputIcon | ReactNode | | specific the time-picker icon. | | clearIcon | ReactNode | | specific the clear icon. | ## Test Case ``` npm test ``` ## Coverage ``` npm run coverage ``` open coverage/ dir License ------- rc-time-picker is released under the MIT license.
