{"id":27309948,"url":"https://github.com/ifechukwudaniel/react-native-scroll-month-calendar","last_synced_at":"2025-07-06T14:32:41.400Z","repository":{"id":57355959,"uuid":"246287593","full_name":"Ifechukwudaniel/react-native-scroll-month-calendar","owner":"Ifechukwudaniel","description":"A simple React Native scroll calender for Months ","archived":false,"fork":false,"pushed_at":"2020-03-14T22:03:25.000Z","size":63,"stargazers_count":13,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-12T19:16:05.658Z","etag":null,"topics":["react","react-native","react-native-calendar","react-native-scroll-month-calendar"],"latest_commit_sha":null,"homepage":null,"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/Ifechukwudaniel.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-10T11:52:07.000Z","updated_at":"2021-09-23T15:47:28.000Z","dependencies_parsed_at":"2022-09-05T22:11:49.854Z","dependency_job_id":null,"html_url":"https://github.com/Ifechukwudaniel/react-native-scroll-month-calendar","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Ifechukwudaniel/react-native-scroll-month-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifechukwudaniel%2Freact-native-scroll-month-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifechukwudaniel%2Freact-native-scroll-month-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifechukwudaniel%2Freact-native-scroll-month-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifechukwudaniel%2Freact-native-scroll-month-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ifechukwudaniel","download_url":"https://codeload.github.com/Ifechukwudaniel/react-native-scroll-month-calendar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ifechukwudaniel%2Freact-native-scroll-month-calendar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263917289,"owners_count":23529562,"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","react-native","react-native-calendar","react-native-scroll-month-calendar"],"created_at":"2025-04-12T05:39:33.937Z","updated_at":"2025-07-06T14:32:41.383Z","avatar_url":"https://github.com/Ifechukwudaniel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-scroll-month-calendar \n\u003cimg src=\"img/img1.png\" alt=\"image1\" style=\"\" /\u003e\n\n\u003cimg src=\"img/img2.png\" alt=\"image2\" style=\"\" /\u003e\n\n\nThe package allows you accept  create a horizontal month calender and its content , quick  easy and fast  .\n\n### Compatibility\n\nOur release cycle is independent of `react-native`. We follow semver and here is the compatibility table:\n\n| `@react-native-scroll-month-calendar` | react-native |\n| :------------------------------- | ------------ |\n| ^0.0.8                             | ^0.59        |\n\n### [](https://github.com/Ifechukwudaniel/react-native-scroll-month-calendar#installation)Installation\n\nAdd react-native-scroll-month-calendar  to your project by running;\n\n`npm install react-native-scroll-month-calendar`\n\nor\n\n`yarn add react-native-scroll-month-calendar`\n\nand that's it, you're all good to go!\n\n### [](https://github.com/Ifechukwudaniel/react-native-scroll-month-calendar#usage)Usage\n\n```javascript\nimport {ScrollMonthCalender} from 'react-native-scroll-month-calender'\nimport React, {Component} from 'react';\nimport {View} from 'react-native';\n\nclass MyApp extends Component {\n   myHistory= [\n          {month:\"January\", content: \"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"February\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"March\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"April\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"May\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"June\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"July\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"August\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"September\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"October\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"November\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"},\n        {month:\"December\", content:\"jdjjdjdjdjdjdjdjdjdjdjdjd\"}\n    ]\n  render() {\n    return (\n      \u003cView style={{flex: 1}}\u003e\n         \u003cScrollMonthCalender history={myHistory} monthTextStyle={}, contentTextStyle={} \n         style={{marginTop:100}} onMonthChange={()=\u003e{}}/\u003e\n        /\u003e\n      \u003c/View\u003e\n    );\n  }\n}\n\n```\n\n## Note:\n\nYou can also make use of the new props `enableDefaultStyles` to use the default style.\n\n### Don't forget to star, like and share :)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifechukwudaniel%2Freact-native-scroll-month-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fifechukwudaniel%2Freact-native-scroll-month-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifechukwudaniel%2Freact-native-scroll-month-calendar/lists"}