Flipabit
  • Flipabit
  • Getting started
    • Flipabit overview
    • Create project
    • Run on device
    • Build
      • Build for iOS
      • Build for Android
      • Build for Desktop
    • Publish to App Stores
      • Submit to App Store
      • Submit to Google Play
  • Layers
    • Select layer
    • Change order, visibility and name
    • Copy and paste
    • Move layer
    • Resize layer
    • Rotate layer
    • Align layers
    • Arrange layers
    • Navigation layer
      • Display page title
      • Display Tab bar
      • Display Table of contents
      • Display Back button
      • Next/Prev buttons
      • Navigation actions
  • Pages
    • Add or delete page
    • Open page
    • Page background and overlay
  • Widgets
    • Image
    • Video
    • Text
    • PDF
    • Web
    • Diorama
    • Audio
    • Animation
    • Camera
    • YouTube
    • Map
    • Chart
    • Calendar
    • Table
    • Form
    • 3D Model
  • Groups
    • Add group
    • Move and resize group
  • Style
    • Opacity
    • Borders
    • Background
    • Opacity mask
    • Overlay
    • Margins
    • Blur
    • Copy and paste style
  • Interactivity
    • Navigate between pages
    • Maximize widget
    • Drag widget
    • Disable widget
  • Project
    • Resolution
    • Orientation
    • Status Bar
    • Settings
    • Publish settings
  • Animation
    • Page animation
    • Maximize animation
    • Position animation
    • Size animation
    • Size and position animation
    • Rotation animation
    • Opacity animation
    • Color animation
    • Blur animation
  • Actions
    • Actions Editor Overview
    • Add action
    • Suspend actions
    • Arguments
    • Delay action
    • Animation settings
    • Repeat action
  • Data & backend
    • Airtable
    • Google Sheets
  • Networking
  • Tutorials
  • API
    • Project
    • Page
    • Group
    • Widget
      • Image
      • Text
      • Video
      • Diorama
      • Audio
      • Web
      • Animation
      • Camera
      • YouTube
      • Map
      • Chart
      • Calendar
      • Table
      • Form
      • Record
      • 3d model
  • ⭐Updates
  • 🎁Get Flipabit
Powered by GitBook
On this page
  • Colors
  • Variables
  • Formatted date
  • Actions
  • Events

Was this helpful?

  1. API
  2. Widget

Calendar

PreviousChartNextTable

Last updated 4 years ago

Was this helpful?

Property

Function

Date format

Sets date fromat to use for the formatted date property Actions editor: Property > Calendar > Settings > Date format Code: widget.content.formatDate

string

Started date

Sets the calendar start date Actions editor: Property > Calendar > Settings > Started date Code: widget.content.startedDate

string

Ended date

Sets the calendar end date Actions editor: Property > Calendar > Settings > Ended date Code: widget.content.endedDate

string

Allow interval

Enable to select the date interval Actions editor: Property > Calendar > Settings > Allow interval Code: widget.content.allowInterval

bool

Calendar orientation

Sets calendar orientation Actions editor: Property > Calendar > Settings > Calendar orientation Code: widget.content.calendarOrientation

enum

Grid

Display calendar grid Actions editor: Property > Calendar > Settings > Grid Code: widget.content.gridVisible

bool

Month

Display month bar Actions editor: Property > Calendar > Settings > Month Code: widget.content.showSelectMonth

bool

Week

Display week numbers Actions editor: Property > Calendar > Settings > Week Code: widget.content.weekNumbersVisible

bool

Day of week

Display day of week Actions editor: Property > Calendar > Settings > Day of week Code: widget.content.dayOfWeek

bool

Round labels

Display round labels Actions editor: Property > Calendar > Settings > Round labels Code: widget.content.roundRect

bool

Colors

Property

Function

Type

Grid color

Color of grid lines Actions editor: Property > Calendar > Colors > Grid color Code: widget.content.gridColor

color

Color

Color of day Actions editor: Property > Calendar > Colors > Color Code: widget.content.color

color

Selected color

Color of selected day Actions editor: Property > Calendar > Colors > Selected color Code: widget.content.selectedColor

color

Selected font color

Font color of selected day Actions editor: Property > Calendar > Colors > Selected font color Code: widget.content.selectedFontColor

color

Event color

Color of day with event Actions editor: Property > Calendar > Colors > Event color Code: widget.content.eventColor

color

Event font color

Font color of day with event Actions editor: Property > Calendar > Colors > Event font color Code: widget.content.eventFontColor

color

Inactive color

Color of day of another month Actions editor: Property > Calendar > Colors > Inactive color Code: widget.content.inactiveColor

color

Variables

Property

Function

Type

Selected date

Gets selected date, YYYY-MM-DD Actions editor: Property > Calendar > Selected date Code: widget.content.selectedDate

string

Selected date start

Gets selected date start, YYYY-MM-DD Actions editor: Property > Calendar > Selected date start Code: widget.content.selectedDateStart

string

Selected date end

Gets selected date end, YYYY-MM-DD Actions editor: Property > Calendar > Selected date end Code: widget.content.selectedDateEnd

string

Is date selected

Gets true if date is selected Actions editor: Property > Calendar > Is date selected Code: widget.content.isDateSelected

bool

Is interval selected

Gets true if date interval is selected Actions editor: Property > Calendar > Is interval selected Code: widget.content.isIntervalSelected

bool

Formatted date

Property

Function

Type

Formatted date

Gets selected formatted date Actions editor: Property > Calendar > FormattedDate > Formatted date Code: widget.content.formattedDate

string

Selected year

Gets selected year Actions editor: Property > Calendar > FormattedDate > Selected year Code: widget.content.selectedYear

string

Selected month

Gets selected month Actions editor: Property > Calendar > FormattedDate > Selected month Code: widget.content.selectedMonth

string

Selected day

Gets selected day Actions editor: Property > Calendar > FormattedDate > Selected day Code: widget.content.selectedDay

string

Selected hour

Gets selected hour Actions editor: Property > Calendar > FormattedDate > Selected hour Code: widget.content.selectedHour

string

Selected minute

Gets selected minute Actions editor: Property > Calendar > FormattedDate > Selected minute Code: widget.content.selectedMinute

string

Actions

Property

Function

Select date

Select date, YYYY-MM-DD, i.e. 2018-09-27 Actions editor: Actions > Common > Select date Code: widget.content.script.actionSelectDate(QString date)

Select date interval

Select date interval, YYYY-MM-DD, i.e. 2018-09-27 Actions editor: Actions > Common > Select date interval Code: widget.content.script.actionSelectInterval(QString start, QString end)

Clear selected date

Actions editor: Actions > Common > Clear selected date Code: widget.content.script.actionClearDate()

Show date

Show calendar for date, YYYY-MM-DD, i.e. 2018-09-27 Actions editor: Actions > Common > Show date Code: widget.content.script.actionShowDate(QString date)

Show year

Show calendar for year, i.e. 2017 Actions editor: Actions > Common > Show year Code: widget.content.script.actionShowYear(QString year)

Show month

Show calendar for month, 1 to 12 Actions editor: Actions > Common > Show month Code: widget.content.script.actionShowMonth(QString month)

Events

Property

Function

Selected date changed

Event when selected date is changed Actions editor: Event > Selected date changed Code: widget.content.script.eventDateChanged()

Selected date interval changed

Event when selected date interval is changed Actions editor: Event > Selected date interval changed Code: widget.content.script.eventDateIntervalChanged()