diff --git a/arkui/ace_ets_components_ux/BUILD.gn b/arkui/ace_ets_components_ux/BUILD.gn
index dad9f6a0308a1c7815553540a3d7251a98174bbb..49d66c25bc3df3ab905fc3e65d21048dce783026 100644
--- a/arkui/ace_ets_components_ux/BUILD.gn
+++ b/arkui/ace_ets_components_ux/BUILD.gn
@@ -17,6 +17,7 @@ group("componentUxTest") {
     deps = [
       "ace_ets_component_badge:ActsAcebadgeTest",
       "ace_ets_component_button:ActsAceButtonTest",
+      "ace_ets_component_calendarpicker:ActsAceCalendarPickerTest",
       "ace_ets_component_checkbox:ActsAceCheckboxTest",
       "ace_ets_component_clickeffect:ActsAceClickEffectTest",
       "ace_ets_component_datapanel:ActsAceDatapanelTest",
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/app.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/app.json
new file mode 100644
index 0000000000000000000000000000000000000000..786f2e5cd1e0b01d9721047797c3766bc4befea0
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/app.json
@@ -0,0 +1,19 @@
+{
+    "app": {
+        "bundleName": "com.example.acecalendarpickertest",
+    	"vendor": "example",
+        "versionCode": 1000000,
+        "versionName": "1.0.0",
+    	"icon": "$media:app_icon",
+        "label": "$string:app_name",
+        "distributedNotificationEnabled": true,
+        "keepAlive": true,
+        "singleUser": true,
+        "minAPIVersion": 10,
+        "targetAPIVersion": 10,
+        "car": {
+            "apiCompatibleVersion": 10,
+            "singleUser": false
+        }
+    }
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/element/string.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/element/string.json
new file mode 100644
index 0000000000000000000000000000000000000000..30af7cfee6766dda361b893d1565490dc145fdf0
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/element/string.json
@@ -0,0 +1,8 @@
+{
+ "string":[
+    {
+      "name":"app_name",
+      "value":"MyApplication"
+    }
+  ]
+}      
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/media/app_icon.png b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/media/app_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/AppScope/resources/base/media/app_icon.png differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/BUILD.gn b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/BUILD.gn
new file mode 100644
index 0000000000000000000000000000000000000000..ea432d83847bf37b6b00e23fd5da4a305db00fe3
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/BUILD.gn
@@ -0,0 +1,43 @@
+# Copyright (c) 2023 Huawei Device Co., Ltd.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+import("//test/xts/tools/build/suite.gni")
+
+ohos_js_hap_suite("ActsAceCalendarPickerTest") {
+  hap_profile = "src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_component_calendarpicker_js_assets",
+    ":ace_ets_component_calendarpicker_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAceCalendarPickerTest"
+  part_name = "ace_engine"
+  subsystem_name = "arkui"
+}
+
+ohos_app_scope("ace_ets_component_calendarpicker_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_component_calendarpicker_js_assets") {
+  source_dir = "src/main/ets"
+}
+
+ohos_resources("ace_ets_component_calendarpicker_resources") {
+  sources = [ "src/main/resources" ]
+  deps = [ ":ace_ets_component_calendarpicker_profile" ]
+  hap_profile = "src/main/module.json"
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/Test.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/Test.json
new file mode 100644
index 0000000000000000000000000000000000000000..ea6f080703ca0f96b6008ff20d6cc39d78fcca6b
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/Test.json
@@ -0,0 +1,26 @@
+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "600000",
+        "bundle-name": "com.example.acecalendarpickertest",
+        "module-name": "phone",
+        "shell-timeout": "600000",
+        "testcase-timeout": 70000
+    },
+    "kits": [{
+        "test-file-name": [
+            "ActsAceCalendarPickerTest.hap"
+        ],
+        "type": "AppInstallKit",
+        "cleanup-apps": true
+        },
+        {
+            "type": "ShellKit",
+            "run-command": [
+                "power-shell wakeup",
+                "power-shell setmode 602"
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/signature/openharmony_sx.p7b b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/signature/openharmony_sx.p7b
new file mode 100644
index 0000000000000000000000000000000000000000..2a0d778efce389f919f064291eb403e2c340406c
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/signature/openharmony_sx.p7b differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/TestAbility.ets b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/TestAbility.ets
new file mode 100644
index 0000000000000000000000000000000000000000..fc4e92b3ab3bfcf55c6562ba538d672cfa9458f0
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/TestAbility.ets
@@ -0,0 +1,64 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import hilog from '@ohos.hilog';
+import Ability from '@ohos.app.ability.UIAbility'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+import testsuite from '../test/List.test'
+import Window from '@ohos.window'
+
+export default class TestAbility extends Ability {
+    onCreate(want, launchParam) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onCreate');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'want param:' + JSON.stringify(want) ?? '');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'launchParam:'+ JSON.stringify(launchParam) ?? '');
+    }
+
+    onDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onDestroy');
+    }
+
+    onWindowStageCreate(windowStage: Window.WindowStage) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageCreate');
+        windowStage.loadContent('TestAbility/pages/Index', (err, data) => {
+            if (err.code) {
+                hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.ERROR);
+                hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+                return;
+            }
+            hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+            hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s',
+                JSON.stringify(data) ?? '');
+        });
+    }
+
+    onWindowStageDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageDestroy');
+    }
+
+    onForeground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onForeground');
+    }
+
+    onBackground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onBackground');
+    }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/pages/Index.ets b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/pages/Index.ets
new file mode 100644
index 0000000000000000000000000000000000000000..e799487a35c95180215b8c5d0c9d48560d3e687a
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestAbility/pages/Index.ets
@@ -0,0 +1,101 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import events_emitter from '@ohos.events.emitter';
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry';
+import { Hypium } from '@ohos/hypium';
+import hilog from '@ohos.hilog';
+import testsuite from '../../test/List.test'
+@Entry
+@Component
+struct CalendarPickerExample {
+
+    @State textStyle: PickerTextStyle = {color:Color.Black,font:{size:8,weight:FontWeight.Lighter}}
+    @State edgeAlign: CalendarAlign = CalendarAlign.END
+    @State TextStyleDefault: PickerTextStyle = {color:$r("sys.color.ohos_id_color_text_primary"),font:{size:$r("sys.float.ohos_id_text_size_body1"),weight:FontWeight.Lighter}}
+    private selectedDate: Date = new Date('2026-02-11')
+
+    private stateChangCallBack = (eventData) => {
+        console.info("select page state change called:" + JSON.stringify(eventData));
+        if (eventData != null) {
+            if (eventData.data.textStyle != null) {
+                this.textStyle = JSON.parse(eventData.data.textStyle);
+            }
+            if (eventData.data.edgeAlign != null) {
+                this.edgeAlign = eventData.data.edgeAlign;
+                console.info("eventData.data.edgeAlign:" + this.edgeAlign);
+            }
+        }
+    }
+
+    aboutToAppear(){        
+        var stateChangeEvent = {
+            eventId: 185,
+            priority: events_emitter.EventPriority.LOW
+        }
+        events_emitter.on(stateChangeEvent, this.stateChangCallBack);
+
+	    var abilityDelegator: any
+        abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+        var abilityDelegatorArguments: any
+        abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'start run testcase!!!');
+        Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite)
+    }
+
+    build() {
+        Column() {
+            CalendarPicker({hintRadius:16,selected: this.selectedDate})
+                .textStyle(this.textStyle)
+                .edgeAlign(this.edgeAlign)
+                .onChange((value) => {
+                    console.info("CalendarPicker onChange:" + JSON.stringify(value))
+                })
+                .key('CalendarPicker')
+
+            CalendarPicker({selected: this.selectedDate})
+                .textStyle(this.TextStyleDefault)
+                .onChange((value) => {
+                    console.info("CalendarPicker onChange:" + JSON.stringify(value))
+                })
+                .key('CalendarPickerDefault')
+            
+            CalendarPicker({hintRadius:10,selected: this.selectedDate})
+                .textStyle(this.textStyle)
+                .edgeAlign(CalendarAlign.START,{dx: 5,dy: 5})
+                .onChange((value) => {
+                    console.info("CalendarPicker onChange:" + JSON.stringify(value))
+                })
+                .key('CalendarPicker1')
+
+            CalendarPicker({selected: this.selectedDate})
+                .textStyle(this.textStyle)
+                .edgeAlign(CalendarAlign.CENTER,{dx: -10,dy: 0})
+                .onChange((value) => {
+                    console.info("CalendarPicker onChange:" + JSON.stringify(value))
+                })
+                .key('CalendarPicker2')
+            
+            CalendarPicker({selected: this.selectedDate})
+                .textStyle(this.textStyle)
+                .edgeAlign(CalendarAlign.END,{dx: -20,dy: -10})
+                .onChange((value) => {
+                    console.info("CalendarPicker onChange:" + JSON.stringify(value))
+                })
+                .key('CalendarPicker3')
+       
+        }
+    }
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d6c662824093f9339085214d247c6247faa86ae9
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts
@@ -0,0 +1,85 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hilog from '@ohos.hilog';
+import TestRunner from '@ohos.application.testRunner'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+
+var abilityDelegator = undefined
+var abilityDelegatorArguments = undefined
+
+function translateParamsToString(parameters) {
+    const keySet = new Set([
+        '-s class', '-s notClass', '-s suite', '-s it',
+        '-s level', '-s testType', '-s size', '-s timeout',
+        '-s dryRun'
+    ])
+    let targetParams = '';
+    for (const key in parameters) {
+        if (keySet.has(key)) {
+            targetParams = `${targetParams} ${key} ${parameters[key]}`
+        }
+    }
+    return targetParams.trim()
+}
+
+async function onAbilityCreateCallback() {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'onAbilityCreateCallback');
+}
+
+async function addAbilityMonitorCallback(err: any) {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', 'addAbilityMonitorCallback : %{public}s', JSON.stringify(err) ?? '');
+}
+
+export default class OpenHarmonyTestRunner implements TestRunner {
+    constructor() {
+    }
+
+    onPrepare() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner OnPrepare ');
+    }
+
+    async onRun() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun run');
+        abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+        abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+        var testAbilityName = abilityDelegatorArguments.bundleName + '.TestAbility'
+        let lMonitor = {
+            abilityName: testAbilityName,
+            onAbilityCreate: onAbilityCreateCallback,
+        };
+        abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback)
+        var cmd = 'aa start -d 0 -a TestAbility' + ' -b ' + abilityDelegatorArguments.bundleName
+        cmd += ' '+translateParamsToString(abilityDelegatorArguments.parameters)
+        var debug = abilityDelegatorArguments.parameters['-D']
+        if (debug == 'true')
+        {
+            cmd += ' -D'
+        }
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', 'cmd : %{public}s', cmd);
+        abilityDelegator.executeShellCommand(cmd,
+            (err: any, d: any) => {
+                hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : err : %{public}s', JSON.stringify(err) ?? '');
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.stdResult ?? '');
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.exitCode ?? '');
+            })
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun end');
+    }
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/List.test.ets b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/List.test.ets
new file mode 100644
index 0000000000000000000000000000000000000000..df10c80806c2b9777e7e58cd901f5fedf9648384
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/List.test.ets
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import calendarpicker from './calendarpicker'
+
+export default function testsuite() {
+       calendarpicker()
+
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/Utils.ets b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/Utils.ets
new file mode 100644
index 0000000000000000000000000000000000000000..6fecbfe80e6e5a3882dac77004efbc26a7faefea
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/Utils.ets
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export default class Utils {
+    static sleep(time){
+        return new Promise((resolve,reject)=>{
+            setTimeout(()=>{
+                resolve("ok")
+            },time)
+        }).then(()=>{
+            console.info(`sleep ${time} over...`)
+        })
+    }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/calendarpicker.ets b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/calendarpicker.ets
new file mode 100644
index 0000000000000000000000000000000000000000..40bc69d2fb96a5167840311d7d6416d0f587ffd4
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/ets/test/calendarpicker.ets
@@ -0,0 +1,457 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-nocheck 
+import { describe, beforeEach, afterEach, it, expect } from '@ohos/hypium'
+import events_emitter from '@ohos.events.emitter';
+import Utils from './Utils.ets';
+export default function calendarpicker() {
+  describe('ActsAceCalendarPickerTest', function () {
+    beforeEach(async function (done) {
+      await Utils.sleep(2000);
+      console.info("CalendarPicker beforeEach start");
+      done();
+    })
+
+    afterEach(async function (done) {
+      console.info("CalendarPicker afterEach start");
+      try {
+          var eventData = {
+            data: {
+              "textStyle": {color:Color.Black,font:{size:8,weight:FontWeight.Lighter}},
+              "edgeAlign": CalendarAlign.END,
+              "hintRadius": 16
+            }
+          }
+          var innerEvent = {
+            eventId: 185,
+            priority: events_emitter.EventPriority.LOW
+          }
+          console.info("[CalendarPicker_afterEach] start to publish emit");
+          events_emitter.emit(innerEvent, eventData);
+        } catch (err) {
+          console.log("[CalendarPicker_afterEach] change component data error: " + err.message);
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0100] data" + JSON.stringify(data));
+        done();
+    })
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0100     
+     * @tc.name         Tests the textStyle property of the CalendarCalendarPicker component
+     * @tc.desc         get the default value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0100', 0, async function (done) {
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_textStyle_0100] Color:" + obj.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.color).assertEqual('#FF000000');
+      expect(obj.$attrs.textStyle.font.size).assertEqual('8.00fp');
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('FontWeight.Lighter');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0200
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0200', 0, async function (done) {  
+      let value = {color:'#ff0000',font:{size:'1px',weight:'700'}}    
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0200] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_textStyle_0200] color:" + obj.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.color).assertEqual('#FFFF0000');
+      expect(obj.$attrs.textStyle.font.size).assertEqual('1.00px');
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('700');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0300
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0300', 0, async function (done) { 
+      let value = {color:Color.Green,font:{size:30,weight:450}}         
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0300] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0300] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_textStyle_0300] color:" + obj.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.color).assertEqual('#FF008000');
+      expect(obj.$attrs.textStyle.font.size).assertEqual('30.00fp');
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('FontWeight.Normal');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0400
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0400', 0, async function (done) {   
+      let value = {color:'#80808g',font:{size:-1,weight:1000}}      
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0400] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0400] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+
+      let strJsonDefault = getInspectorByKey('CalendarPickerDefault');
+      let objDefault = JSON.parse(strJsonDefault);
+
+      console.info("[ArkUI_Stage_CalendarPicker_textStyle_0400] color:" + obj.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.color).assertEqual(objDefault.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.font.size).assertEqual(objDefault.$attrs.textStyle.font.size);
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('FontWeight.Normal');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0500
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0500', 0, async function (done) {   
+      let value = {color:'xxx',font:{size:'xxx',weight:FontWeight.Bold}}       
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0500] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0500] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+
+      let strJsonDefault = getInspectorByKey('CalendarPickerDefault');
+      let objDefault = JSON.parse(strJsonDefault);
+
+      console.info("[ArkUI_Stage_CalendarPicker_textStyle_0500] color:" + obj.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.color).assertEqual(objDefault.$attrs.textStyle.color);
+      expect(obj.$attrs.textStyle.font.size).assertEqual(objDefault.$attrs.textStyle.font.size);
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('FontWeight.Bold');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0600
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0600', 0, async function (done) { 
+      let value = {color:'rgb(138,43,226)',font:{size:'20vp',weight:900}} 
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0600] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0600] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      expect(obj.$attrs.textStyle.color).assertEqual('#FF8A2BE2');
+      expect(obj.$attrs.textStyle.font.size).assertEqual('20.00vp');
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('900');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_textStyle_0700
+     * @tc.name         Tests the textStyle property of the CalendarPicker component
+     * @tc.desc         set textStyle then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_textStyle_0700', 0, async function (done) { 
+      let value = {color:'rgb(138,43,226)',font:{size:'15lpx',weight:90}} 
+      try {
+        var eventData = {
+          data: {
+            "textStyle": JSON.stringify(value)
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_textStyle_0700] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_textStyle_0700] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      expect(obj.$attrs.textStyle.color).assertEqual('#FF8A2BE2');
+      expect(obj.$attrs.textStyle.font.size).assertEqual('15.00lpx');
+      expect(obj.$attrs.textStyle.font.weight).assertEqual('FontWeight.Normal');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0100
+     * @tc.name         Tests the EdgeAlign of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0100', 0, async function (done) { 
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0100] edgeAlign:" + obj.$attrs.edgeAlign);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0100] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.END');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0200
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0200', 0, async function (done) {    
+      try {
+        var eventData = {
+          data: {
+            "edgeAlign": CalendarAlign.CENTER
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0200] eventData:" + JSON.stringify(eventData));
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_EdgeAlign_0200] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0200] edgeAlign:" + obj.$attrs.edgeAlign);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0200] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.CENTER');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0300
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0300', 0, async function (done) { 
+      try {
+        var eventData = {
+          data: {
+            "edgeAlign": CalendarAlign.START
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0300] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_EdgeAlign_0300] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0300] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0300] edgeAlign.offset.dx:" + obj.$attrs.edgeAlign.offset.dx);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.START');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0400
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0400', 0, async function (done) { 
+      try {
+        var eventData = {
+          data: {
+            "edgeAlign": "edgeAlign"
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0400] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0400] eventData:" + JSON.stringify(eventData));
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_EdgeAlign_0400] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0400] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.END');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0500
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0500', 0, async function (done) { 
+      try {
+        var eventData = {
+          data: {
+            "edgeAlign": null
+          }
+        }
+        var innerEvent = {
+          eventId: 185,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0500] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Stage_CalendarPicker_EdgeAlign_0500] change component data error: " + err.message);
+      }
+      await Utils.sleep(3000);
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.END');
+      done();
+    }); 
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0600
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0600', 0, async function (done) { 
+      let strJson = getInspectorByKey('CalendarPicker1');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0600] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0600] edgeAlign.offset.dx:" + obj.$attrs.edgeAlign.offset.dx);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.START');
+      expect(obj.$attrs.edgeAlign.offset.dx).assertEqual('5.00vp');
+      expect(obj.$attrs.edgeAlign.offset.dy).assertEqual('5.00vp');
+      done();
+    });    
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0700
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0700', 0, async function (done) { 
+      let strJson = getInspectorByKey('CalendarPicker2');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0700] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0700] edgeAlign.offset.dx:" + obj.$attrs.edgeAlign.offset.dx);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.CENTER');
+      expect(obj.$attrs.edgeAlign.offset.dx).assertEqual('-10.00vp');
+      expect(obj.$attrs.edgeAlign.offset.dy).assertEqual('0.00vp');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_EdgeAlign_0800
+     * @tc.name         Tests the EdgeAlign property of the CalendarPicker component
+     * @tc.desc         set EdgeAlign then get the value
+     */
+    it('ArkUI_Stage_CalendarPicker_EdgeAlign_0800', 0, async function (done) { 
+      let strJson = getInspectorByKey('CalendarPicker3');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0800] edgeAlign.alignType:" + obj.$attrs.edgeAlign.alignType);
+      console.info("[ArkUI_Stage_CalendarPicker_EdgeAlign_0800] edgeAlign.offset.dx:" + obj.$attrs.edgeAlign.offset.dx);
+      expect(obj.$attrs.edgeAlign.alignType).assertEqual('CalendarAlign.END');
+      expect(obj.$attrs.edgeAlign.offset.dx).assertEqual('-20.00vp');
+      expect(obj.$attrs.edgeAlign.offset.dy).assertEqual('-10.00vp');
+      done();
+    });
+
+    /*
+     * @tc.number       ArkUI_Stage_CalendarPicker_hintRadius_0100
+     * @tc.name         Tests the hintRadius property of the CalendarPicker component
+     * @tc.desc         get the property of the hintRadius
+     */
+    it('ArkUI_Stage_CalendarPicker_hintRadius_0100', 0, async function (done) { 
+      let strJson = getInspectorByKey('CalendarPicker');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Stage_CalendarPicker_hintRadius_0100] hintRadius:" + obj.$attrs.hintRadius);
+      expect(obj.$attrs.hintRadius).assertEqual('undefined');
+      done();
+    });
+  })
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/module.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/module.json
new file mode 100644
index 0000000000000000000000000000000000000000..2b03fde2a1898cf911b3b3f2f94a553bca8ebb86
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/module.json
@@ -0,0 +1,41 @@
+{
+  "module": {
+    "name": "phone",
+    "type": "feature",
+    "description": "$string:module_test_desc",
+    "mainElement": "TestAbility",
+    "deviceTypes": [
+      "default",
+      "tablet"
+    ],
+    "deliveryWithInstall": true,
+    "installationFree": false,
+    "pages": "$profile:test_pages",
+    "metadata": [{
+      "name": "ArkTSPartialUpdate",
+      "value": "true"
+    }],
+    "abilities": [
+      {
+        "name": "TestAbility",
+        "srcEntrance": "./ets/TestAbility/TestAbility.ets",
+        "description": "$string:TestAbility_desc",
+        "icon": "$media:icon",
+        "label": "$string:TestAbility_label",
+        "visible": true,
+        "startWindowIcon": "$media:icon",
+        "startWindowBackground": "$color:start_window_background",
+        "skills": [
+          {
+            "actions": [
+              "action.system.home"
+            ],
+            "entities": [
+              "entity.system.home"
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/color.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/color.json
new file mode 100644
index 0000000000000000000000000000000000000000..3c712962da3c2751c2b9ddb53559afcbd2b54a02
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/color.json
@@ -0,0 +1,8 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/string.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/string.json
new file mode 100644
index 0000000000000000000000000000000000000000..65d8fa5a7cf54aa3943dcd0214f58d1771bc1f6c
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/element/string.json
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_test_desc",
+      "value": "test ability description"
+    },
+    {
+      "name": "TestAbility_desc",
+      "value": "the test ability"
+    },
+    {
+      "name": "TestAbility_label",
+      "value": "test label"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/media/icon.png b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/media/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/media/icon.png differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/profile/test_pages.json b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/profile/test_pages.json
new file mode 100644
index 0000000000000000000000000000000000000000..77e90731b5a38d861663029b483df3d3ac9ec74b
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_calendarpicker/src/main/resources/base/profile/test_pages.json
@@ -0,0 +1,5 @@
+{
+  "src": [
+    "TestAbility/pages/Index"
+  ]
+}