Komponent

ICalendarNavbar

Kalendernavigering är en ramverkskomponent avsedd att användas i kalender (FCalendar) för att möjliggöra navigation i kalendern. Den används i förlängning av datumväljare (FDatepickerField).

<template>
    <i-calendar-navbar v-model="month" :min-date="minDate" :max-date="maxDate"> </i-calendar-navbar>
</template>

<script lang="ts">
import { defineComponent, shallowRef } from "vue";
import { ICalendarNavbar } from "@fkui/vue";
import { FDate } from "@fkui/date";

export default defineComponent({
    name: "ICalendarMonthDefaultExample",
    components: { ICalendarNavbar },
    data() {
        return {
            month: shallowRef(FDate.fromIso("2022-10-01")),
            minDate: shallowRef(FDate.fromIso("2020-01-01")),
            maxDate: shallowRef(FDate.fromIso("2029-01-30")),
        };
    },
});
</script>

API

Props

v-model: FDate

Focused month.

minDate: FDate

Min date.

maxDate: FDate

Max date.

Events

change

‐

Arguments:

• <anonymous>: undefined

update:modelValue

V-model event.

Arguments:

• value: FDate