update

example/T_Calendar.qml

@@ -7,17 +7,17 @@ import FluentUI 1.0
 
 FluScrollablePage{
 
-    title:"Calender"
+    title:"Calendar"
 
 
     FluArea{
         width: parent.width
         Layout.topMargin: 20
-        height: 400
+        height: 350
         paddings: 10
 
 
-        FluCalenderView{
+        FluCalendarView{
 
         }
 

example/T_CalendarPicker.qml

@@ -0,0 +1,33 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Window 2.15
+import FluentUI 1.0
+
+FluScrollablePage{
+
+    title:"CalendarPicker"
+
+
+    FluArea{
+        width: parent.width
+        Layout.topMargin: 20
+        height: 80
+        paddings: 10
+
+        ColumnLayout{
+
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left: parent.left
+            }
+
+            FluCalendarPicker{
+            }
+
+        }
+    }
+
+
+
+}

example/page/AboutPage.qml

@@ -1,4 +1,5 @@
 import QtQuick 2.15
+import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import FluentUI 1.0
 
@@ -69,7 +70,6 @@ FluWindow {
                 }
             }
         }
-
         RowLayout{
             spacing: 14
             Layout.topMargin: 20
@@ -78,22 +78,17 @@ FluWindow {
                 id:text_info
                 text:"如果该项目对你有作用，就请点击上方链接给一个免费的star吧！"
                 ColorAnimation {
-                        id: animation
-                        target: text_info
-                        property: "color"
-                        from: "red"
-                        to: "blue"
-                        duration: 1000
-                        running: true
-                        loops: Animation.Infinite
-                        easing.type: Easing.InOutQuad
-                    }
+                    id: animation
+                    target: text_info
+                    property: "color"
+                    from: "red"
+                    to: "blue"
+                    duration: 1000
+                    running: true
+                    loops: Animation.Infinite
+                    easing.type: Easing.InOutQuad
+                }
             }
         }
-
-
     }
-
-
-
 }

example/page/MainPage.qml

@@ -72,6 +72,13 @@ FluWindow {
             }
         }
 
+        FluPaneItem{
+            title:"CalendarPicker"
+            onTap:{
+                nav_view.push("qrc:/T_CalendarPicker.qml")
+            }
+        }
+
         FluPaneItemHeader{
             title:"Surface"
         }
@@ -91,9 +98,9 @@ FluWindow {
         }
 
         FluPaneItem{
-            title:"Calender"
+            title:"Calendar"
             onTap:{
-                nav_view.push("qrc:/T_Calender.qml")
+                nav_view.push("qrc:/T_Calendar.qml")
             }
         }
 

example/qml.qrc

@@ -42,6 +42,7 @@
         <file>page/ChatPage.qml</file>
         <file>T_Tooltip.qml</file>
         <file>T_Badge.qml</file>
-        <file>T_Calender.qml</file>
+        <file>T_Calendar.qml</file>
+        <file>T_CalendarPicker.qml</file>
     </qresource>
 </RCC>