2019-08-23 12:23:22 +00:00
|
|
|
# Calendar
|
|
|
|
|
|
2019-11-20 06:06:48 +00:00
|
|
|
Used to display custom calendar
|
2019-08-23 12:23:22 +00:00
|
|
|
|
2019-11-20 06:06:48 +00:00
|
|
|
### Usage
|
2019-08-23 12:23:22 +00:00
|
|
|
|
|
|
|
|
```js
|
2019-09-18 07:52:55 +00:00
|
|
|
import { Calendar } from "asc-web-components";
|
2019-11-20 06:06:48 +00:00
|
|
|
```
|
2019-08-23 12:23:22 +00:00
|
|
|
|
2019-11-20 06:06:48 +00:00
|
|
|
```jsx
|
2019-09-18 07:52:55 +00:00
|
|
|
<Calendar
|
2019-09-11 10:46:21 +00:00
|
|
|
onChange={date => {
|
|
|
|
|
console.log("Selected date:", date);
|
|
|
|
|
}}
|
|
|
|
|
disabled={false}
|
|
|
|
|
themeColor="#ED7309"
|
|
|
|
|
selectedDate={new Date()}
|
|
|
|
|
openToDate={new Date()}
|
|
|
|
|
minDate={new Date("1970/01/01")}
|
|
|
|
|
maxDate={new Date("3000/01/01")}
|
|
|
|
|
locale="ru"
|
2019-11-20 06:06:48 +00:00
|
|
|
/>
|
2019-08-23 12:23:22 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
|
2019-11-20 06:06:48 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| -------------- | :------: | :------: | :-----------: | :-----------------------: | ------------------------------------------------------------ |
|
|
|
|
|
| `onChange` | `func` | - | - | - | Function called when the user select a day |
|
|
|
|
|
| `isDisabled` | `bool` | - | - | - | Disabled react-calendar |
|
|
|
|
|
| `themeColor` | `string` | - | - | `#ED7309` | Color of the selected day |
|
|
|
|
|
| `selectedDate` | `date` | - | - | `new Date()` | Selected date value |
|
|
|
|
|
| `openToDate` | `date` | - | - | `new Date()` | The beginning of a period that shall be displayed by default |
|
|
|
|
|
| `minDate` | `date` | - | - | `new Date("1970/01/01")` | Minimum date that the user can select. |
|
|
|
|
|
| `maxDate` | `date` | - | - | `new Date("3000/01/01")` | Maximum date that the user can select. |
|
|
|
|
|
| `locale` | `string` | - | - | `User's browser settings` | Browser locale |
|
|
|
|
|
| `size` | `oneOf` | - | `base`, `big` | `base` | Calendar size |
|
