RangeCalendar API Overview
Initialization
import { RangeCalendar } from "@svar-ui/react-core";
// minimal configuration for initialization
// calendars will display the current and the next months
<RangeCalendar />
tip
- Visit the Features Guide to learn more about the control's functionality.
- Explore the samples to visualize the available features.
RangeCalendar Properties
buttons | Optional. Shows/hides the Today and Clear buttons in the lower part of RangeCalendar |
current | Optional. Opens RangeCalendar at the specified date |
end | Optional. Sets the end date of a range in RangeCalendar |
markers | Optional. Highlights a specified date range in RangeCalendar |
months | Optional. Sets the number of calendars in RangeCalendar |
start | Optional. Sets the start date of a range in RangeCalendar |
RangeCalendar Events
change | Fires when a new date or a date range is selected in a RangeCalendar |