{"_id":"@aaxis/rc-picker","_rev":"1-8babec841c16816a2c3b5e88204b7ff3","name":"@aaxis/rc-picker","dist-tags":{"latest":"2.5.10"},"versions":{"2.5.10":{"name":"@aaxis/rc-picker","version":"2.5.10","description":"React date & time picker","keywords":["react","react-component","react-picker"],"main":"./lib/index","module":"./es/index","homepage":"","repository":{"type":"git","url":""},"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","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","publish:live":"npm publish"},"dependencies":{"@babel/runtime":"^7.10.1","classnames":"^2.2.1","date-fns":"^2.15.0","moment":"^2.24.0","rc-trigger":"^5.0.4","rc-util":"^5.4.0","shallowequal":"^1.1.0"},"engines":{"node":">=8.x"},"devDependencies":{"@types/classnames":"^2.2.9","@types/enzyme":"^3.10.3","@types/jest":"^26.0.0","@types/react":"^16.9.2","@types/react-dom":"^16.9.0","@types/shallowequal":"^1.1.1","@umijs/fabric":"^2.0.8","coveralls":"^3.0.6","cross-env":"^7.0.2","dayjs":"^1.8.30","enzyme":"^3.0.0","enzyme-adapter-react-16":"^1.0.1","enzyme-to-json":"^3.4.0","eslint":"~7.15.0","eslint-plugin-eslint-comments":"^3.1.2","eslint-plugin-jest":"^24.0.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-unicorn":"^25.0.0","father":"^2.30.6","less":"^3.10.3","mockdate":"^3.0.2","prettier":"^2.0.5","react":"^16.0.0","react-dom":"^16.0.0","react-test-renderer":"^16.0.0","typescript":"^4.0.3"},"peerDependencies":{"dayjs":"^1.8.30","react":">=16.9.0","react-dom":">=16.9.0"},"_id":"@aaxis/rc-picker@2.5.10","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qsWUcgMG2H+7LXIaXSLTtS3T8ap9h3iloLe1N6xDP17GQJwk/dJ3JTbBFIW+mJ2W/yNvlTzDP7zNbcYYpxuv/Q==","shasum":"de779994eb6534c3dfdd1bec5acfb99c945a04c2","tarball":"https://registry.npmjs.org/@aaxis/rc-picker/-/rc-picker-2.5.10.tgz","fileCount":433,"unpackedSize":611881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0viQCRA9TVsSAnZWagAAnvcP/0Jcj462/pA6TT9vXI88\nidtTZiJSW8Wk3XNUZgxEgxdSC90XiVVXHB/LKA8ak4HmQ5WIDcAXLpAzVeJi\n2BuRXmdSrIglI27E9EgHAtAx1RsAAgsP5sccmxkFp6JDnW1V0BOzZX6E3i9s\ng3Pya3j7p0xfZ+egfik+EE+fKw90odAfHHLSA/xcTYaHFkV0sPc062VNACOh\nYV4of7DMGoGd5KBhcOj4OQI9zlwmHv9BPTDRn3sHdO/gkgGVnGTjvUQ5Mva5\n5JTk3Dm1K80Oa5X/XLj/UX2C4VKydqksvGByio12DsLbkdHuVcc1fv8yV98e\nTtIbsoyeAmq4dsVtCT0lr26UqpWURTdYY7CM7Ov9OvhJORgvg9y5fBQcpCPU\nEaHX1tO2a4XkY94u3sW6ddqKGKXGDxvycj8jwcj9E0uIF5ZQ4PaZ+ALQdUE5\nngEob4mhloS0CrcKj1/jN7s8Ftn8eQgX6d2pJ3Q/hUY1HF5gW6x4OXbVD9vm\nNy7Ux0y0jgfkLuvXAU4D8HY8r7KoYjN2qWoG7HOxFX4oDEx0E3PkvbLphnVZ\ns/IP60r/4QJdrwsqDPD3dUBVfFH3dwTa2C30RkhWUCDknGv4TAdU/0zQBA4n\nErrzCHnpECI6+jh6GxXt+sV4cuWy4Y66vAB1qFvu2O0RE8DDf4guBrdt7Z2V\nzoYN\r\n=HpVm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDh78d4Zq1HthlmNjfh26ZboZRrvpHbaG5DiSQp2FPEZwIhAMrM0q+O3TsKld2f7zfso8leZUxZg2n1MT2pYpf3kzY3"}]},"_npmUser":{"name":"aaxis","email":"zacharyhou@aaxiscommerce.com"},"directories":{},"maintainers":[{"name":"aaxis","email":"zacharyhou@aaxiscommerce.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rc-picker_2.5.10_1624438927490_0.6389463195136154"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-23T09:02:07.419Z","2.5.10":"2021-06-23T09:02:07.601Z","modified":"2022-04-04T10:56:27.856Z"},"maintainers":[{"name":"aaxis","email":"zacharyhou@aaxiscommerce.com"}],"description":"React date & time picker","keywords":["react","react-component","react-picker"],"repository":{"type":"git","url":""},"license":"MIT","readme":"# rc-picker\n\n[![NPM version][npm-image]][npm-url] [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![Dependencies][david-image]][david-url] [![DevDependencies][david-dev-image]][david-dev-url] [![npm download][download-image]][download-url] [![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[github-actions-image]: https://github.com/react-component/picker/workflows/CI/badge.svg\n[github-actions-url]: https://github.com/react-component/picker/actions\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 | (event:React.FocusEvent<HTMLInputElement>) => void |  | called like input's on focus |\n| onBlur | (event:React.FocusEvent<HTMLInputElement>) => void |  | called like input's on blur |\n| onKeyDown | (event:React.KeyboardEvent<HTMLInputElement>, preventDefault: () => void) => void |  | input on keydown event |\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 | (event:React.MouseEvent<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], info: { range:'start'\\|'end' }) |  | 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\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"}