Skip to main content

Calendar API Overview

Initialization

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

<!-- minimal configuration for initialization -->
<!-- a calendar will show the current date -->
<Calendar />
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

Calendar Properties

buttonsOptional. Shows/hides the Today and Clear buttons in the lower part of Calendar
currentOptional. Displays the currently visible date in a calendar
markersOptional. Highlights a specified date range in Calendar
valueOptional. Sets the value of a calendar

Calendar Events

changeFires when a new date is selected in a calendar