RangeCalendar API Overview

Initialization

<script>
  import { RangeCalendar } from "@svar-ui/svelte-core";
</script>

<!-- 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