https://github.com/atkawa7/rb-datepicker
React bootstrap date range picker
https://github.com/atkawa7/rb-datepicker
react react-date-component react-date-range react-datepicker reactjs reactjs-components
Last synced: about 1 month ago
JSON representation
React bootstrap date range picker
- Host: GitHub
- URL: https://github.com/atkawa7/rb-datepicker
- Owner: atkawa7
- Created: 2019-04-09T07:40:19.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-10T22:59:07.000Z (almost 2 years ago)
- Last Synced: 2024-04-25T03:02:32.935Z (about 1 year ago)
- Topics: react, react-date-component, react-date-range, react-datepicker, reactjs, reactjs-components
- Language: JavaScript
- Homepage: https://atkawa7.github.io/rb-datepicker
- Size: 1.44 MB
- Stars: 3
- Watchers: 2
- Forks: 8
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rb-datepicker
## Description
A date/time picker for react using bootstrap. This is a a pure react port of
[bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker)
## Installing
```sh
yarn add bootstrap bootstrap-daterangepicker react prop-types rb-datepicker dayjs
```
## Usage
```javascript
import React from 'react';
import {LinkedCalendar} from 'rb-datepicker';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-daterangepicker/daterangepicker.css';
class ExampleComponent extends React.Component {
onDatesChange = ({ startDate, endDate }) => {
console.log(({ startDate, endDate }));
}
render() {
return (
);
}
}
```
## Documentation
For in depth documentation, see the original
[bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker) project page.