# Exposed Event States

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2ABgcWLyNYWB_g4pO%2F-Mi2Aj3o0-QwFxXxVreV%2FScreen%20Shot%202021-08-26%20at%2011.57.57%20AM.png?alt=media\&token=31b08369-5550-4f37-b048-f6d5dee2240f)

## Clicked Event Data

* This will output data when an event is clicked
* This must be set as shown in the image above
* This property exposes the following values when you click on any calendar event. 

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2ABgcWLyNYWB_g4pO%2F-Mi2DJectZhW8PHHtYoZ%2FScreen%20Shot%202021-08-26%20at%2012.05.01%20PM.jpg?alt=media\&token=3353127d-4243-4d0c-9261-aa8dccea0313)

## Modified Event Data

* This will output data when an event has been drag/dropped or the duration of the event has been modified **in the calendar.** 
  * **this will not reflect changes made in the DB, only events modified on the visible calendar element**
* This must be set as shown in the image above
* This property exposes the following values when you modify any event via drag-and-drop or click-and-drag. This will only expose data for events manipulated calendar actions. 

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2ABgcWLyNYWB_g4pO%2F-Mi2ELRYBqUaqm7Vv5yM%2FScreen%20Shot%202021-08-26%20at%2012.09.51%20PM.png?alt=media\&token=3c025d52-9b9f-4f3c-8944-cd901a5d3138)

## Calendar Data

These are helpful data that are available all the time

* Start and End of Range refer to the visible range. It starts at 12:00 AM on the beginning of the range and ends at 12:00 AM the day after the last visible day. because that's technically the end of the previous day, when the new day begins. 
* Current calendar view can be used to control calendar styling but with enough request this can be inbuilt into the calendar to remove most use cases for this output
* Event array allows you to examine your array of events as you build your calendar. This can help you discover issues when your events aren't displaying how you intend them

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2ABgcWLyNYWB_g4pO%2F-Mi2Eh1yIv-Bz9CObkx3%2FScreen%20Shot%202021-08-26%20at%2012.14.39%20PM.png?alt=media\&token=ae1d7ee5-5ca9-4786-9811-0444d9138601)

## Selected Time Frame

This is useful when you are creating events via Click-and-Drag on the calendar. 

* This element outputs both start and end time of the selection as well as a resource when applicable. 

![](https://1857871955-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MdYYYaX6u6mOCBpjLIC%2F-Mi2ABgcWLyNYWB_g4pO%2F-Mi2FTg3De2qZCkTmQby%2FScreen%20Shot%202021-08-26%20at%2012.18.00%20PM.png?alt=media\&token=26c4f54a-f315-4476-b0fe-ed69877f5a4f)