Skip to main content

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

buttonsOptional. Shows/hides the Today and Clear buttons in the lower part of RangeCalendar
currentOptional. Opens RangeCalendar at the specified date
endOptional. Sets the end date of a range in RangeCalendar
markersOptional. Highlights a specified date range in RangeCalendar
monthsOptional. Sets the number of calendars in RangeCalendar
startOptional. Sets the start date of a range in RangeCalendar

RangeCalendar Events

changeFires when a new date or a date range is selected in a RangeCalendar