{"id":14957092,"url":"https://github.com/smrsan76/imrc-datetime-picker","last_synced_at":"2025-05-02T07:32:49.565Z","repository":{"id":57273109,"uuid":"148849578","full_name":"smrsan76/imrc-datetime-picker","owner":"smrsan76","description":"(Improved) React component datetime picker by momentjs :calendar:","archived":false,"fork":false,"pushed_at":"2020-10-23T20:30:16.000Z","size":2538,"stargazers_count":21,"open_issues_count":1,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-29T23:07:30.386Z","etag":null,"topics":["component","date","datepicker","datepicker-component","datetime","hacktoberfest","improved","jalaali","jalaali-datepicker","js-org","moment","moment-jalaali","momentjs","npm-package","picker","react","react-js","solar","solar-datepicker"],"latest_commit_sha":null,"homepage":"https://imrc-datetime-picker.js.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/smrsan76.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-14T22:58:28.000Z","updated_at":"2022-05-08T20:05:28.000Z","dependencies_parsed_at":"2022-08-25T01:14:20.787Z","dependency_job_id":null,"html_url":"https://github.com/smrsan76/imrc-datetime-picker","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrsan76%2Fimrc-datetime-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrsan76%2Fimrc-datetime-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrsan76%2Fimrc-datetime-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrsan76%2Fimrc-datetime-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smrsan76","download_url":"https://codeload.github.com/smrsan76/imrc-datetime-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224305842,"owners_count":17289446,"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":["component","date","datepicker","datepicker-component","datetime","hacktoberfest","improved","jalaali","jalaali-datepicker","js-org","moment","moment-jalaali","momentjs","npm-package","picker","react","react-js","solar","solar-datepicker"],"created_at":"2024-09-24T13:14:04.284Z","updated_at":"2024-11-12T16:04:49.335Z","avatar_url":"https://github.com/smrsan76.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# (Improved) Rc-Datetime-Picker\n\nImrc-Datetime-Picker is a react component for datetime picker by [Moment.js].\n\n[![NPM](https://nodei.co/npm/imrc-datetime-picker.png)](https://nodei.co/npm/imrc-datetime-picker/)\n\nThanks to [~allenwu](https://www.npmjs.com/~allenwu) for authoring the base package [`rc-datetime-picker`](https://npmjs.com/package/rc-datetime-picker)\n\n[**See The `ChangeLog` Here**](https://github.com/smrsan76/imrc-datetime-picker/blob/master/CHANGELOG.md)\n\n\u003e Note: Check the [**TODO.md**](https://github.com/smrsan76/imrc-datetime-picker/blob/master/TODO.md)\n\u003e file before usage. Maybe some features are still **buggy 💀** since the [`rc-datetime-picker`](https://npmjs.com/package/rc-datetime-picker) package\n\u003e or recently in the current package.\n\n## Requirements\n\n- React\n- [Moment.js] or [Moment-jalaali]\n- Modern browsers (IE\u003e=9 is required)\n\n## Installation\n\n### Install with NPM\n\n```\n$ npm install imrc-datetime-picker\n```\n\n### Manual download\n\nBesides npm package, UMD module and styles are placed under `dist/` directory:\n\n- dist/imrc-datetime-picker.js\n- dist/imrc-datetime-picker-min.js\n- dist/imrc-datetime-picker.css\n- dist/imrc-datetime-picker.min.css\n\n## Usage\n\nSee the [demo] page.\n\n[moment.js]: http://momentjs.com/\n[moment-jalaali]: https://npmjs.com/package/moment-jalaali\n[demo]: https://smrsan76.github.io/imrc-datetime-picker/\n\n## Props\n\n### General Props\n\n\u003ctable class=\"table table-bordered table-striped\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eVersion\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003emoment\u003c/td\u003e\n      \u003ctd\u003emoment\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003eSet the selected date.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eonChange\u003c/td\u003e\n      \u003ctd\u003eFunction(datetime: moment)\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003e`onChange` will be triggered while datetime changing.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003eAdditional css class of root dom node.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eisOpen\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003eWhether to show the picker.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eshowCalendarPicker\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003eWhether to show the calendar picker.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eshowTimePicker\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003eWhether to show the time picker.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003esplitPanel\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003efalse\u003c/td\u003e\n      \u003ctd\u003eEnable `split-panel` mode.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eshortcuts\u003c/td\u003e\n      \u003ctd\u003eObject:{name: moment} | Object:{name: { moment, callback }}\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        Add shortcuts on the top `shortcuts-bar` for selecting a date.\n        \u003cb\u003e\u003ci\u003eIt supports callback option in v2.1.1 and above.\u003c/i\u003e\u003c/b\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003emaxDate\u003c/td\u003e\n      \u003ctd\u003emoment\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003eMax Date limit.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eminDate\u003c/td\u003e\n      \u003ctd\u003emoment\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003eMin Date limit.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eweeks\u003c/td\u003e\n      \u003ctd\u003eArray\u003c/td\u003e\n      \u003ctd\u003e['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\u003c/td\u003e\n      \u003ctd\u003eText for weekdays.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003emonths\u003c/td\u003e\n      \u003ctd\u003eArray\u003c/td\u003e\n      \u003ctd\u003e[Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\u003c/td\u003e\n      \u003ctd\u003eText for months.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003edayFormat\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e'MMMM, YYYY'\u003c/td\u003e\n      \u003ctd\u003eFormatting current date of the day panel.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eminPanel\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e'day'\u003c/td\u003e\n      \u003ctd\u003eMin panel for select.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eisSolar\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e'day'\u003c/td\u003e\n      \u003ctd\u003eSolar date mode. Notice that you should use moment-jalaali package instead of moment.\u003c/td\u003e\n      \u003ctd\u003e\u003e=2.x\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003elang\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003eundefined (or 'en')\u003c/td\u003e\n      \u003ctd\u003e\n        Language name. ('en', 'fa') is supported.\n        Notice that you should use moment-jalaali package instead of moment,\n        if you want to use 'fa' language.\n      \u003c/td\u003e\n      \u003ctd\u003e\u003e=2.x\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \\*Trigger Props\n\n\u003ctable class=\"table table-bordered table-striped\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eVersion\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003edisabled\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003efalse\u003c/td\u003e\n      \u003ctd\u003eDisabled triggering.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eappendToBody\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003efalse\u003c/td\u003e\n      \u003ctd\u003eWhether to render the picker to `body`.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ecloseOnSelectDay\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003efalse\u003c/td\u003e\n      \u003ctd\u003eWhether to close the picker when selecting a date on day panel.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eposition\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e'bottom'\u003c/td\u003e\n      \u003ctd\u003e\n        The position of popup.\n      \u003c/td\u003e\n      \u003ctd\u003e\u003e= v1.0.0\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \\*Range Props\n\n\u003ctable class=\"table table-bordered table-striped\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eName\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eVersion\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eformat\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e'YYYY/MM/DD HH:mm' / 'YYYY/MM/DD'\u003c/td\u003e\n      \u003ctd\u003eFormatting current date of each panel.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eshowCustomButton\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003efalse\u003c/td\u003e\n      \u003ctd\u003eWhether to show the custom button.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ecustomButtonText\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003eCustom\u003c/td\u003e\n      \u003ctd\u003eText for custom button.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ecustomRange\u003c/td\u003e\n      \u003ctd\u003eObject: {start: moment, end: moment}\u003c/td\u003e\n      \u003ctd\u003eLast 30 days\u003c/td\u003e\n      \u003ctd\u003eSet the custom button value.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003econfirmButtonText\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003eConfirm\u003c/td\u003e\n      \u003ctd\u003eText for confirm button.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estartDateText\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003eStart Date:\u003c/td\u003e\n      \u003ctd\u003eText for start date label.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eendDateText\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003eEnd date:\u003c/td\u003e\n      \u003ctd\u003eText for end date label.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003edateLimit\u003c/td\u003e\n      \u003ctd\u003eObject: {name: value}\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n      \u003ctd\u003eDate range limt.\u003c/td\u003e\n      \u003ctd\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Contributing\n\nWe really appreciate your contributions.\n\nYou can follow the rules of\n[**Contributing guide**](https://github.com/smrsan76/imrc-datetime-picker/blob/master/CONTRIBUTING.md)\nto contribute with us.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmrsan76%2Fimrc-datetime-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmrsan76%2Fimrc-datetime-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmrsan76%2Fimrc-datetime-picker/lists"}