diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 0a6c22f722..d1cb100715 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -2702,6 +2702,42 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
   width: calc(100% - 58px);
 }
+span.et2_checkbox_slideSwitch.switchOn span.off {
+  filter: invert(1);
+}
+span.et2_checkbox_slideSwitch.switchOn span.on {
+  filter: none !important;
+}
+span.et2_checkbox_slideSwitch {
+  margin: 0px;
+  height: 22px;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container {
+  padding: 0px;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span.on {
+  background-image: url(../../../pixelegg/images/7_day_view.svg);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 24px;
+  top: 0;
+  filter: invert(1);
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span.off {
+  background-image: url(../../../pixelegg/images/5_day_view.svg);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 24px;
+  top: 0;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span {
+  color: transparent !important;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container a {
+  background: none;
+}
 /* ########################################################################################
 /* * Calendar END */
 /* tablets and smartphones  */
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 2a7352db67..5b285dae6b 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -2690,5 +2690,41 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
   width: calc(100% - 58px);
 }
+span.et2_checkbox_slideSwitch.switchOn span.off {
+  filter: invert(1);
+}
+span.et2_checkbox_slideSwitch.switchOn span.on {
+  filter: none !important;
+}
+span.et2_checkbox_slideSwitch {
+  margin: 0px;
+  height: 22px;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container {
+  padding: 0px;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span.on {
+  background-image: url(../../../pixelegg/images/7_day_view.svg);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 24px;
+  top: 0;
+  filter: invert(1);
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span.off {
+  background-image: url(../../../pixelegg/images/5_day_view.svg);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 24px;
+  top: 0;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container span {
+  color: transparent !important;
+}
+span.et2_checkbox_slideSwitch span.slideSwitch_container a {
+  background: none;
+}
 /* ########################################################################################
 /* * Calendar END */
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 3af97fac1c..9394280f60 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -1235,7 +1235,41 @@ div#calendar-container {
 		.calendar_calGridHeader  > span.et2_label {width:~"calc(100% - 58px)";}
 	}
 }
+span.et2_checkbox_slideSwitch.switchOn {
+	span.off {
+		filter: invert(1);
+	}
+	span.on {
+		filter: none !important;
+	}
+}
+span.et2_checkbox_slideSwitch {
+	margin: 0px;
+	height: 22px;
+	span.slideSwitch_container {
+		span.on {
+			background-image: url(../../../pixelegg/images/7_day_view.svg);
+			background-size: 16px 16px;
+			background-repeat: no-repeat;
+			background-position: center;
+			height: 24px;
+			top:0;
+			filter: invert(1);
+		}
+		span.off {
+			background-image: url(../../../pixelegg/images/5_day_view.svg);
+			background-size: 16px 16px;
+			background-repeat: no-repeat;
+			background-position: center;
+			height: 24px;
+			top:0;
+		}
+		padding: 0px;
+		span {color:transparent !important;}
 
+		a {background: none;}
+	}
+}
 /* ########################################################################################
 /* * Calendar END */
 
diff --git a/pixelegg/images/5_day_view.svg b/pixelegg/images/5_day_view.svg
new file mode 100644
index 0000000000..be710307f7
--- /dev/null
+++ b/pixelegg/images/5_day_view.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<path fill="#62686A" d="M8.593,7.533c1.167,0,2.119-0.947,2.119-2.116V2.242c0-1.168-0.952-2.117-2.119-2.117
+		S6.475,1.074,6.475,2.242v3.174C6.475,6.586,7.426,7.533,8.593,7.533z"/>
+	<path fill="#62686A" d="M23.409,7.533c1.168,0,2.117-0.947,2.117-2.116V2.242c0-1.168-0.949-2.117-2.117-2.117
+		c-1.171,0-2.117,0.949-2.117,2.117v3.174C21.292,6.586,22.24,7.533,23.409,7.533z"/>
+	<path fill="#62686A" d="M27.642,3.301h-1.058h-0.002v3.174c0,0.48-0.166,0.919-0.436,1.276c-0.386,0.509-0.993,0.841-1.68,0.841
+		H22.35c-1.169,0-2.116-0.948-2.116-2.116V3.303h-8.467h-0.003v3.173c0,1.169-0.946,2.116-2.113,2.116H7.533
+		c-0.688,0-1.291-0.333-1.678-0.841c-0.27-0.357-0.438-0.796-0.438-1.277V3.3H5.416H4.358c-1.166,0-2.116,0.947-2.116,2.115v11.92
+		v12.422c0,1.167,0.95,2.117,2.116,2.117h5.587h12.111h5.585c1.169,0,2.117-0.95,2.117-2.117V17.335V5.417
+		C29.759,4.248,28.811,3.301,27.642,3.301z M26.584,16.003h-0.002v1.008h0.002v5.347h-0.002v1.05v5.291h-6.349h-1.059h-6.35h-1.062
+		H5.418v-5.291v-1.05v-5.347v-1.008v-5.291h6.346h1.062h6.35h1.059h6.349h0.002V16.003z"/>
+</g>
+<text transform="matrix(1 0 0 1 11.833 25.9365)" fill="#62686A" font-family="'MyriadPro-Bold'" font-size="16.2517">5</text>
+</svg>
diff --git a/pixelegg/images/7_day_view.svg b/pixelegg/images/7_day_view.svg
new file mode 100644
index 0000000000..934ed84163
--- /dev/null
+++ b/pixelegg/images/7_day_view.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<path fill="#62686A" d="M8.593,7.533c1.167,0,2.119-0.947,2.119-2.116V2.242c0-1.168-0.952-2.117-2.119-2.117
+		S6.475,1.074,6.475,2.242v3.174C6.475,6.586,7.426,7.533,8.593,7.533z"/>
+	<path fill="#62686A" d="M23.409,7.533c1.168,0,2.117-0.947,2.117-2.116V2.242c0-1.168-0.949-2.117-2.117-2.117
+		c-1.171,0-2.117,0.949-2.117,2.117v3.174C21.292,6.586,22.24,7.533,23.409,7.533z"/>
+	<path fill="#62686A" d="M27.642,3.301h-1.058h-0.002v3.174c0,0.48-0.166,0.919-0.436,1.276c-0.386,0.509-0.993,0.841-1.68,0.841
+		H22.35c-1.169,0-2.116-0.948-2.116-2.116V3.303h-8.467h-0.003v3.173c0,1.169-0.946,2.116-2.113,2.116H7.533
+		c-0.688,0-1.291-0.333-1.678-0.841c-0.27-0.357-0.438-0.796-0.438-1.277V3.3H5.416H4.358c-1.166,0-2.116,0.947-2.116,2.115v11.92
+		v12.422c0,1.167,0.95,2.117,2.116,2.117h5.587h12.111h5.585c1.169,0,2.117-0.95,2.117-2.117V17.335V5.417
+		C29.759,4.248,28.811,3.301,27.642,3.301z M26.584,16.003h-0.002v1.008h0.002v5.347h-0.002v1.05v5.291h-6.349h-1.059h-6.35h-1.062
+		H5.418v-5.291v-1.05v-5.347v-1.008v-5.291h6.346h1.062h6.35h1.059h6.349h0.002V16.003z"/>
+</g>
+<text transform="matrix(1 0 0 1 11.833 25.9365)" fill="#62686A" font-family="'MyriadPro-Bold'" font-size="16.2517">7</text>
+</svg>