v1.0 with SW PWA enabled
This commit is contained in:
65
frontend/node_modules/react-day-picker/README.md
generated
vendored
Normal file
65
frontend/node_modules/react-day-picker/README.md
generated
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
# React DayPicker
|
||||
|
||||
[DayPicker](http://react-day-picker.js.org) is a date picker component for [React](https://reactjs.org). Renders a monthly calendar to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.
|
||||
|
||||
➡️ **[react-day-picker.js.org](http://react-day-picker.js.org)** for guides, examples and API reference.
|
||||
|
||||
<picture>
|
||||
<source media="(prefers-color-scheme: dark)" srcSet="https://user-images.githubusercontent.com/120693/188241991-19d0e8a1-230a-48c8-8477-3c90d4e36197.png"/>
|
||||
<source media="(prefers-color-scheme: light)" srcSet="https://user-images.githubusercontent.com/120693/188238076-311ec6d1-503d-4c21-8ffe-d89faa60e40f.png"/>
|
||||
<img alt="Shows a screenshot of the React DayPicker component in a browser’s window." width="900" />
|
||||
</picture>
|
||||
|
||||
## Main features
|
||||
|
||||
- ☀️ Select days, ranges or whatever
|
||||
- 🧘♀️ using [date-fns](http://date-fns.org) as date library
|
||||
- 🌎 Localizable into any language
|
||||
- ➡️ Keyboard navigation
|
||||
- ♿️ [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> <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads"/> <img src="https://img.shields.io/bundlephobia/minzip/react-day-picker" alt="Min gzipped size"/>
|
||||
|
||||
## Example
|
||||
|
||||
```tsx
|
||||
import { useState } 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] = 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>
|
||||
Reference in New Issue
Block a user