{"id":26182623,"url":"https://github.com/react-component/m-date-picker","last_synced_at":"2025-04-09T03:12:56.673Z","repository":{"id":37768349,"uuid":"47962234","full_name":"react-component/m-date-picker","owner":"react-component","description":"React Mobile DatePicker(web \u0026 react-native)","archived":false,"fork":false,"pushed_at":"2022-05-07T16:40:08.000Z","size":3811,"stargazers_count":400,"open_issues_count":35,"forks_count":117,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-04-02T02:12:35.487Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://react-component.github.io/m-date-picker/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-component.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-14T08:39:02.000Z","updated_at":"2024-08-27T03:01:59.000Z","dependencies_parsed_at":"2022-08-11T15:33:29.080Z","dependency_job_id":null,"html_url":"https://github.com/react-component/m-date-picker","commit_stats":null,"previous_names":[],"tags_count":70,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-component%2Fm-date-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-component%2Fm-date-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-component%2Fm-date-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-component%2Fm-date-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-component","download_url":"https://codeload.github.com/react-component/m-date-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247968374,"owners_count":21025823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-11T22:23:26.011Z","updated_at":"2025-04-09T03:12:56.635Z","avatar_url":"https://github.com/react-component.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# rmc-date-picker\n---\n\nReact Mobile DatePicker Component (web and react-native)\n\n\n[![NPM version][npm-image]][npm-url]\n![react-native](https://img.shields.io/badge/react--native-%3E%3D_0.30.0-green.svg)\n![react](https://img.shields.io/badge/react-%3E%3D_15.2.0-green.svg)\n[![build status][travis-image]][travis-url]\n[![Codecov](https://img.shields.io/codecov/c/github/react-component/m-date-picker.svg?style=flat-square)](https://codecov.io/gh/react-component/m-date-picker)\n[![gemnasium deps][gemnasium-image]][gemnasium-url]\n[![node version][node-image]][node-url]\n[![npm download][download-image]][download-url]\n\n[npm-image]: http://img.shields.io/npm/v/rmc-date-picker.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/rmc-date-picker\n[travis-image]: https://img.shields.io/travis/react-component/m-date-picker.svg?style=flat-square\n[travis-url]: https://travis-ci.org/react-component/m-date-picker\n[gemnasium-image]: http://img.shields.io/gemnasium/react-component/m-date-picker.svg?style=flat-square\n[gemnasium-url]: https://gemnasium.com/react-component/m-date-picker\n[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square\n[node-url]: http://nodejs.org/download/\n[download-image]: https://img.shields.io/npm/dm/rmc-date-picker.svg?style=flat-square\n[download-url]: https://npmjs.org/package/rmc-date-picker\n\n## Screenshots\n\n### web\n\n\u003cimg src=\"https://img.alicdn.com/tps/TB1nH_4KpXXXXaCXFXXXXXXXXXX-404-607.png\" width=\"288\"/\u003e\n\n### ios\n\n\u003cimg src=\"https://img.alicdn.com/tps/TB1saD1KpXXXXb_XFXXXXXXXXXX-420-729.png\" width=\"288\"/\u003e\n\n### android\n\n\u003cimg src=\"https://img.alicdn.com/tps/TB1APgXKpXXXXXZXpXXXXXXXXXX-1920-1080.png\" width=\"400\"/\u003e\n\n## Usage\n\nsee example\n\n## Development\n\n```\nnpm i\nnpm start\n```\n\n## Example\n\nhttp://localhost:8000/examples/\n\nonline example: http://react-component.github.io/m-date-picker/\n\n## react-native\n\n```\nnpm run rn-init\nnpm run watch-tsc\nreact-native start\nreact-native run-ios\n```\n\n## install\n\n[![rmc-date-picker](https://nodei.co/npm/rmc-date-picker.png)](https://npmjs.org/package/rmc-date-picker)\n\n\n## API\n\n### DatePicker props\n\n| name     | description    | type     | default      |\n|----------|----------------|----------|--------------|\n|className(web) | additional css class of root dom node | String | '' |\n|prefixCls(web) | prefix class | String | 'rmc-date-picker' |\n|pickerPrefixCls(web) | picker prefix class | String | 'rmc-picker' |\n|defaultDate | default selected date. | Date | |\n|date | The currently selected date. | Date |  |\n|mode | The date picker mode. | String | 'date' enum('date', 'time', 'datetime', 'year', 'month') |\n|minDate | min date | Date | `new Date(2000, 1, 1, 0, 0, 0)` |\n|maxDate | max date | Date | `new Date(2030, 1, 1, 23, 59, 59)` |\n|minHour | min Hour `[0, 23]`| Number | `0` |\n|maxHour | max Hour `[0, 23]`| Number | `23` |\n|minMinute | max Minute `[0, 59]`| Number | `0` |\n|maxMinute | max Minute `[0, 59]`| Number| `59` |\n|locale | the locale of area | Object | import from 'rmc-date-picker/lib/locale/en_US' |\n|use12Hours | 12 hours display mode | Boolean | false |\n|minuteStep | The amount of time, in minutes, between each minute item. | Number | 1 |\n|onDateChange | Date change handler. | Function(date: Date) | '' |\n|onValueChange | fire when picker change | (vals: any, index: number) =\u003e void |  |\n|formatMonth | Customize display value of months | (month:number, current:Date) =\u003e React.Node | |\n|formatDay | Customize display value of days | (day:number, current:Date) =\u003e React.Node | |\n\n### rmc-date-picker/lib/Popup props\n\n| name     | description    | type     | default      |\n|----------|----------------|----------|--------------|\n|className(web) | additional css class of modal node | String | '' |\n|style(web) | additional modal style | object | {} |\n|popupTransitionName(web) |  | String | |\n|maskTransitionName(web) |  | String | |\n|prefixCls(web) | popup's prefix class | String | 'rmc-picker-popup' |\n|styles(react-native) | PopupPicker's styles | StyleSheet.create |  |\n|datePicker | DatePicker element | React DatePicker element |  |\n|date | The currently selected date. | Date |  |\n|visible | whether pop picker is visible | Boolean | false |\n|onChange | exec on ok | Function(date: Date) |  |\n|onVisibleChange | called when pop picker visible change | Function | |\n|onDismiss | exec on dismiss | function |  |\n|okText | ok button text | string/React.ReactElement | 'Ok' |\n|dismissText | dismiss button text | string/React.ReactElement | 'Dismiss' |\n|title | Popup title | string/React.ReactElement | '' |\n\n\n## Test Case\n\n```\nnpm test\nnpm run chrome-test\n```\n\n## Coverage\n\n```\nnpm run coverage\n```\n\nopen coverage/ dir\n\n## License\n\nrmc-date-picker is released under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-component%2Fm-date-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-component%2Fm-date-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-component%2Fm-date-picker/lists"}