1.7 KiB
1.7 KiB
Calendar
Description
Custom calendar
Usage
import { Calendar } from 'asc-web-components';
<NewCalendar
onChange={date => {
action('Selected date')(date);
}}
disabled={boolean('disabled', false)}
themeColor={color('themeColor', '#ED7309')}
selectedDate={myDateKnob('selectedDate', new Date())}
openToDate={myDateKnob('openToDate', new Date())}
minDate={myDateKnob('minDate', new Date("1970/01/01"))}
maxDate={myDateKnob('maxDate', new Date("3000/01/01"))}
locale={select('location', locales, 'en')}
scaled = {boolean('scaled', false)}
/>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
onChange |
func |
- | - | - | Function called when the user select a day |
disabled |
bool |
- | - | - | Disabled react-calendar |
themeColor |
string |
- | - | #ED7309 |
Color of the selected day |
selectedDate |
date |
- | - | (today) | Selected date value |
openToDate |
date |
- | - | (today) | 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 |
scaled |
bool |
- | Selected calendar size |