{"id":13719151,"url":"https://github.com/adibfirman/react-datepicker","last_synced_at":"2025-05-07T11:31:16.355Z","repository":{"id":42667188,"uuid":"284578553","full_name":"adibfirman/react-datepicker","owner":"adibfirman","description":"⚛️ A React Datepicker Component","archived":false,"fork":false,"pushed_at":"2023-01-26T23:23:33.000Z","size":6052,"stargazers_count":29,"open_issues_count":19,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-22T19:05:30.996Z","etag":null,"topics":["react","reactjs"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/still-bash-siocy?file=/src/App.js","language":"TypeScript","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/adibfirman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-03T01:51:39.000Z","updated_at":"2023-11-09T08:09:34.000Z","dependencies_parsed_at":"2023-02-15T03:01:13.077Z","dependency_job_id":null,"html_url":"https://github.com/adibfirman/react-datepicker","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adibfirman%2Freact-datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adibfirman%2Freact-datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adibfirman%2Freact-datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adibfirman%2Freact-datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adibfirman","download_url":"https://codeload.github.com/adibfirman/react-datepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252223484,"owners_count":21714270,"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":["react","reactjs"],"created_at":"2024-08-03T01:00:43.384Z","updated_at":"2025-05-07T11:31:16.016Z","avatar_url":"https://github.com/adibfirman.png","language":"TypeScript","funding_links":[],"categories":["Open Source Project"],"sub_categories":["UI Component"],"readme":"# React Datepicker Component\n\nAn awesome Datepicker for your React APP, built in with [Framer-motion](https://www.framer.com/api/motion/)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src='https://raw.githubusercontent.com/adibfirman/react-datepicker/master/docs/example.gif' /\u003e\n\u003c/p\u003e\n\n## Install `peerdepedencies`\n\n```bash\n$ npm i --save styled-components\n# or\n$ yarn add styled-components\n```\n\n## Installation\n\n```bash\n$ npm i --save @adibfirman/react-datepicker\n# or\n$ yarn add @adibfirman/react-datepicker\n```\n\n## Available Props\n\n- `value`\n  - A date object, default value is `today`\n- `onChange(date) =\u003e void`\n  - Function where the callback is selected date\n- `customColor` an object which the value is one of these\n  - `selected_date`: `{ bgColor: string; textColor: string };`\n    - Default value is: `{ textColor: '#000', bgColor: '#fff' }`\n  - `date`: `{ bgColor: string; textColor: string };`\n    - Default value is: `{ textColor: '#000', bgColor: '#fff' }`\n  - `month`: `{ bgColor: string; textColor: string };`\n    - Default value is: `{ textColor: '#fff', bgColor: '#2196f3' }`\n  - `year`: `{ bgColor: string; textColor: string };`\n    - Default value is: `{ textColor: '#fff', bgColor: '#39373A' }`\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Datepicker } from '@adibfirman/react-datepicker'\n\nfunction MyApp() {\n  return (\n    \u003cdiv className=\"App\"\u003e\n      \u003ch1\u003eHello World\u003c/h1\u003e\n      \u003cDatepicker /\u003e\n    \u003c/div\u003e\n  );\n}\n```\n\n## Contribute \u0026 Help\n\n- Fork and send Pull Requests are welcome\n- Submit an issues\n- A new feature requests\n\n## License\n\nThis library is [MIT licensed](https://github.com/adibfirman/react-datepicker/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadibfirman%2Freact-datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadibfirman%2Freact-datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadibfirman%2Freact-datepicker/lists"}