{"id":13436960,"url":"https://github.com/quri/react-bootstrap-datetimepicker","last_synced_at":"2025-09-26T22:31:51.929Z","repository":{"id":16541338,"uuid":"19294855","full_name":"quri/react-bootstrap-datetimepicker","owner":"quri","description":"[DEPRECATED] A react.js datetime picker for bootstrap","archived":true,"fork":false,"pushed_at":"2018-10-12T18:30:53.000Z","size":19423,"stargazers_count":364,"open_issues_count":103,"forks_count":293,"subscribers_count":35,"default_branch":"master","last_synced_at":"2025-01-15T19:43:23.354Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://dev.quri.com/react-bootstrap-datetimepicker/","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/quri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-04-29T23:30:54.000Z","updated_at":"2024-12-17T11:11:03.000Z","dependencies_parsed_at":"2022-09-06T09:51:22.843Z","dependency_job_id":null,"html_url":"https://github.com/quri/react-bootstrap-datetimepicker","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quri%2Freact-bootstrap-datetimepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quri%2Freact-bootstrap-datetimepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quri%2Freact-bootstrap-datetimepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quri%2Freact-bootstrap-datetimepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quri","download_url":"https://codeload.github.com/quri/react-bootstrap-datetimepicker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234356525,"owners_count":18819381,"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":[],"created_at":"2024-07-31T03:00:53.344Z","updated_at":"2025-09-26T22:31:46.661Z","avatar_url":"https://github.com/quri.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","Awesome React","UI Components","JavaScript","Demos"],"sub_categories":["Uncategorized","Tools","Form Components"],"readme":"⚠️ [DEPRECATED] react-bootstrap-datetimepicker\n===============================\n\n⚠️ This repository is not maintained anymore, please refer to this fork : https://github.com/YouCanBookMe/react-datetime\n\nThis project is a port of https://github.com/Eonasdan/bootstrap-datetimepicker for React.js\n\nUsage\n===============================\n\nInstallation :\n```\nnpm install react-bootstrap-datetimepicker\n```\n\nThen\n```javascript\nvar DateTimeField = require('react-bootstrap-datetimepicker');\n\n...\n\nrender: function() {\n  return \u003cDateTimeField /\u003e;\n}\n```\nSee [Examples](examples/) for more details.\n\nAPI\n===============================\n\nDateTimeField\n========\n\n| Name         | Type    | Default | Description |\n| ------------ | ------- | ------- | ----------- |\n| **dateTime** | string  | moment().format('x') | Represents the inital dateTime, this string is then parsed by moment.js |\n| **format**   | string  | \"x\"     | Defines the format moment.js should use to parse and output the date to onChange |\n| **inputFormat** | string | \"MM/DD/YY h:mm A\" | Defines the way the date is represented in the HTML input. It must be a format understanable by moment.js |\n| **onChange** | function | x =\u003e console.log(x) | Callback trigger when the date changes. `x` is the new datetime value. |\n| **showToday** | boolean | true | Highlights today's date |\n| **size** | string | \"md\" | Changes the size of the date picker input field. Sizes: \"sm\", \"md\", \"lg\" |\n| **daysOfWeekDisabled** | array of integer | [] | Disables clicking on some days. Goes from 0 (Sunday) to 6 (Saturday). |\n| **viewMode** | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |\n| **inputProps** | object | undefined | Defines additional attributes for the input element of the component. |\n| **minDate** | moment | undefined | The earliest date allowed for entry in the calendar view. |\n| **maxDate** | moment | undefined | The latest date allowed for entry in the calendar view. |\n| **mode** | string | undefined | Allows to selectively display only the time picker ('time') or the date picker ('date') |\n| **defaultText** | string | {dateTime} | Sets the initial value. Could be an empty string, or helper text. |\n\nUpdate Warning\n===============================\nStarting from 0.0.6, the 3 github repositories `react-bootstrap-datetimepicker`, `react-bootstrap-datetimepicker-npm` and `react-bootstrap-datetimepicker-bower` are merged in a single one. The build process changed but the API is the same.\nHowever now the package exports DateTimeField directly, no need to do :\n```javascript\nvar DateTimeField = require('react-bootstrap-datetimepicker').DateTimeField;\n```\ninstead use :\n```javascript\nvar DateTimeField = require('react-bootstrap-datetimepicker');\n```\n\nContributions\n===============================\nThere is still plenty of features missing compared to the original date time picker, hence contributions would be highly appreciated.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquri%2Freact-bootstrap-datetimepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquri%2Freact-bootstrap-datetimepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquri%2Freact-bootstrap-datetimepicker/lists"}