1.2.0 • Published 5 years ago
preact-calendar v1.2.0
preact-calendar
Installation
npm install preact-calendar -SThis is how it looks
Usage
Code Example:
import Calendar from "preact-calendar";
function onDateSelect(date) {
console.log("You clicked: ", date);
}
render(
<Calendar minDate={new Date('2019-01-01')} disablePast={true} onSelect={this.getSelectedDate()} highlightSecondFourthSatdays={true}
highlightSundays={true} highlightToday={true}/>,
document.body
);(Do not forget to give proportionate height and width to parent element)
Options
Properties used to customise the rendering:
| Name | Type | Description |
|---|---|---|
| minDate | Date | The date from which to start the Calendar |
| disablePast | Boolean | When true, disables the selection of dates before Today |
| onSelect | function | Callback function, called on selecting a date |
| highlightSundays | Boolean | When true, highlights all Sundays with red color (defaults: false) |
| highlightToday | Boolean | When true, today's date is highlighted by default (defaults: false) |
| highlightSecondFourthSatdays | Boolean | When true, highlights second & fourth Saturday in each month (defaults: false) |