Added a disabled color to month days which should not be visible in the

current calendar

src/Project-Orion/CalendarGrid.qml

@@ -1,48 +1,55 @@
 import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
+import QtQml
 
-GridLayout {
+Flickable {
-    columns: 2
+    id: flickable
+    width: 200
+    height: 200
+    onDragStarted: console.info("Drag has started")
+    onDragEnded: console.info("Drag has ended")
 
-    DayOfWeekRow {
+    GridLayout {
-        locale: grid.locale
+        columns: 1
 
-        Layout.column: 1
+        DayOfWeekRow {
-        Layout.fillWidth: true
+            locale: grid.locale
-    }
 
-    WeekNumberColumn {
+
-        month: grid.month
+            Layout.fillWidth: true
-        year: grid.year
-        locale: grid.locale
-        Layout.fillHeight: true
-        delegate: Text {
-            text: weekNumber
-            font: control.font
-            horizontalAlignment: Text.AlignHCenter
-            verticalAlignment: Text.AlignVCenter
-            color: myPalette.text
-            required property int weekNumber
         }
-    }
 
-    MonthGrid {
+        // WeekNumberColumn {
-        id: grid
+        //     month: grid.month
-        month: Calendar.November
+        //     year: grid.year
-        year: 2025
+        //     locale: grid.locale
-        locale: Qt.locale("en_US")
+        //     Layout.fillHeight: true
+        //     delegate: Text {
+        //         text: weekNumber
+        //         horizontalAlignment: Text.AlignHCenter
+        //         verticalAlignment: Text.AlignVCenter
+        //         color: myPalette.text
+        //         required property int weekNumber
+        //     }
+        // }
 
-        Layout.fillWidth: true
+        MonthGrid {
-        Layout.fillHeight: true
+            id: grid
-        delegate: Text {
+            month: Calendar.November
+            year: currentDate.getFullYear()
+            locale: Qt.locale("en_US")
+
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            delegate: Text {
                 horizontalAlignment: Text.AlignHCenter
                 verticalAlignment: Text.AlignVCenter
-                opacity: model.month === monthGrid.month ? 1 : 0
+                text: model.day
-                text: monthGrid.locale.toString(model.date, "d")
+                color: model.month === currentDate.getMonth() ? myPalette.text : disabledPalette.text
-                font: monthGrid.font
-
                 required property var model
             }
+        }
     }
+    required property date currentDate
 }

src/Project-Orion/Main.qml

@@ -9,7 +9,18 @@ Window {
     minimumWidth: 200
     minimumHeight: 150
 
-    SystemPalette { id: myPalette; colorGroup: SystemPalette.Active }
+    SystemPalette
+    {
+        id: myPalette;
+        colorGroup: SystemPalette.Active
+    }
+
+    SystemPalette
+    {
+        id: disabledPalette;
+        colorGroup: SystemPalette.Disabled
+    }
+
     color: myPalette.window
     id: name
 

src/Project-Orion/UserConfiguration.qml

@@ -2,7 +2,7 @@ import QtQuick
 import QtQuick.Controls
 
 Dialog {
-    id: dialog
+    id: userDialog
     modal: true
     title: "Configure a new user"
     width: 600
@@ -37,8 +37,12 @@ Dialog {
 
         CalendarGrid {
             id: dateOfBirthGrid
+            currentDate: dateOfBirth
         }
     }
 
+    property date dateOfBirth: new Date()
+    property date dateOfDeath: new Date()
+
     standardButtons: Dialog.Ok | Dialog.Cancel
 }