{"id":19040134,"url":"https://github.com/logisticinfotech/react-native-datetimepicker","last_synced_at":"2025-04-23T21:06:10.526Z","repository":{"id":34361690,"uuid":"177095904","full_name":"logisticinfotech/react-native-datetimepicker","owner":"logisticinfotech","description":"React Native horizontal date picker","archived":false,"fork":false,"pushed_at":"2023-01-03T18:19:40.000Z","size":1289,"stargazers_count":5,"open_issues_count":20,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-23T21:06:04.862Z","etag":null,"topics":["datepicker","datetimepicker","horizontal-datetime-picker","ios","iphone-demo","react","react-native","react-native-datepicker","react-native-datetime-picker","react-native-demo","react-native-timer","reactnative-ios","reactnativedemo","timepicker"],"latest_commit_sha":null,"homepage":"https://www.logisticinfotech.com/blog/react-native-horizontal-date-picker-library/","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/logisticinfotech.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":"2019-03-22T07:52:51.000Z","updated_at":"2021-12-01T07:24:27.000Z","dependencies_parsed_at":"2023-01-15T06:34:32.839Z","dependency_job_id":null,"html_url":"https://github.com/logisticinfotech/react-native-datetimepicker","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/logisticinfotech%2Freact-native-datetimepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logisticinfotech%2Freact-native-datetimepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logisticinfotech%2Freact-native-datetimepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/logisticinfotech%2Freact-native-datetimepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/logisticinfotech","download_url":"https://codeload.github.com/logisticinfotech/react-native-datetimepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250514782,"owners_count":21443209,"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":["datepicker","datetimepicker","horizontal-datetime-picker","ios","iphone-demo","react","react-native","react-native-datepicker","react-native-datetime-picker","react-native-demo","react-native-timer","reactnative-ios","reactnativedemo","timepicker"],"created_at":"2024-11-08T22:20:43.156Z","updated_at":"2025-04-23T21:06:10.470Z","avatar_url":"https://github.com/logisticinfotech.png","language":"JavaScript","readme":"\u003cp align=\"left\"\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@logisticinfotech/react-native-horizontal-date-picker\"\u003e\u003cimg alt=\"npm version\" src=\"https://img.shields.io/badge/npm-v1.0.16-green.svg\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@logisticinfotech/react-native-horizontal-date-picker\"\u003e\u003cimg src=\"https://img.shields.io/badge/downloads-%3E1K-yellow.svg\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@logisticinfotech/react-native-horizontal-date-picker\"\u003c\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-orange.svg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# React Native horizontal date picker\n\n### Installation and Usage\n\nPlease check this blog for installation and usage [this link](https://www.logisticinfotech.com/blog/react-native-horizontal-date-picker-library/)\n\n![](RNHorizontalDatePicker.gif)\n\n### Basic Properties\n\n| Prop                     | Default                    | Type                                 | Description                                                             |\n| ------------------------ | -------------------------- | ------------------------------------ | ----------------------------------------------------------------------- |\n| pickerType               | datetime                   | enum of `[\"date\",\"time\",\"datetime\"]` | Type of the picker user want to display.                                |\n| minDate                  | current date               | `Date`                               | Minimum date from picker value start.                                   |\n| maxDate                  | 3 months from current date | `Date`                               | Maximum date upto picker value display.                                 |\n| defaultSelected          | null                       | `Date`                               | By default selected date and time.                                      |\n| isShowYear               | true                       | `bool`                               | Dispay year above picker.                                               |\n| yearContainerStyle       | null                       | `style`                              | Style of the year container.                                            |\n| datePickerContainerStyle | null                       | `style`                              | Style of the date picker.                                               |\n| timePickerContainer      | null                       | `style`                              | Style of the time picker.                                               |\n| yearTextStyle            | null                       | `style`                              | Style of the year display.                                              |\n| selectedTextStyle        | null                       | `style`                              | Style of the selected date or time.                                     |\n| unSelectedTextStyle      | null                       | `style`                              | Style of the non selected date or time.                                 |\n| datePickerBG             | null                       | `object` or `reference`              | Background image of date picker.                                        |\n| timePikerBG              | null                       | `object` or `reference`              | Background image of time picker.                                        |\n| dayFormat                | Do                         | `string`                             | Format of date to display.                                              |\n| monthFormat              | MMM                        | `string`                             | Format of month to display.                                             |\n| yearFormat               | yyyy                       | `string`                             | Format of year to display.                                              |\n| timeFormat               | HH:mm                      | `string`                             | Format of time to display.                                              |\n| timeStep                 | 60                         | `number`                             | Amount of the time divide in minutes for time picker.                   |\n| returnDateFormat         | DD-MM-YYYY                 | `string`                             | Return formate of the date selected.                                    |\n| returnTimeFormat         | hh:mm a                    | `string`                             | Return formate of the time selected.                                    |\n| returnDateTimeFormat     | DD-MM-YYYY hh:mm a         | `string`                             | Return formate of the full datetime selected.                           |\n| onDateSelected           | () =\u003e {}                   | `function`                           | Return date when date is selected.                                      |\n| onTimeSelected           | () =\u003e {}                   | `function`                           | Return time when date is selected.                                      |\n| onDateTimeSelected       | () =\u003e {}                   | `function`                           | Return object of date, time and datetime when date or time is selected. |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogisticinfotech%2Freact-native-datetimepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flogisticinfotech%2Freact-native-datetimepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flogisticinfotech%2Freact-native-datetimepicker/lists"}