# react-date-chooser

> Simple, reusable, minimum bundle size - date selector component for React

Latest version **0.0.1** (published 2018-09-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-date-chooser
pnpm add react-date-chooser
yarn add react-date-chooser
bun add react-date-chooser
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2018-09-19 |
| First published | 2018-09-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 157.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Ganesh Hegde |
| Maintainers | nshganesh |
| Keywords | react, datepicker, calendar, date, react-component, date-selector |

## Links

- npm: https://www.npmjs.com/package/react-date-chooser
- Repository: https://github.com/nshganesh/react-date-selector
- Issues: https://github.com/nshganesh/react-date-selector/issues
- npm.io page: https://npm.io/package/react-date-chooser

## Dependencies (3)

- [dayjs](https://npm.io/package/dayjs.md) ^1.7.5
- [react](https://npm.io/package/react.md) ^15.5.4
- [webpack](https://npm.io/package/webpack.md) ^2.6.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.1 (latest) — 2018-09-19

## README

A simple reusable less bundle size date selector component for React


Installation
The package can be installed via NPM:

npm install react-date-selector --save
Below is a simple example of how to use the Datepicker in a React view.

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import SimpleDateSelector from 'react-date-selector';

class App extends Component {

  onChange = (value) => {
    console.log('inside ' + JSON.stringify(value));
  };
  
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        <SimpleDateSelector
          onChange={this.onChange}
         />
      </div>
    );
  }
}

export default App;


Configuration
The most basic use of the DateSelector can be described with:

<SimpleDateSelector
  onChange={this.onChange}
/>

Compatibility
React
We're always trying to stay compatible with the latest version of React. We can't support all older versions of React.

Compatible versions: React 15.5 or newer

Browser Support: The date picker is compatible with the latest versions of Chrome, Firefox, and IE10+.

Unfortunately, it is difficult to support legacy browsers while maintaining our ability to develop new features in the future. For IE9 support, it is known that the classlist polyfill is needed, but this may change or break at any point in the future.

Local Development
The master branch contains the latest version of the DateSelector component. To start your example app, you can run yarn start.

License: Licensed under MIT license.

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