New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@fullcalendar/interaction

Package Overview
Dependencies
Maintainers
1
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fullcalendar/interaction

Calendar functionality for event drag-n-drop, event resizing, date clicking, and date selecting

6.1.15
latest
Source
npm
Version published
Weekly downloads
541K
-17.74%
Maintainers
1
Weekly downloads
 
Created

What is @fullcalendar/interaction?

@fullcalendar/interaction is an add-on for the FullCalendar library that provides a set of features to enable user interactions with the calendar. This includes functionalities like dragging and dropping events, resizing events, and selecting date ranges.

What are @fullcalendar/interaction's main functionalities?

Event Dragging

This feature allows users to drag and drop events within the calendar. The 'editable' property is set to true to enable this functionality.


{
  "import": "import interactionPlugin from '@fullcalendar/interaction';",
  "calendarOptions": {
    "plugins": ["interactionPlugin"],
    "editable": true,
    "events": [
      { "title": "Event 1", "start": "2023-10-01" },
      { "title": "Event 2", "start": "2023-10-02" }
    ]
  }
}

Event Resizing

This feature allows users to resize events by dragging the edges of the event. The 'editable' property is set to true to enable this functionality.


{
  "import": "import interactionPlugin from '@fullcalendar/interaction';",
  "calendarOptions": {
    "plugins": ["interactionPlugin"],
    "editable": true,
    "events": [
      { "title": "Event 1", "start": "2023-10-01", "end": "2023-10-02" },
      { "title": "Event 2", "start": "2023-10-02", "end": "2023-10-03" }
    ]
  }
}

Date Selection

This feature allows users to select date ranges on the calendar. The 'selectable' property is set to true, and a callback function is provided to handle the selection event.


{
  "import": "import interactionPlugin from '@fullcalendar/interaction';",
  "calendarOptions": {
    "plugins": ["interactionPlugin"],
    "selectable": true,
    "select": function(info) {
      alert('Selected range: ' + info.startStr + ' to ' + info.endStr);
    }
  }
}

Other packages similar to @fullcalendar/interaction

Keywords

calendar

FAQs

Package last updated on 12 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts