Editing Calendar Plugin Add Event Modal


Topic: Editing Calendar Plugin Add Event Modal

Zayaan asked 2 years ago

How can we edit the content of the "Add event" modal in the Calendar plugin?


Bartosz Cylwik staff answered 2 years ago

Hi! There is no simple way to edit the content of the Add event modal, but there are few things you can do:

1) create a modal yourself and call the MDBCalendar addEvents method on submit. Just remember to pass the data as an array, for example:

 basicCalendar.value?.addEvents([
    {
      summary: "test event",
      start: {
        date: dayjs().add(1, "day").format("DD/MM/YYYY"),
        dateTime: dayjs().add(1, "day").format("DD/MM/YYYY") + " 11:00",
      },
      end: {
        date: dayjs().add(2, "day").format("DD/MM/YYYY"),
        dateTime: dayjs().add(2, "day").format("DD/MM/YYYY") + " 11:00",
      },
      color: {
        background: "#cfe0fc",
        foreground: "#0a47a9",
      },
    },
  ]);

2) edit the source code yourself. Copy the code from the repository, your order or just from the node_modules and change what you need.

Best Regards!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 3.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No