# Calendar

<div align="left"><img src="/files/-MIxukRW4MCg4cZG6CFR" alt=""></div>

| Property             | Function                                                                                                                                                                                                                                |          |
| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Date format          | <p>Sets date fromat to use for the formatted date property<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Date format</code><br><strong>Code:</strong><br><code>widget.content.formatDate</code></p> | `string` |
| Started date         | <p>Sets the calendar start date<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Started date</code><br><strong>Code:</strong><br><code>widget.content.startedDate</code></p>                          | `string` |
| Ended date           | <p>Sets the calendar end date<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Ended date</code><br><strong>Code:</strong><br><code>widget.content.endedDate</code></p>                                | `string` |
| Allow interval       | <p>Enable to select the date interval<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Allow interval</code><br><strong>Code:</strong><br><code>widget.content.allowInterval</code></p>                | `bool`   |
| Calendar orientation | <p>Sets calendar orientation<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Calendar orientation</code><br><strong>Code:</strong><br><code>widget.content.calendarOrientation</code></p>             | `enum`   |
| Grid                 | <p>Display calendar grid<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Grid</code><br><strong>Code:</strong><br><code>widget.content.gridVisible</code></p>                                         | `bool`   |
| Month                | <p>Display month bar<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Month</code><br><strong>Code:</strong><br><code>widget.content.showSelectMonth</code></p>                                        | `bool`   |
| Week                 | <p>Display week numbers<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Week</code><br><strong>Code:</strong><br><code>widget.content.weekNumbersVisible</code></p>                                   | `bool`   |
| Day of week          | <p>Display day of week<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Day of week</code><br><strong>Code:</strong><br><code>widget.content.dayOfWeek</code></p>                                      | `bool`   |
| Round labels         | <p>Display round labels<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Settings > Round labels</code><br><strong>Code:</strong><br><code>widget.content.roundRect</code></p>                                    | `bool`   |

## Colors

<div align="left"><img src="/files/-MIxukRXIgFEzRzPyv5T" alt=""></div>

| Property            | Function                                                                                                                                                                                                                | Type    |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |
| Grid color          | <p>Color of grid lines<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Grid color</code><br><strong>Code:</strong><br><code>widget.content.gridColor</code></p>                         | `color` |
| Color               | <p>Color of day<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Color</code><br><strong>Code:</strong><br><code>widget.content.color</code></p>                                         | `color` |
| Selected color      | <p>Color of selected day<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Selected color</code><br><strong>Code:</strong><br><code>widget.content.selectedColor</code></p>               | `color` |
| Selected font color | <p>Font color of selected day<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Selected font color</code><br><strong>Code:</strong><br><code>widget.content.selectedFontColor</code></p> | `color` |
| Event color         | <p>Color of day with event<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Event color</code><br><strong>Code:</strong><br><code>widget.content.eventColor</code></p>                   | `color` |
| Event font color    | <p>Font color of day with event<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Event font color</code><br><strong>Code:</strong><br><code>widget.content.eventFontColor</code></p>     | `color` |
| Inactive color      | <p>Color of day of another month<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Colors > Inactive color</code><br><strong>Code:</strong><br><code>widget.content.inactiveColor</code></p>       | `color` |

## Variables

| Property             | Function                                                                                                                                                                                                                     | Type     |
| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Selected date        | <p>Gets selected date, YYYY-MM-DD<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Selected date</code><br><strong>Code:</strong><br><code>widget.content.selectedDate</code></p>                      | `string` |
| Selected date start  | <p>Gets selected date start, YYYY-MM-DD<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Selected date start</code><br><strong>Code:</strong><br><code>widget.content.selectedDateStart</code></p>     | `string` |
| Selected date end    | <p>Gets selected date end, YYYY-MM-DD<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Selected date end</code><br><strong>Code:</strong><br><code>widget.content.selectedDateEnd</code></p>           | `string` |
| Is date selected     | <p>Gets true if date is selected<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Is date selected</code><br><strong>Code:</strong><br><code>widget.content.isDateSelected</code></p>                  | `bool`   |
| Is interval selected | <p>Gets true if date interval is selected<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > Is interval selected</code><br><strong>Code:</strong><br><code>widget.content.isIntervalSelected</code></p> | `bool`   |

## Formatted date

| Property        | Function                                                                                                                                                                                                                | Type     |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Formatted date  | <p>Gets selected formatted date<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Formatted date</code><br><strong>Code:</strong><br><code>widget.content.formattedDate</code></p> | `string` |
| Selected year   | <p>Gets selected year<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Selected year</code><br><strong>Code:</strong><br><code>widget.content.selectedYear</code></p>             | `string` |
| Selected month  | <p>Gets selected month<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Selected month</code><br><strong>Code:</strong><br><code>widget.content.selectedMonth</code></p>          | `string` |
| Selected day    | <p>Gets selected day<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Selected day</code><br><strong>Code:</strong><br><code>widget.content.selectedDay</code></p>                | `string` |
| Selected hour   | <p>Gets selected hour<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Selected hour</code><br><strong>Code:</strong><br><code>widget.content.selectedHour</code></p>             | `string` |
| Selected minute | <p>Gets selected minute<br><br><strong>Actions editor:</strong><br><code>Property > Calendar > FormattedDate > Selected minute</code><br><strong>Code:</strong><br><code>widget.content.selectedMinute</code></p>       | `string` |

## Actions

| Property             | Function                                                                                                                                                                                                                                                                  |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Select date          | <p>Select date, YYYY-MM-DD, i.e. 2018-09-27<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Select date</code><br><strong>Code:</strong><br><code>widget.content.script.actionSelectDate(QString date)</code></p>                                     |
| Select date interval | <p>Select date interval, YYYY-MM-DD, i.e. 2018-09-27<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Select date interval</code><br><strong>Code:</strong><br><code>widget.content.script.actionSelectInterval(QString start, QString end)</code></p> |
| Clear selected date  | <p><strong>Actions editor:</strong><br><code>Actions > Common > Clear selected date</code><br><strong>Code:</strong><br><code>widget.content.script.actionClearDate()</code></p>                                                                                          |
| Show date            | <p>Show calendar for date, YYYY-MM-DD, i.e. 2018-09-27<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Show date</code><br><strong>Code:</strong><br><code>widget.content.script.actionShowDate(QString date)</code></p>                              |
| Show year            | <p>Show calendar for year, i.e. 2017<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Show year</code><br><strong>Code:</strong><br><code>widget.content.script.actionShowYear(QString year)</code></p>                                                |
| Show month           | <p>Show calendar for month, 1 to 12<br><br><strong>Actions editor:</strong><br><code>Actions > Common > Show month</code><br><strong>Code:</strong><br><code>widget.content.script.actionShowMonth(QString month)</code></p>                                              |

## Events

| Property                       | Function                                                                                                                                                                                                                                      |
| ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Selected date changed          | <p>Event when selected date is changed<br><br><strong>Actions editor:</strong><br><code>Event > Selected date changed</code><br><strong>Code:</strong><br><code>widget.content.script.eventDateChanged()</code></p>                           |
| Selected date interval changed | <p>Event when selected date interval is changed<br><br><strong>Actions editor:</strong><br><code>Event > Selected date interval changed</code><br><strong>Code:</strong><br><code>widget.content.script.eventDateIntervalChanged()</code></p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flipabit.dev/api/widget/calendar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.