You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bandolier-website/admin/bando/demos/Calendar.svelte

28 lines
676 B

<script>
import Calendar from "$/client/components/Calendar.svelte";
let message = "";
const format_date = (d) => d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" });
const date_selected = (event) => {
message = `Date is: ${format_date(event.detail)}`;
}
const next_month = (event) => {
message = `Next! First of Month: ${format_date(event.detail.fom)}`;
}
const prev_month = (event) => {
message = `Previous! First of Month: ${format_date(event.detail.fom)}`;
}
</script>
<Calendar on:select={ date_selected } on:next={ next_month } on:previous={ prev_month } />
{#if message}
<h4>{ message }</h4>
{/if}