{"id":15065679,"url":"https://github.com/anubra266/choc-datetimepicker","last_synced_at":"2025-04-10T13:32:33.904Z","repository":{"id":42533899,"uuid":"423001120","full_name":"anubra266/choc-datetimepicker","owner":"anubra266","description":"Datepicker component for chakra ui","archived":false,"fork":false,"pushed_at":"2023-09-08T08:58:18.000Z","size":1734,"stargazers_count":30,"open_issues_count":14,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T01:17:40.752Z","etag":null,"topics":["chakra-ui","datepicker","datepicker-component","react","vitejs"],"latest_commit_sha":null,"homepage":"https://githubbox.com/anubra266/choc-datetimepicker/tree/main/demo?file=/src/App.tsx","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/anubra266.png","metadata":{"files":{"readme":"README.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"anubra266","patreon":"anubra266","kofi":"anubra266"}},"created_at":"2021-10-30T22:11:51.000Z","updated_at":"2023-12-04T12:27:44.000Z","dependencies_parsed_at":"2024-09-29T10:40:34.443Z","dependency_job_id":"83c97f7a-2ca6-4896-a6a2-b25b6a1c6722","html_url":"https://github.com/anubra266/choc-datetimepicker","commit_stats":{"total_commits":68,"total_committers":2,"mean_commits":34.0,"dds":"0.044117647058823484","last_synced_commit":"7b3aa1fa3601d9791a86e4a017f24303bc8be6f5"},"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anubra266%2Fchoc-datetimepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anubra266%2Fchoc-datetimepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anubra266%2Fchoc-datetimepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anubra266%2Fchoc-datetimepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anubra266","download_url":"https://codeload.github.com/anubra266/choc-datetimepicker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248225707,"owners_count":21068078,"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":["chakra-ui","datepicker","datepicker-component","react","vitejs"],"created_at":"2024-09-25T00:44:59.209Z","updated_at":"2025-04-10T13:32:33.881Z","avatar_url":"https://github.com/anubra266.png","language":"TypeScript","funding_links":["https://github.com/sponsors/anubra266","https://patreon.com/anubra266","anubra266","https://patreon.com/anubra266?utm_medium=clipboard_copy\u0026utm_source=copyLink\u0026utm_campaign=creatorshare_creator\u0026utm_content=join_link"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003ch1\u003e\n    \u003cbr/\u003e\n    📅\n    \u003cbr /\u003e\n    choc-datetimepicker\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n  \u003c/h1\u003e\n  \u003csup\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://www.npmjs.com/package/choc-datetimepicker?style=for-the-badge\"\u003e\n       \u003cimg src=\"https://img.shields.io/npm/v/choc-datetimepicker.svg?style=for-the-badge\" alt=\"npm package\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/choc-datetimepicker?style=for-the-badge\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/dw/choc-datetimepicker.svg?style=for-the-badge\" alt=\"npm  downloads\" /\u003e\n    \u003c/a\u003e\n\u003ca\u003e\n    \u003cimg alt=\"NPM\" src=\"https://img.shields.io/npm/l/choc-datetimepicker?style=for-the-badge\"\u003e\n\u003c/a\u003e\n\n\u003ca\u003e\u003cimg alt=\"GitHub Repo stars\" src=\"https://img.shields.io/github/stars/anubra266/choc-datetimepicker?logo=github\u0026style=for-the-badge\"\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n\n[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n\u003c/a\u003e\n    \u003cbr /\u003e\n    DateTimePicker Component for the \u003ca href=\"https://chakra-ui.com\"\u003eChakra UI\u003c/a\u003e Library.\u003c/em\u003e\n    \n  \u003c/sup\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cpre\u003enpm i \u003ca href=\"https://www.npmjs.com/package/choc-datetimepicker\"\u003echoc-datetimepicker\u003c/a\u003e\u003c/pre\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n\u003c/div\u003e\n\n## Introduction\n\nThis is a Date and Time picker package for Chakra UI. It aims to provide a very composable API that gives you full control of the rendering of every component in your picker, from the container to arrows to each date.\nYou decide where they render and how they look, no `buttonStyles`, `activeDateStyles`... You decide if you even want it to be a button is the first place, all while still getting all the features a date picker should offer and in the locale of your choice.\n\nIn short; _you're the boss_.\n\n## Install\n\n```bash\nnpm i --save choc-datetimepicker\n#or\nyarn add choc-datetimepicker\n```\n\n## Add react Icons(optional if you're not using our default Buttons)\n\n```bash\nnpm i --save react-icons\n#or\nyarn add react-icons\n```\n\n## Preview\n\n\u003cdiv style=\"display:flex\"\u003e\n\u003cimg width=\"432\" alt=\"CleanShot 2022-01-16 at 15 57 37@2x\" src=\"https://user-images.githubusercontent.com/30869823/149665313-59a08d46-fb52-4bdb-982d-a1c11b0aa1c7.png\"\u003e\n\u003cimg width=\"393\" alt=\"CleanShot 2022-01-16 at 15 57 47@2x\" src=\"https://user-images.githubusercontent.com/30869823/149665314-2d9d6bfc-bd85-4eeb-b08b-df84221c6a8a.png\"\u003e\n\u003c/div\u003e\n\u003cimg width=\"879\" alt=\"CleanShot 2022-01-23 at 13 57 49@2x\" src=\"https://user-images.githubusercontent.com/30869823/150679576-6c833d70-a4f2-41d6-89dc-c96b1be5bb18.png\"\u003e\n\n\u003cbr /\u003e\n\n### Docs in Progress...\n\n\u003c!-- Learn More in the [Docs]() --\u003e\n\n## Upcoming features\n\n- Multi date selection\n- Time Picker\n\n## Contribute\n\n- Clone this repository\n\n```sh\ngit clone https://github.com/anubra266/choc-datetimepicker.git\n```\n\n- Install all dependencies (with yarn)\n\n```sh\nyarn\n```\n\n- Install package example dependencies (with yarn)\n\n```sh\ncd example\nyarn\n```\n\nStart the package server, and the example server\n\n```sh\n# root directory\nyarn start\n\n# example directory with (cd example)\nyarn dev\n```\n## Sponsors ✨\n\nThanks goes to these wonderful people\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://patreon.com/anubra266?utm_medium=clipboard_copy\u0026utm_source=copyLink\u0026utm_campaign=creatorshare_creator\u0026utm_content=join_link\"\u003e\n    \u003cimg src='https://cdn.jsdelivr.net/gh/anubra266/static@main/sponsors.svg'/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://anubra266.tk\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/30869823?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAbraham\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/anubra266/choc-datepicker/commits?author=anubra266\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanubra266%2Fchoc-datetimepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanubra266%2Fchoc-datetimepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanubra266%2Fchoc-datetimepicker/lists"}