diff --git a/e2e/safe-area/app/home/home-page.xml b/e2e/safe-area/app/home/home-page.xml
index 081ca9bfc..0446ac329 100644
--- a/e2e/safe-area/app/home/home-page.xml
+++ b/e2e/safe-area/app/home/home-page.xml
@@ -14,6 +14,7 @@
             <Button text="StackLayout Examples" tap="onNavigate" route="stacklayout/stacklayout-page"></Button>
             <Button text="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
             <Button text="RadListView Examples" tap="onNavigate" route="radlistview/radlistview-page"></Button>
+            <Button text="RadCalendar Examples" tap="onNavigate" route="radcalendar/radcalendar-page"></Button>
             <Button text="RadChart Examples" tap="onNavigate" route="radchart/radchart-page"></Button>
         </StackLayout>
     </ScrollView>
diff --git a/e2e/safe-area/app/radcalendar/radcalendar-page.xml b/e2e/safe-area/app/radcalendar/radcalendar-page.xml
new file mode 100644
index 000000000..ff4c466bb
--- /dev/null
+++ b/e2e/safe-area/app/radcalendar/radcalendar-page.xml
@@ -0,0 +1,5 @@
+<Page class="page" loaded="onPageLoaded" xmlns:calendar="nativescript-ui-calendar" xmlns="http://www.nativescript.org/tns.xsd">
+    <StackLayout class="stack">
+        <calendar:RadCalendar id="calendar" />
+    </StackLayout>
+</Page>
diff --git a/e2e/safe-area/app/radchart/radchart-page.xml b/e2e/safe-area/app/radchart/radchart-page.xml
index 685b0ef76..841017762 100644
--- a/e2e/safe-area/app/radchart/radchart-page.xml
+++ b/e2e/safe-area/app/radchart/radchart-page.xml
@@ -1,16 +1,17 @@
 <Page class="page" loaded="onPageLoaded" xmlns:chart="nativescript-ui-chart" xmlns="http://www.nativescript.org/tns.xsd">
 
-    <chart:RadCartesianChart id="cartesianChart">
-        <chart:RadCartesianChart.series>
-            <chart:LineSeries items="{{ categoricalSource }}" categoryProperty="Country" valueProperty="Amount">
-                <chart:LineSeries.horizontalAxis>
-                    <chart:CategoricalAxis/>
-                </chart:LineSeries.horizontalAxis>
-                <chart:LineSeries.verticalAxis>
-                    <chart:LinearAxis/>
-                </chart:LineSeries.verticalAxis>
-            </chart:LineSeries>
-        </chart:RadCartesianChart.series>
-    </chart:RadCartesianChart>
-
+    <GridLayout cols="*" rows="*">
+        <chart:RadCartesianChart id="cartesianChart">
+            <chart:RadCartesianChart.series>
+                <chart:LineSeries items="{{ categoricalSource }}" categoryProperty="Country" valueProperty="Amount">
+                    <chart:LineSeries.horizontalAxis>
+                        <chart:CategoricalAxis/>
+                    </chart:LineSeries.horizontalAxis>
+                    <chart:LineSeries.verticalAxis>
+                        <chart:LinearAxis/>
+                    </chart:LineSeries.verticalAxis>
+                </chart:LineSeries>
+            </chart:RadCartesianChart.series>
+        </chart:RadCartesianChart>
+    </GridLayout>
 </Page>
diff --git a/e2e/safe-area/package.json b/e2e/safe-area/package.json
index aa5227164..cd6759012 100644
--- a/e2e/safe-area/package.json
+++ b/e2e/safe-area/package.json
@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "nativescript-theme-core": "~1.0.4",
+    "nativescript-ui-calendar": "^3.8.0",
     "nativescript-ui-chart": "^3.7.0",
     "nativescript-ui-listview": "^3.5.11",
     "tns-core-modules": "*"