Components/Data displayIntroduced in 1.3.0

EScheduler Scheduler

import EUI 1.0

Examples

Month and drag

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EScheduler { height: 500 date: new Date(2026, 9, 15) width: Math.min(860, parent.width) events: [{ "key": "design", "title": qsTr("Design review"), "start": new Date(2026, 9, 15, 9), "end": new Date(2026, 9, 15, 10) }, { "key": "release", "title": qsTr("Release"), "start": new Date(2026, 9, 16), "end": new Date(2026, 9, 18), "allDay": true, "color": "#67c23a" }] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Week view

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EScheduler { height: 500 view: "week" date: new Date(2026, 9, 15) width: Math.min(860, parent.width) events: [{ "key": "design", "title": qsTr("Design review"), "start": new Date(2026, 9, 15, 9), "end": new Date(2026, 9, 15, 10) }, { "key": "release", "title": qsTr("Release"), "start": new Date(2026, 9, 16), "end": new Date(2026, 9, 18), "allDay": true, "color": "#67c23a" }] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Day view

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EScheduler { height: 500 view: "day" date: new Date(2026, 9, 15) width: Math.min(860, parent.width) events: [{ "key": "design", "title": qsTr("Design review"), "start": new Date(2026, 9, 15, 9), "end": new Date(2026, 9, 15, 10) }, { "key": "release", "title": qsTr("Release"), "start": new Date(2026, 9, 16), "end": new Date(2026, 9, 18), "allDay": true, "color": "#67c23a" }] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Event and slot callbacks

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EScheduler { height: 500 date: new Date(2026, 9, 15) width: Math.min(860, parent.width) events: [{ "key": "design", "title": qsTr("Design review"), "start": new Date(2026, 9, 15, 9), "end": new Date(2026, 9, 15, 10) }, { "key": "release", "title": qsTr("Release"), "start": new Date(2026, 9, 16), "end": new Date(2026, 9, 18), "allDay": true, "color": "#67c23a" }] onEventClicked: function(event) { sampleFeedback.open(event.title) } onSlotClicked: function(date) { sampleFeedback.open(Qt.formatDate(date, "yyyy-MM-dd")) } EMessage { id: sampleFeedback type: EStyle.Info objectName: "sampleFeedback" } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Read-only schedule

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EScheduler { height: 500 readOnly: true date: new Date(2026, 9, 15) width: Math.min(860, parent.width) events: [{ "key": "design", "title": qsTr("Design review"), "start": new Date(2026, 9, 15, 9), "end": new Date(2026, 9, 15, 10) }, { "key": "release", "title": qsTr("Release"), "start": new Date(2026, 9, 16), "end": new Date(2026, 9, 18), "allDay": true, "color": "#67c23a" }] }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

eventsvar

Scheduled events with a unique key, title, start and end.

Default[]

draggablebool

Allow entries to be moved by dragging.

Defaulttrue

readOnlybool

Keep content visible and prevent edits.

Defaultfalse

viewstring

Calendar view: day, week, or month.

Default"month"

datedate

Current local date displayed by the scheduler.

Defaultnew Date()

firstDayOfWeekint

First weekday, 0 for Sunday, 1 for Monday; range 0 to 6.

Default1

eventDelegateComponent

Custom scheduled event content; read parent.eventData.

Defaultnull

visibleDaysvarRead only

Array of local dates displayed in the current view.

Defaultdays()

errorStringstringRead only

Model validation error code; empty for a valid model.

Defaultvalidate()

Signals

SignaturePurpose

changed(var events)

Emitted when schedule data changes; events is the updated event collection.

slotClicked(date date)

Emitted when a schedule time slot is clicked; date is its date and time.

eventClicked(var event)

Emitted when a schedule event is clicked; event is the event object.

eventMoved(var event, date previousStart)

Emitted after moving an event; event is the updated event and previousStart is its previous start time.

Methods

SignaturePurpose

navigate(delta)

Move the displayed schedule range backward or forward by delta.

resizeEvent(key, end)

Change the end time of the event identified by key to end.

validate()

Validate the current data; components supporting callback pass the result to that callback.

moveEvent(key, start)

Move the event identified by key to start.