{"_id":"@dselmanovic/rc-picker","_rev":"1-1847791f32ca89cada38d9acf34c6a2f","name":"@dselmanovic/rc-picker","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@dselmanovic/rc-picker","version":"1.0.0","description":"React date & time picker","keywords":["react","react-component","react-picker"],"main":"./lib/index","module":"./es/index","homepage":"https://react-component.github.io/picker","repository":{"type":"git","url":"git+ssh://git@github.com/dselmanovic/picker.git"},"bugs":{"url":"http://github.com/react-component/picker/issues"},"license":"MIT","scripts":{"start":"cross-env NODE_ENV=development father doc dev --storybook","build":"father doc build --storybook","compile":"father build && lessc assets/index.less assets/index.css","gh-pages":"npm run build && father doc deploy","prepublishOnly":"npm run compile","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js,.md","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","test":"father test","coverage":"father test --coverage","now-build":"npm run build"},"dependencies":{"classnames":"^2.2.1","moment":"^2.24.0","rc-trigger":"^4.0.0","rc-util":"^4.17.0","shallowequal":"^1.1.0"},"engines":{"node":">=8.x"},"devDependencies":{"@types/classnames":"^2.2.9","@types/enzyme":"^3.10.3","@types/jest":"^25.2.1","@types/react":"^16.9.2","@types/react-dom":"^16.9.0","@types/shallowequal":"^1.1.1","@umijs/fabric":"^1.1.10","coveralls":"^3.0.6","cross-env":"^7.0.2","dayjs":"^1.8.18","enzyme":"^3.0.0","enzyme-adapter-react-16":"^1.0.1","enzyme-to-json":"^3.4.0","eslint":"^6.6.0","eslint-plugin-eslint-comments":"^3.1.2","eslint-plugin-jest":"^23.0.5","eslint-plugin-react-hooks":"^2.3.0","eslint-plugin-unicorn":"^19.0.1","father":"^2.13.4","less":"^3.10.3","mockdate":"^2.0.5","np":"^5.1.0","prettier":"^2.0.5","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","typescript":"^3.7.2"},"peerDependencies":{"dayjs":"^1.8.18","react":"^16.0.0","react-dom":"^16.0.0"},"cnpm":{"mode":"npm"},"tnpm":{"mode":"npm"},"gitHead":"7f7941a3fba3f2712d04c2e466485a1ce4147a45","_id":"@dselmanovic/rc-picker@1.0.0","_nodeVersion":"10.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fEiS+4PDWBFv6LK5HNaVduKOvY096MtM7GS0KszJyjxWxMwrxBWQOiKb0Tc02DYJDR+67dqs0yfp89Kv+7kgbA==","shasum":"33609e8eb93a8acf1dd165202324d1322762159c","tarball":"https://registry.npmjs.org/@dselmanovic/rc-picker/-/rc-picker-1.0.0.tgz","fileCount":398,"unpackedSize":626283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeum3TCRA9TVsSAnZWagAAfx0P/iLvLACvhj7yvQldMTwh\n7xCyH3lKJirBWi+qZbo+YSFedpJJuSKN+DHJCZB9Si6bDzq2uDG2cP96jJ2j\n+JAOPSFZ0CXIVzPyrroFZOxREbMz2C3/D8wYZZuMMJaSpkLBXvpUubWiRKa0\nN2NfG0sKS1gF/YJvhCa8OKzT9KRQ0ylihfzvbVKHMfzaib8jjudnaQE6HfTs\nDq6Yb03cUT/vwz/w1ewZB8eleCVPAisVPEXVJJrCPKahGCSB8idH7ZCa6Jkr\nDL8h/t2DmwZHgG9q7GR7pYM+3bxNRElFaBl/KEA5QuoEY1NMH8nMnwfllYgW\nI7dZTJqTGIedd5J+4DpjO+LO3cyfSXceSiOpHxuYxrP9SPw8HDZO/W3myRDU\nqVV+OivJsCUIqWPn6QbDv72Z8srbAo3mooOv0zNMr82c2ksvF/+zk5Ckl0//\n7wO87bO32fNmYRkKHK4MO3r5/RUOvqkL07rE6iyoWO8mwkLm1wmJ5jn9pMNn\nwhGyccOB/Hx5krqKodvtO+DRzNzfMvkrPrrPi5fh/6DQPGrvkJO05RZ91ok7\n5/KHDc021c6GZzL8/LS38nvuhkVSuYo4yKWDv5wwsogjNVeLb6w6hMrLhdoA\na+O3W64q75ZlA99FKkwrxWEA3iSV7NU82TWZM/bpc3QcFezXRnz2dWBl9Uwi\n+F/X\r\n=uz/t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeygpg8ahe/NMrpxBKnjhtJdaSkjb1OMaBWGRCY35QJgIhALlF9ICP6hebeDPH5IIPLeVqXGv82MAsmOpQ+BIibjOe"}]},"maintainers":[{"name":"dselmanovic","email":"dselmanovic@gmail.com"}],"_npmUser":{"name":"dselmanovic","email":"dselmanovic@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rc-picker_1.0.0_1589276114128_0.5227817607492176"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-12T09:35:14.082Z","1.0.0":"2020-05-12T09:35:14.360Z","modified":"2022-04-05T05:44:40.901Z"},"maintainers":[{"name":"dselmanovic","email":"dselmanovic@gmail.com"}],"description":"React date & time picker","homepage":"https://react-component.github.io/picker","keywords":["react","react-component","react-picker"],"repository":{"type":"git","url":"git+ssh://git@github.com/dselmanovic/picker.git"},"bugs":{"url":"http://github.com/react-component/picker/issues"},"license":"MIT","readme":"# rc-picker\n\n[![NPM version][npm-image]][npm-url]\n[![build status][circleci-image]][circleci-url]\n[![Codecov][codecov-image]][codecov-url]\n[![Dependencies][david-image]][david-url]\n[![DevDependencies][david-dev-image]][david-dev-url]\n[![npm download][download-image]][download-url]\n[![bundle size][bundlephobia-image]][bundlephobia-url]\n\n[npm-image]: http://img.shields.io/npm/v/rc-picker.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/rc-picker\n[circleci-image]: https://img.shields.io/circleci/build/github/react-component/picker/master?style=flat-square\n[circleci-url]: https://circleci.com/gh/react-component/picker\n[codecov-image]: https://img.shields.io/codecov/c/github/react-component/picker/master.svg?style=flat-square\n[codecov-url]: https://codecov.io/gh/react-component/picker/branch/master\n[david-url]: https://david-dm.org/react-component/picker\n[david-image]: https://david-dm.org/react-component/picker/status.svg?style=flat-square\n[david-dev-url]: https://david-dm.org/react-component/picker?type=dev\n[david-dev-image]: https://david-dm.org/react-component/picker/dev-status.svg?style=flat-square\n[download-image]: https://img.shields.io/npm/dm/rc-picker.svg?style=flat-square\n[download-url]: https://npmjs.org/package/rc-picker\n[bundlephobia-url]: https://bundlephobia.com/result?p=rc-picker\n[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-picker\n\n## Live Demo\n\nhttps://react-component.github.io/picker/\n\n## Install\n\n[![rc-picker](https://nodei.co/npm/rc-picker.png)](https://npmjs.org/package/rc-picker)\n\n## Usage\n\n```js\nimport Picker from 'rc-picker';\nimport 'rc-picker/assets/index.css';\nimport { render } from 'react-dom';\n\nrender(<Picker />, mountNode);\n```\n\n## API\n\n### Picker\n\n| Property | Type | Default | Description |\n| --- | --- | --- | --- |\n| prefixCls | String | rc-picker | prefixCls of this component |\n| className | String | '' | additional css class of root dom node |\n| style | React.CSSProperties |  | additional style of root dom node |\n| dropdownClassName | String | '' | additional className applied to dropdown |\n| dropdownAlign | Object:alignConfig of [dom-align](https://github.com/yiminghe/dom-align) |  | value will be merged into placement's dropdownAlign config |\n| popupStyle | React.CSSProperties |  | customize popup style |\n| transitionName | String | '' | css class for animation |\n| locale | Object | import from 'rc-picker/lib/locale/en_US' | rc-picker locale |\n| inputReadOnly | Boolean | false | set input to read only |\n| allowClear | Boolean | false | whether show clear button |\n| autoFocus | Boolean | false | whether auto focus |\n| showTime | Boolean \\| Object | [showTime options](#showTime-options) | to provide an additional time selection |\n| picker | time \\| date \\| week \\| month \\| year |  | control which kind of panel should be shown |\n| format | String \\| String[] | depends on whether you set timePicker and your locale | use to format/parse date(without time) value to/from input. When an array is provided, all values are used for parsing and first value for display |\n| use12Hours | Boolean | false | 12 hours display mode |\n| value | moment |  | current value like input's value |\n| defaultValue | moment |  | defaultValue like input's defaultValue |\n| open | Boolean | false | current open state of picker. controlled prop |\n| suffixIcon | ReactNode |  | The custom suffix icon |\n| clearIcon | ReactNode |  | The custom clear icon |\n| prevIcon | ReactNode |  | The custom prev icon |\n| nextIcon | ReactNode |  | The custom next icon |\n| superPrevIcon | ReactNode |  | The custom super prev icon |\n| superNextIcon | ReactNode |  | The custom super next icon |\n| disabled | Boolean | false | whether the picker is disabled |\n| placeholder | String |  | picker input's placeholder |\n| getPopupContainer | function(trigger) |  | to set the container of the floating layer, while the default is to create a div element in body |\n| onChange | Function(date: moment, dateString: string) |  | a callback function, can be executed when the selected time is changing |\n| onOpenChange | Function(open:boolean) |  | called when open/close picker |\n| onFocus | (evnet:React.FocusEventHandler<HTMLInputElement>) => void |  | called like input's on focus |\n| onBlur | (evnet:React.FocusEventHandler<HTMLInputElement>) => void |  | called like input's on blur |\n| direction | String: ltr or rtl |  | Layout direction of picker component, it supports RTL direction too. |\n\n### PickerPanel\n\n| Property | Type | Default | Description |\n| --- | --- | --- | --- |\n| prefixCls | String | rc-picker | prefixCls of this component |\n| className | String | '' | additional css class of root dom |\n| style | React.CSSProperties |  | additional style of root dom node |\n| locale | Object | import from 'rc-picker/lib/locale/en_US' | rc-picker locale |\n| value | moment |  | current value like input's value |\n| defaultValue | moment |  | defaultValue like input's defaultValue |\n| defaultPickerValue | moment |  | Set default display picker view date |\n| mode | time \\| datetime \\| date \\| week \\| month \\| year \\| decade |  | control which kind of panel |\n| picker | time \\| date \\| week \\| month \\| year |  | control which kind of panel |\n| tabIndex | Number | 0 | view [tabIndex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) |\n| showTime | Boolean \\| Object | [showTime options](#showTime-options) | to provide an additional time selection |\n| showToday | Boolean | false | whether to show today button |\n| disabledDate | Function(date:moment) => Boolean |  | whether to disable select of current date |\n| dateRender | Function(currentDate:moment, today:moment) => React.Node |  | custom rendering function for date cells |\n| monthCellRender | Function(currentDate:moment, locale:Locale) => React.Node |  | Custom month cell render method |\n| renderExtraFooter | (mode) => React.Node |  | extra footer |\n| onSelect | Function(date: moment) |  | a callback function, can be executed when the selected time |\n| onPanelChange | Function(value: moment, mode) |  | callback when picker panel mode is changed |\n| onMouseDown | (evnet:React.MouseEventHandler<HTMLInputElement>) => void |  | callback when executed onMouseDown evnent |\n| direction | String: ltr or rtl |  | Layout direction of picker component, it supports RTL direction too. |\n\n### RangePicker\n\n| Property | Type | Default | Description |\n| --- | --- | --- | --- |\n| prefixCls | String | rc-picker | prefixCls of this component |\n| className | String | '' | additional css class of root dom |\n| style | React.CSSProperties |  | additional style of root dom node |\n| locale | Object | import from 'rc-picker/lib/locale/en_US' | rc-picker locale |\n| value | moment |  | current value like input's value |\n| defaultValue | moment |  | defaultValue like input's defaultValue |\n| defaultPickerValue | moment |  | Set default display picker view date |\n| separator | String | '~' | set separator between inputs |\n| picker | time \\| date \\| week \\| month \\| year |  | control which kind of panel |\n| placeholder | [String, String] |  | placeholder of date input |\n| showTime | Boolean \\| Object | [showTime options](#showTime-options) | to provide an additional time selection |\n| showTime.defaultValue | [moment, moment] |  | to set default time of selected date |\n| use12Hours | Boolean | false | 12 hours display mode |\n| disabledTime | Function(date: moment, type:'start'\\|'end'):Object |  |  | to specify the time that cannot be selected |\n| ranges | { String \\| [range: string]: moment[] } \\| { [range: string]: () => moment[] } |  | preseted ranges for quick selection |\n| format | String \\| String[] | depends on whether you set timePicker and your locale | use to format/parse date(without time) value to/from input. When an array is provided, all values are used for parsing and first value for display |\n| allowEmpty | [Boolean, Boolean] |  | allow range picker clearing text |\n| selectable | [Boolean, Boolean] |  | whether to selected picker |\n| disabled | Boolean | false | whether the range picker is disabled |\n| onChange | Function(value:[moment], formatString: [string, string]) |  | a callback function, can be executed when the selected time is changing |\n| onCalendarChange | Function(value:[moment], formatString: [string, string]) |  | a callback function, can be executed when the start time or the end time of the range is changing |\n| direction | String: ltr or rtl |  | Layout direction of picker component, it supports RTL direction too. |\n| order | Boolean | true | (TimeRangePicker only) `false` to disable auto order |\n| order | Boolean | true | (TimeRangePicker only) `false` to disable auto order |\n| disabledPickerStartDate | Function(startDate: moment):boolean |  | disable start date |\n| disabledPickerEndDate | Function(endDate: moment):boolean |  | disable end date |\n\n### showTime-options\n\n| Property            | Type    | Default | Description                        |\n| ------------------- | ------- | ------- | ---------------------------------- |\n| format              | String  |         | moment format                      |\n| showHour            | Boolean | true    | whether show hour                  |\n| showMinute          | Boolean | true    | whether show minute                |\n| showSecond          | Boolean | true    | whether show second                |\n| use12Hours          | Boolean | false   | 12 hours display mode              |\n| hourStep            | Number  | 1       | interval between hours in picker   |\n| minuteStep          | Number  | 1       | interval between minutes in picker |\n| secondStep          | Number  | 1       | interval between seconds in picker |\n| hideDisabledOptions | Boolean | false   | whether hide disabled options      |\n| defaultValue        | moment  | null    | default initial value              |\n\n## Development\n\n```\nnpm install\nnpm start\n```\n\n## License\n\nrc-picker is released under the MIT license.\n","readmeFilename":"README.md"}