<NME> README.md
<BEF> # React DayPicker beta

DayPicker is a date picker component for [React](https://reactjs.org).

To install the beta, make sure you use the `@next` tag:

```
$ npm install react-day-picker@next
```

## Beta version ⚠️

This branch is for the next major version 8 – which is currently in development
and not ready for production. For the stable version see the [**v7
branch**](https://github.com/gpbl/react-day-picker/tree/v7).

See also

- [v8 project](https://github.com/gpbl/react-day-picker/projects/7)
- [discussion on Github](https://github.com/gpbl/react-day-picker/discussions)

## Main features

- depends from [date-fns](http://date-fns.org) as date library
- not opinionated, extensible user interface
- support for
  [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
- ♿️ [WAI-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support
- 🤖 Written in TypeScript
- 🎨 Easy to style and customize
- 🗓 Support multiple calendars
- 📄 Easy to integrate input fields

## Installation

```shell
npm install react-day-picker date-fns  # using npm
pnpm install react-day-picker date-fns # using pnpm
yarn add react-day-picker date-fns     # using yarn
```

<a href="https://www.npmjs.com/package/react-day-picker">
  <img src="https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square" alt="npm version"/>
</a> <a href="http://npm-stat.com/charts.html?package=react-day-picker">
  <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads"/>
</a> <a href="https://github.com/gpbl/react-day-picker/stargazers">
<img src="https://img.shields.io/github/stars/gpbl/react-day-picker?style=flat-square" alt="stars"/>
</a> <a href="https://github.com/sponsors/gpbl">
  <img src="https://img.shields.io/github/sponsors/gpbl?style=flat-square" alt="sponsors"/>
</a>

## Example

```tsx
import React from 'react';

import { format } from 'date-fns';
import { DayPicker } from 'react-day-picker';
import 'react-day-picker/dist/style.css';

export default function Example() {
  const [selected, setSelected] = React.useState<Date>();

  let footer = <p>Please pick a day.</p>;
  if (selected) {
    footer = <p>You picked {format(selected, 'PP')}.</p>;
  }
  return (
    <DayPicker
      mode="single"
      selected={selected}
      onSelect={setSelected}
      footer={footer}
    />
  );
}
```

## Documentation

See **[react-day-picker.js.org](http://react-day-picker.js.org)** for guides, examples and API reference of the latest version.
<small>Docs for version 7 are at <a href="https://react-day-picker-v7.netlify.app" target="_blank">react-day-picker-v7.netlify.app</a>.</small>

<MSG> Update README

<DFF> @@ -1,27 +1,20 @@
-# React DayPicker beta
+# DayPicker
 
-DayPicker is a date picker component for [React](https://reactjs.org).
+DayPicker is a reusable date picker component for [React](https://reactjs.org).
 
-To install the beta, make sure you use the `@next` tag:
-
-```
+```bash
 $ npm install react-day-picker@next
 ```
 
-## Beta version ⚠️
+### v8 is in beta
 
-This branch is for the next major version 8 – which is currently in development
+⚠️ This branch is for the next major version 8 – which is currently in development
 and not ready for production. For the stable version see the [**v7
 branch**](https://github.com/gpbl/react-day-picker/tree/v7).
 
-See also
-
-- [v8 project](https://github.com/gpbl/react-day-picker/projects/7)
-- [discussion on Github](https://github.com/gpbl/react-day-picker/discussions)
-
 ## Main features
 
-- depends from [date-fns](http://date-fns.org) as date library
+- depends on [date-fns](http://date-fns.org) as date library
 - not opinionated, extensible user interface
 - support for
   [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)

{'addition_count': 6, 'commit_subject': 'Update README', 'deletion_count': 13, 'file_extension': '.md', 'lang': 'md', 'license': 'mit', 'repo_name': 'gpbl/react-day-picker'}