import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import QtQml

Flickable {
    id: flickable
    width: 200
    height: 200

    GridLayout {
        columns: 1

        DayOfWeekRow {
            locale: grid.locale
            Layout.fillWidth: true
        }

        // We don't need a week column for the moment
        // WeekNumberColumn {
        //     month: grid.month
        //     year: grid.year
        //     locale: grid.locale
        //     Layout.fillHeight: true
        //     delegate: Text {
        //         text: weekNumber
        //         horizontalAlignment: Text.AlignHCenter
        //         verticalAlignment: Text.AlignVCenter
        //         color: myPalette.text
        //         required property int weekNumber
        //     }
        // }

        MonthGrid {

            id: grid
            month: Calendar.November
            year: currentDate.getFullYear()
            locale: Qt.locale("en_US")

            Layout.fillWidth: true
            Layout.fillHeight: true
            delegate: Rectangle {
                color: model.today ? "transparent": myPalette.accent
                width: 30
                height: 20

                Text {
                    anchors.centerIn: parent
                    font.pixelSize: 12
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    text: model.day
                    color: model.month === currentDate.getMonth() ? myPalette.text : disabledPalette.text
                }

                required property var model
            }
        }
    }

    required property date currentDate
}