vkurko/calendar

Selectable Not Working in Svelte

Closed this issue · 6 comments

Unable to use in Svelte. Try in svelte repl, error message: Unexpected token (Note that you need plugins to import files that are not JavaScript)

Can you provide a link to the repl?

https://svelte.dev/repl/1bea20310a654f48ab9e61f78af4adc2?version=3.55.1

I'am try install to my svelte project is successfull, but selectable not working.

I'am try install to my svelte project is successfull, but selectable not working.

It is disabled by default. Did you try selectable: true? Also you need to use @event-calendar/interaction plugin for selection to work.

I have activated it in options

let options = {
view: 'timeGridWeek',
selectable: true,
events: [
	// your list of events
]
};

Any configuration after installing this @event-calendar/interaction package?

You should pass Interaction in the list of plugins on initialization.

<script>
    import Calendar from '@event-calendar/core';
    import TimeGrid from '@event-calendar/time-grid';
    import Interaction from '@event-calendar/interaction';

    let plugins = [TimeGrid, Interaction];
    let options = {
        view: 'timeGridWeek',
        selectable: true,
        events: [
            // your list of events
        ]
    };
</script>

<Calendar {plugins} {options} />

I hope I can close this issue.