1.6 KiB
1.6 KiB
Calendar
Description
Custom date input
Usage
import { Calendar } from 'asc-web-components';
<Calendar
onChange={date => {
console.log(date);
}}
disabled={false}
themeColor='#ED7309'
selectedDate={new Date()}
openToDate={new Date()}
minDate={new Date("2018/02/01")}
maxDate={new Date("2019/09/01")}
language='en'
size = 'big'
/>
Properties
http://projects.wojtekmaj.pl/react-calendar/
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. |
language |
string |
- | - | User's browser settings | Indicates the input field has an error |
size |
oneOf |
- | base, big |
base |
Selected calendar size |