Track value of calendar in Svelte

Questions
1

I’m using Framework7 Svelte and I have an array,

let selectedDates = [];

And I want to bind this array so that it always has the value of this calendar:

calendar = f7.calendar.create({
      containerEl: "#calendar",
      toolbar: false,
      value: null,
      multiple: true,
      events: events.map((event) => {
        return {
          date: event.date,
          color: window.localStorage.getItem("themeColor") || "blue",
        };
      }),
      locale: "pt-pt",
      on: {
        init(calendar) {
          $(".navbar-calendar-title").text(
            `${monthNames[calendar.currentMonth]}, ${calendar.currentYear}`
          );
          f7.navbar.size(f7.navbar.getElByPage(page.el));
          calendar.$el.addClass("no-safe-area-right");
          renderEvents(calendar);
        },
        monthYearChangeStart(calendar) {
          $(".navbar-calendar-title").text(
            `${monthNames[calendar.currentMonth]}, ${calendar.currentYear}`
          );
          f7.navbar.size(f7.navbar.getElByPage(page.el));
        },
        change(calendar) {
          renderEvents(calendar);
        },
      },

How can I achieve this?