diff --git a/src/case/calendar/calendar.date.item.js b/src/case/calendar/calendar.date.item.js
index d575b9557..3b2d865a0 100644
--- a/src/case/calendar/calendar.date.item.js
+++ b/src/case/calendar/calendar.date.item.js
@@ -4,8 +4,9 @@
 BI.CalendarDateItem = BI.inherit(BI.BasicButton, {
     props: function() {
         return {
+            baseCls: "bi-calendar-date-item",
             height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT + 8,
-        } 
+        }
     },
 
     render: function () {
@@ -17,7 +18,6 @@ BI.CalendarDateItem = BI.inherit(BI.BasicButton, {
                     type: "bi.text_item",
                     cls: "bi-border-radius bi-list-item-select",
                     textAlign: "center",
-                    whiteSpace: "normal",
                     text: o.text,
                     value: o.value,
                     ref: function () {
diff --git a/src/case/calendar/calendar.js b/src/case/calendar/calendar.js
index 5c5026d8f..bfd76e2b4 100644
--- a/src/case/calendar/calendar.js
+++ b/src/case/calendar/calendar.js
@@ -158,8 +158,6 @@ BI.Calendar = BI.inherit(BI.Widget, {
                 var month = td.lastMonth ? o.month - 1 : (td.nextMonth ? o.month + 1 : o.month);
                 return BI.extend(td, {
                     type: "bi.calendar_date_item",
-                    textAlign: "center",
-                    whiteSpace: "normal",
                     once: false,
                     forceSelected: true,
                     value: o.year + "-" + month + "-" + td.text,