update

example/MainPage.qml

@@ -66,6 +66,13 @@ FluWindow {
             }
         }
 
+        FluPaneItem{
+            title:"DatePicker"
+            onTap:{
+                nav_view.push("qrc:/T_DatePicker.qml")
+            }
+        }
+
         FluPaneItemHeader{
             title:"Surface"
         }

example/T_Buttons.qml

@@ -9,8 +9,12 @@ FluScrollablePage{
 
     spacing: 20
 
+    FluText{
+         Layout.topMargin: 20
+         text:"支持Tab键切换焦点，Enter键执行点击事件"
+    }
+
     FluArea{
-        Layout.topMargin: 20
         width: parent.width
         height: 68
         paddings: 10

example/T_DatePicker.qml

@@ -0,0 +1,61 @@
+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:"TimePicker"
+
+
+    FluArea{
+        width: parent.width
+        Layout.topMargin: 20
+        height: 80
+        paddings: 10
+
+        ColumnLayout{
+
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left: parent.left
+            }
+
+            FluText{
+                text:"showYear=true"
+            }
+
+            FluDatePicker{
+            }
+
+        }
+    }
+
+
+    FluArea{
+        width: parent.width
+        Layout.topMargin: 20
+        height: 80
+        paddings: 10
+
+        ColumnLayout{
+
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left: parent.left
+            }
+
+            FluText{
+                text:"showYear=false"
+            }
+
+            FluDatePicker{
+                showYear:false
+
+            }
+
+        }
+    }
+
+}

example/qml.qrc

@@ -31,5 +31,6 @@
         <file>T_Expander.qml</file>
         <file>MainPage.qml</file>
         <file>T_TimePicker.qml</file>
+        <file>T_DatePicker.qml</file>
     </qresource>
 </RCC>