diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.html b/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.html
index ae22d581..5aa66656 100644
--- a/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.html
+++ b/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.html
@@ -7,8 +7,17 @@
[dateFormatter]="calendar.dateFormatter"
(onTimeSelected)="onDayClicked($event)">
-
-
+
+
+
+ Absence
+
+
+ Holiday
+
+ Business Trip
+
+
diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.scss b/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.scss
index 0278546d..6a97e4bd 100644
--- a/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.scss
+++ b/Mohem/src/app/hmg-common/ui/circle-calendar/circle-calendar.component.scss
@@ -108,4 +108,29 @@
--height: 12cm !important;
--width: 80% !important;
--border-radius: 0.4cm;
+ }
+ .icon{
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ display: inline-block;
+ }
+ .absence{
+ background-color: #db5b6a !important;
+ }
+ .bt{
+ background-color: #004D71 !important;
+ }
+ .holiday{
+ background-color: #43a6a0 !important;
+ }
+ .description-box{
+ position: relative;
+ bottom: 15px;
+ }
+ .label-text{
+ font-size: 12px;
+ padding: 5px;
+ position: relative;
+ bottom: 3px;
}
\ No newline at end of file
diff --git a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html
index 701e1aa1..8e3ae4ac 100644
--- a/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html
+++ b/Mohem/src/app/hmg-common/ui/circle-calendar/date-info-modal/date-info-modal.component.html
@@ -38,7 +38,7 @@
- {{TODAYDATE.LEAVE_TYPE}}
+ {{TODAYDATE.ABSENCE_ATTENDANCE_TYPE_NAME}}
{{ts.trPK('attendance-tracking','shift-time')}}