# rb-datepicker

> React bootstrap date range picker

Latest version **0.0.5** (published 2019-04-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install rb-datepicker
pnpm add rb-datepicker
yarn add rb-datepicker
bun add rb-datepicker
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2019-04-09 |
| First published | 2019-04-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 66.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | atkawa7 |
| Maintainers | atkawa7 |

## Links

- npm: https://www.npmjs.com/package/rb-datepicker
- Repository: https://github.com/atkawa7/react-bootstrap-date-picker
- npm.io page: https://npm.io/package/rb-datepicker

## Dependencies (5)

- [dayjs](https://npm.io/package/dayjs.md) ^1.8.12
- [react](https://npm.io/package/react.md) ^15.x.x || ^16.x.x
- [react-dom](https://npm.io/package/react-dom.md) ^15.x.x || ^16.x.x
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.0

## Recent versions

- 0.0.5 (latest) — 2019-04-09
- 0.0.3 — 2019-04-09

## README

# react-bootstrap-date-picker

## 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 (
            <LinkedCalendar onDatesChange={this.onDatesChange} showDropdowns={false} />
        );
    }
}

```

## Documentation

For in depth documentation, see the original
[bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker) project page.

---
_Source: https://npm.io/package/rb-datepicker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._