{"id":15317380,"url":"https://github.com/bartstc/react-hook-form-chakra-fields","last_synced_at":"2025-04-15T02:22:27.154Z","repository":{"id":57699959,"uuid":"351990052","full_name":"bartstc/react-hook-form-chakra-fields","owner":"bartstc","description":"A collection of form fields on top of Chakra UI and React Hook Form, integrated with many other js/ts libraries.","archived":false,"fork":false,"pushed_at":"2021-04-20T14:09:51.000Z","size":375,"stargazers_count":13,"open_issues_count":3,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-02T13:48:53.740Z","etag":null,"topics":["chakra-ui","chakra-ui-icons","currencyjs","dayjs","react","react-datepicker","react-hook-form","react-number-format","react-select","react-text-mask","tsdx","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/bartstc/react-hook-form-chakra-fields","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/bartstc.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":"2021-03-27T05:27:02.000Z","updated_at":"2025-02-24T10:34:46.000Z","dependencies_parsed_at":"2022-09-08T01:22:53.533Z","dependency_job_id":null,"html_url":"https://github.com/bartstc/react-hook-form-chakra-fields","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bartstc%2Freact-hook-form-chakra-fields","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bartstc%2Freact-hook-form-chakra-fields/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bartstc%2Freact-hook-form-chakra-fields/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bartstc%2Freact-hook-form-chakra-fields/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bartstc","download_url":"https://codeload.github.com/bartstc/react-hook-form-chakra-fields/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248688575,"owners_count":21145765,"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","chakra-ui-icons","currencyjs","dayjs","react","react-datepicker","react-hook-form","react-number-format","react-select","react-text-mask","tsdx","typescript"],"created_at":"2024-10-01T08:56:51.287Z","updated_at":"2025-04-15T02:22:27.134Z","avatar_url":"https://github.com/bartstc.png","language":"TypeScript","readme":"# React Hook Form Chakra Fields\n\nA collection of form fields on top of simple and accessible react component library [Chakra UI](https://chakra-ui.com/) and performant form library [React Hook Form](https://react-hook-form.com/), integrated with many other js/ts libraries.\n\n### Included inputs and form fields:\n- `Input Field` - standard input field\n- `Masked Input Field` - input field with the ability to set any mask you want for example phone or time\n- `Money Field` - input field intended for monetary values (you can easily extend it with for example currency select)\n- `Select Field` - advanced select field on top of powerful react-select library\n- `Date Field` - standard date select field on top of react-datepicker library\n- `DateTimeField` - date select field integrated with additional input for providing a specific time\n- `DateTimeOnlyField` - time field for time value only\n\nAll components are accessible (thanks Chakra UI!) and have support for chakra UI dark mode.\n\n## Installation\n\nYou need to install all below-mentioned libraries as a peer dependencies of this package.\n- [React Hook Form](https://react-hook-form.com/)\n- [Chakra UI](https://chakra-ui.com/)\n- [Currency.js](https://currency.js.org/)\n- [Day.js](https://day.js.org/)\n- [React Datepicker](https://reactdatepicker.com/)\n- [React Number Format](https://github.com/s-yadav/react-number-format#readme)\n- [React Select](https://react-select.com/)\n- [React Text Mask](https://openbase.com/js/react-text-mask)\n\n```\nyarn add react-hook-form chakra-ui/react chakra-ui/icons @emotion/react @emotion/styled framer-motion currency.js dayjs react-datepicker react-number-format react-select react-text-mask\nyarn add -D @types/react-datepicker @types/react-text-mask @types/react-select\nyarn add react-hook-form-chakra-fields\n```\n\n## Usage Examples - TODO\n\nYou can always check [this project repository](https://github.com/bartstc/booking-app/tree/master/employee-web-client) to see how to use this library.\n\n## Meta\n\nThis library was invented with [TSDX](https://tsdx.io/).","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbartstc%2Freact-hook-form-chakra-fields","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbartstc%2Freact-hook-form-chakra-fields","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbartstc%2Freact-hook-form-chakra-fields/lists"}