diff --git a/.travis.yml b/.travis.yml
index 7aff03e0c..5c04fd525 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -4,8 +4,7 @@ sudo: false
 
 notifications:
   email:
-  - yiminghe@gmail.com
-  - hust2012jiangkai@gmail.com
+  - bing.an@seafile.com
 
 node_js:
 - 10
diff --git a/README.md b/README.md
index f02550fef..7b4bbfb01 100644
--- a/README.md
+++ b/README.md
@@ -195,6 +195,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td>auto</td>
           <td>whether has ok button in footer</td>
         </tr>
+        <tr>
+          <td>showHourAndMinute</td>
+          <td>Boolean</td>
+          <td>auto</td>
+          <td>whether has hour-minute chooser in the right panel(for dtable date column)</td>
+        </tr>
         <tr>
           <td>timePicker</td>
           <td>React Element</td>
@@ -225,6 +231,12 @@ http://react-component.github.io/calendar/examples/index.html
           <td></td>
           <td>called when ok button is pressed, only if it's visible</td>
         </tr>
+        <tr>
+          <td>onClickRightPanelTime</td>
+          <td>Function()</td>
+          <td></td>
+          <td>called when right panel hour and minute is clicked, only prop showHourAndMinute is true</td>
+        </tr>
         <tr>
           <td>dateInputPlaceholder</td>
           <td>String</td>
@@ -744,3 +756,6 @@ open coverage/ dir
 ## License
 
 rc-calendar is released under the MIT license.
+
+# node version
+>= 18.20.4
diff --git a/assets/common/FullCalendar.less b/assets/common/FullCalendar.less
index b2713e218..4c8d66a20 100644
--- a/assets/common/FullCalendar.less
+++ b/assets/common/FullCalendar.less
@@ -19,13 +19,13 @@
       float: right;
       display: inline-block;
       &-normal:hover {
-        border-color: #23c0fa;
+        border-color: #f09f4g;
         box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
         cursor: pointer;
       }
       &-focus {
-        border-color: #3fc7fa;
-        background-color: #3fc7fa;
+        border-color: #f09f3f;
+        background-color: #f09f3f;
         color: #fff;
       }
       > span {
@@ -79,13 +79,13 @@
     }
     &-selected-day .@{prefixClass}-date,
     &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
-      background-color: #ebfaff;
+      background-color: #fcecd9;
       color: #666;
     }
     &-today .@{prefixClass}-date,
     &-month-panel-selected-cell .@{prefixClass}-month-panel-month {
-      border-top-color: #3FC7FA;
-      color: #3FC7FA;
+      border-top-color: #f09f3f;
+      color: #f09f3f;
     }
   }
 }
diff --git a/assets/index/Calendar.less b/assets/index/Calendar.less
index 3a755cb28..8b6a096bc 100644
--- a/assets/index/Calendar.less
+++ b/assets/index/Calendar.less
@@ -2,7 +2,7 @@
   position: relative;
   outline: none;
   font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
-  width: 253px;
+  width: fit-content;
   border: 1px solid #ccc;
   list-style: none;
   font-size: 12px;
@@ -14,9 +14,15 @@
   border: 1px solid #ccc;
   line-height: 1.5;
 
+
+  &-date-panel, &-date-panel-container {
+    display: flex;
+  }
+
   &-date-panel, &-panel {
     position: relative;
     outline: none;
+    display: block;
   }
 
   &-week-number {
@@ -46,7 +52,7 @@
 
       &:hover {
         cursor: pointer;
-        color: #23c0fa;
+        color: #f09f4g;
       }
     }
 
@@ -79,7 +85,7 @@
 
     &:hover {
       cursor: pointer;
-      color: #23c0fa;
+      color: #f09f4g;
     }
     &.@{prefixClass}-time-status:hover{
       cursor: pointer;
@@ -102,7 +108,7 @@
     line-height: 34px;
 
     &:hover {
-      color: #23c0fa;
+      color: #f09f4g;
     }
   }
 
@@ -127,6 +133,66 @@
     height: 217px;
   }
 
+  &-right-panel {
+    width: 68px;
+    height: inherit;
+  }
+
+  &-right-panel-header {
+    height: 34px;
+    line-height: 34px;
+    span {
+      transform: rotate(-90deg);
+    }
+  }
+
+  &-right-panel-body {
+    height: 217px;
+    border-left: 1px solid #ccc;
+    overflow-y: scroll;
+    ul {
+      list-style: none;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      width: 100%;
+    }
+    ul li {
+      text-align: center;
+      padding: 8px 0;
+      cursor: pointer;
+    }
+    ul li:hover {
+      color: #e8bf6a;
+    }
+    .@{prefixClass}-selected-time {
+      color: #f09f3f;
+    }
+    &::-webkit-scrollbar {
+      width: 0;
+    }
+  }
+
+  &-right-panel-footer {
+    height: 39px;
+    line-height: 34px;
+    border-left: 1px solid #ccc;
+    span {
+      transform: rotate(90deg);
+    }
+  }
+
+  &-right-panel-header, &-right-panel-footer {
+    display: flex;
+    justify-content: center;
+    cursor: pointer;
+    color: #999;
+    font-size: 16px;
+    span:after {
+      content: '›';
+    }
+  }
+
   table {
     border-collapse: collapse;
     max-width: 100%;
@@ -177,25 +243,25 @@
     text-align: center;
 
     &:hover {
-      background: #ebfaff;
+      background: #fcecd9;
       cursor: pointer;
     }
   }
 
   &-selected-day &-date {
-    background: tint(#3fc7fa, 80%);
+    background: tint(#f09f3f, 80%);
   }
 
   &-selected-date &-date {
-    background: #3fc7fa;
+    background: #f09f3f;
     color: #fff;
     &:hover {
-      background: #3fc7fa;
+      background: #f09f3f;
     }
   }
 
   &-today &-date {
-    border: 1px solid #3fc7fa;
+    border: 1px solid #f09f3f;
   }
 
   &-disabled-cell &-date {
@@ -278,7 +344,7 @@
 
     &:hover {
       cursor: pointer;
-      color: #23c0fa;
+      color: #f09f4g;
     }
 
     &-disabled {
diff --git a/assets/index/DecadePanel.less b/assets/index/DecadePanel.less
index f83c591d0..e8dcbd734 100644
--- a/assets/index/DecadePanel.less
+++ b/assets/index/DecadePanel.less
@@ -34,7 +34,7 @@
 
     &:hover {
       cursor: pointer;
-      color: #23c0fa;
+      color: #f09f4g;
     }
   }
 }
@@ -96,17 +96,17 @@
   text-align: center;
 
   &:hover {
-    background: #ebfaff;
+    background: #fcecd9;
     cursor: pointer;
   }
 }
 
 .@{prefixClass}-decade-panel-selected-cell .@{prefixClass}-decade-panel-decade {
-  background: #3fc7fa;
+  background: #f09f3f;
   color: #fff;
 
   &:hover {
-    background: #3fc7fa;
+    background: #f09f3f;
     color: #fff;
   }
 }
diff --git a/assets/index/Input.less b/assets/index/Input.less
index ac081bc23..9ea3caa2c 100644
--- a/assets/index/Input.less
+++ b/assets/index/Input.less
@@ -12,11 +12,11 @@
   transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
 
   &:hover {
-    border-color: #23c0fa;
+    border-color: #f09f4g;
   }
 
   &:focus {
-    border-color: #23c0fa;
-    box-shadow: 0 0 3px #23c0fa;
+    border-color: #f09f4g;
+    box-shadow: 0 0 3px #f09f4g;
   }
 }
\ No newline at end of file
diff --git a/assets/index/MonthPanel.less b/assets/index/MonthPanel.less
index 1b35f0e6b..7a9fac133 100644
--- a/assets/index/MonthPanel.less
+++ b/assets/index/MonthPanel.less
@@ -38,7 +38,7 @@
 
     &:hover {
       cursor: pointer;
-      color: #23c0fa;
+      color: #f09f4g;
     }
   }
 }
@@ -111,7 +111,7 @@
     text-align: center;
 
     &:hover {
-      background: #ebfaff;
+      background: #fcecd9;
       cursor: pointer;
     }
   }
@@ -129,11 +129,11 @@
 }
 
 .@{prefixClass}-month-panel-selected-cell .@{prefixClass}-month-panel-month {
-  background: #3fc7fa;
+  background: #f09f3f;
   color: #fff;
 
   &:hover {
-    background: #3fc7fa;
+    background: #f09f3f;
     color: #fff;
   }
 }
diff --git a/assets/index/TimePanel.less b/assets/index/TimePanel.less
index 6701a53c7..afcf7a78a 100644
--- a/assets/index/TimePanel.less
+++ b/assets/index/TimePanel.less
@@ -57,18 +57,18 @@
   margin: 0 auto;
 
   &:hover {
-    background: #ebfaff;
+    background: #fcecd9;
     cursor: pointer;
   }
 }
 
 
 .@{prefixClass}-time-panel-selected-cell .@{prefixClass}-time-panel-time {
-  background: #3fc7fa;
+  background: #f09f3f;
   color: #fff;
 
   &:hover {
-    background: #3fc7fa;
+    background: #f09f3f;
     color: #fff;
   }
 }
\ No newline at end of file
diff --git a/assets/index/YearPanel.less b/assets/index/YearPanel.less
index 6b31dc8ec..96ed4d39d 100644
--- a/assets/index/YearPanel.less
+++ b/assets/index/YearPanel.less
@@ -38,7 +38,7 @@
 
     &:hover {
       cursor: pointer;
-      color: #23c0fa;
+      color: #f09f4g;
     }
   }
 }
@@ -110,25 +110,17 @@
   text-align: center;
 
   &:hover {
-    background: #ebfaff;
+    background: #fcecd9;
     cursor: pointer;
   }
 }
 
 .@{prefixClass}-year-panel-selected-cell .@{prefixClass}-year-panel-year {
-  background: #3fc7fa;
+  background: #f09f3f;
   color: #fff;
 
   &:hover {
-    background: #3fc7fa;
+    background: #f09f3f;
     color: #fff;
   }
 }
-
-.@{prefixClass}-year-panel-last-decade-cell, .@{prefixClass}-year-panel-next-decade-cell {
-  .@{prefixClass}-year-panel-year{
-    user-select: none;
-    -webkit-user-select: none;
-    color: rgba(0, 0, 0, 0.25);
-  }
-}
\ No newline at end of file
diff --git a/examples/antd-calendar.js b/examples/antd-calendar.js
index ea2314114..1121bf9b4 100644
--- a/examples/antd-calendar.js
+++ b/examples/antd-calendar.js
@@ -1,28 +1,25 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import Calendar from 'rc-calendar';
-import DatePicker from 'rc-calendar/src/Picker';
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 import 'rc-time-picker/assets/index.css';
 import TimePickerPanel from 'rc-time-picker/lib/Panel';
-
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM-DD HH:mm:ss';
 const cn = location.search.indexOf('cn') !== -1;
 
-const now = moment();
+let now = moment();
 if (cn) {
-  now.locale('zh-cn').utcOffset(8);
+  now = now.locale('zh-cn');
 } else {
-  now.locale('en-gb').utcOffset(0);
+  now = now.locale('en-gb');
 }
 
 function getFormat(time) {
@@ -57,10 +54,10 @@ function disabledDate(current) {
     // allow empty select
     return false;
   }
-  const date = moment();
-  date.hour(0);
-  date.minute(0);
-  date.second(0);
+  let date = moment().locale('zh-cn');
+  date = date.hour(0);
+  date = date.minute(0);
+  date = date.second(0);
   return current.valueOf() < date.valueOf();  // can not select days before today
 }
 
@@ -129,6 +126,10 @@ class Demo extends React.Component {
     });
   }
 
+  onClickRightPanelTime = () => {
+    this.onOpenChange(false);
+  }
+
   getCalendarContainer = () => this.calendarContainerRef.current;
 
   toggleDisabled = () => {
@@ -150,6 +151,8 @@ class Demo extends React.Component {
       showDateInput={state.showDateInput}
       disabledDate={disabledDate}
       focusablePanel={false}
+      showHourAndMinute
+      onClickRightPanelTime={this.onClickRightPanelTime}
     />);
     return (<div style={{ width: 400, margin: 20 }}>
       <div style={{ marginBottom: 10 }}>
diff --git a/examples/antd-month-calendar.js b/examples/antd-month-calendar.js
index 15ed13f29..eafec9d32 100644
--- a/examples/antd-month-calendar.js
+++ b/examples/antd-month-calendar.js
@@ -1,18 +1,16 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import MonthCalendar from 'rc-calendar/src/MonthCalendar';
-import DatePicker from 'rc-calendar/src/Picker';
+import MonthCalendar from '@seafile/seafile-calendar/src/MonthCalendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
 
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM';
 const cn = location.search.indexOf('cn') !== -1;
diff --git a/examples/antd-range-calendar.js b/examples/antd-range-calendar.js
index 717d77a19..82bfd236d 100644
--- a/examples/antd-range-calendar.js
+++ b/examples/antd-range-calendar.js
@@ -2,17 +2,15 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Picker from 'rc-calendar/src/Picker';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import Picker from '@seafile/seafile-calendar/src/Picker';
+import RangeCalendar from '@seafile/seafile-calendar/src/RangeCalendar';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 import TimePickerPanel from 'rc-time-picker/lib/Panel';
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import 'rc-time-picker/assets/index.css';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const cn = location.search.indexOf('cn') !== -1;
 
@@ -47,10 +45,10 @@ function newArray(start, end) {
 }
 
 function disabledDate(current) {
-  const date = moment();
-  date.hour(0);
-  date.minute(0);
-  date.second(0);
+  let date = moment();
+  date = date.hour(0);
+  date = date.minute(0);
+  date = date.second(0);
   return current.isBefore(date);  // can not select days before today
 }
 
diff --git a/examples/control-panel.js b/examples/control-panel.js
index 0a8ac633f..a2ba16e4b 100644
--- a/examples/control-panel.js
+++ b/examples/control-panel.js
@@ -1,9 +1,9 @@
 /* eslint react/no-multi-comp:0, no-console:0, no-unused-vars:0 */
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Calendar from 'rc-calendar/src';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
+import Calendar from '@seafile/seafile-calendar/src';
+import RangeCalendar from '@seafile/seafile-calendar/src/RangeCalendar';
 
 import Select, { Option } from 'rc-select';
 import 'rc-select/assets/index.css';
diff --git a/examples/custom-clear-icon.js b/examples/custom-clear-icon.js
index 93b8d4c36..f5f6fe71d 100644
--- a/examples/custom-clear-icon.js
+++ b/examples/custom-clear-icon.js
@@ -1,10 +1,10 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Calendar from 'rc-calendar';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
+import Calendar from '@seafile/seafile-calendar';
+import RangeCalendar from '@seafile/seafile-calendar/src/RangeCalendar';
 import 'rc-time-picker/assets/index.css';
 
 import 'moment/locale/zh-cn';
diff --git a/examples/full-calendar.js b/examples/full-calendar.js
index 2cf7ed64b..e3323256f 100644
--- a/examples/full-calendar.js
+++ b/examples/full-calendar.js
@@ -1,19 +1,17 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import FullCalendar from 'rc-calendar/src/FullCalendar';
+import FullCalendar from '@seafile/seafile-calendar/src/FullCalendar';
 
 import 'rc-select/assets/index.css';
 import Select from 'rc-select';
 
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM-DD';
 const cn = location.search.indexOf('cn') !== -1;
diff --git a/examples/getCalendarContainer.js b/examples/getCalendarContainer.js
index fe3c4fd1a..3d956cf28 100644
--- a/examples/getCalendarContainer.js
+++ b/examples/getCalendarContainer.js
@@ -1,17 +1,15 @@
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Calendar from 'rc-calendar';
-import DatePicker from 'rc-calendar/src/Picker';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
 import Dialog from 'rc-dialog';
 import 'rc-dialog/assets/index.css';
 
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM-DD';
 const cn = location.search.indexOf('cn') !== -1;
diff --git a/examples/start-end-range.js b/examples/start-end-range.js
index 013dfd1de..ee4cfe41b 100644
--- a/examples/start-end-range.js
+++ b/examples/start-end-range.js
@@ -1,17 +1,15 @@
 /* eslint react/no-multi-comp:0, no-console:0, react/prop-types:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import RangeCalendar from 'rc-calendar/src/RangeCalendar';
-import DatePicker from 'rc-calendar/src/Picker';
+import RangeCalendar from '@seafile/seafile-calendar/src/RangeCalendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
 
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM-DD';
 
diff --git a/examples/start-end.js b/examples/start-end.js
index 8014be62b..aaf0d5132 100644
--- a/examples/start-end.js
+++ b/examples/start-end.js
@@ -1,19 +1,17 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Calendar from 'rc-calendar';
-import DatePicker from 'rc-calendar/src/Picker';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
 
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 import 'rc-time-picker/assets/index.css';
 import TimePickerPanel from 'rc-time-picker/lib/Panel';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
 const format = 'YYYY-MM-DD HH:mm:ss';
 const cn = location.search.indexOf('cn') !== -1;
diff --git a/examples/week.js b/examples/week.js
index 245b98e02..c4e3d7900 100644
--- a/examples/week.js
+++ b/examples/week.js
@@ -1,19 +1,17 @@
 /* eslint react/no-multi-comp:0, no-console:0 */
 
-import 'rc-calendar/assets/index.less';
+import '@seafile/seafile-calendar/assets/index.less';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import Calendar from 'rc-calendar';
-import DatePicker from 'rc-calendar/src/Picker';
-import zhCN from 'rc-calendar/src/locale/zh_CN';
-import enUS from 'rc-calendar/src/locale/en_US';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/src/Picker';
+import zhCN from '@seafile/seafile-calendar/src/locale/zh_CN';
+import enUS from '@seafile/seafile-calendar/src/locale/en_US';
 
 import moment from 'moment';
-import 'moment/locale/zh-cn';
-import 'moment/locale/en-gb';
 
-const format = 'YYYY-Wo';
+const format = 'YYYY-wo';
 const cn = location.search.indexOf('cn') !== -1;
 
 const now = moment();
@@ -27,13 +25,13 @@ const style = `
 .week-calendar {
   width: 386px;
 }
-.week-calendar .rc-calendar-tbody > tr:hover
-.rc-calendar-date {
+.week-calendar .@seafile/seafile-calendar-tbody > tr:hover
+.@seafile/seafile-calendar-date {
   background: #ebfaff;
 }
 
-.week-calendar .rc-calendar-tbody > tr:hover
-.rc-calendar-selected-day .rc-calendar-date {
+.week-calendar .@seafile/seafile-calendar-tbody > tr:hover
+.@seafile/seafile-calendar-selected-day .@seafile/seafile-calendar-date {
     background: #3fc7fa;
 }
 
@@ -45,7 +43,7 @@ const style = `
   width:100px;
   border-right: 1px solid #ccc;
 }
-.week-calendar .rc-calendar-panel {
+.week-calendar .@seafile/seafile-calendar-panel {
   margin-left: 100px;
 }
 `;
@@ -91,8 +89,8 @@ class Demo extends React.Component {
   }
 
   lastWeek = () => {
-    const value = this.state.value || now;
-    value.add(-1, 'weeks');
+    let value = this.state.value || now;
+    value = value.add(-1, 'weeks');
     this.setState({
       value,
       open: false,
diff --git a/index.d.ts b/index.d.ts
index f1edde5e7..c1fcad064 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -4,7 +4,6 @@
 // Definitions: https://github.com/react-component/calendar
 
 import * as React from 'react';
-import { Moment } from 'moment';
 
 export type Mode = 'time' | 'date' | 'month' | 'year' | 'decade';
 
@@ -12,9 +11,9 @@ export interface Props {
   prefixCls?: string;
   className?: string;
   style?: React.CSSProperties;
-  defaultValue?: Moment;
-  value?: Moment;
-  selectedValue?: Moment;
+  defaultValue?: Object;
+  value?: Object;
+  selectedValue?: object;
   mode?: Mode;
   locale?: object;
   format?: string | string[];
@@ -22,20 +21,21 @@ export interface Props {
   showWeekNumber?: boolean;
   showToday?: boolean;
   showOk?: boolean;
-  onSelect?: (date: Moment) => void;
+  onSelect?: ( date: object ) => void;
   onOk?: () => void;
   onKeyDown?: () => void;
+  onClickRightPanelTime?: () => void;
   timePicker?: React.ReactNode;
   dateInputPlaceholder?: string;
   onClear?: () => void;
-  onChange?: (date: Moment | null) => void;
-  onPanelChange?: (date: Moment | null, mode: Mode) => void;
-  disabledDate?: (current: Moment | undefined) => boolean;
-  disabledTime?: (current: Moment | undefined) => object;
-  dateRender?: (current: Moment, value: Moment) => React.ReactNode;
+  onChange?: ( date: object | null ) => void;
+  onPanelChange?: ( date: Object | null, mode: Mode ) => void;
+  disabledDate?: ( current: object | undefined ) => boolean;
+  disabledTime?: ( current: object | undefined ) => object;
+  dateRender?: ( current: object, value: object ) => React.ReactNode;
   renderFooter?: () => React.ReactNode;
   renderSidebar?: () => React.ReactNode;
-  inputMode?:String
+  inputMode?: string;
 }
 
-export default class ReactCalendar extends React.Component<Props> {}
+export default class ReactCalendar extends React.Component<Props> { }
diff --git a/package.json b/package.json
index e614f3eff..ff9beaebb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "rc-calendar",
-  "version": "9.15.5",
+  "name": "@seafile/seafile-calendar",
+  "version": "0.0.29",
   "description": "React Calendar",
   "keywords": [
     "react",
@@ -20,14 +20,14 @@
   ],
   "main": "lib/index",
   "module": "es/index",
-  "homepage": "http://github.com/react-component/calendar",
-  "author": "yiminghe@gmail.com",
+  "homepage": "https://github.com/seafileltd/calendar",
+  "author": "seafile",
   "repository": {
     "type": "git",
-    "url": "git@github.com:react-component/calendar.git"
+    "url": "https://github.com/seafileltd/calendar.git"
   },
   "bugs": {
-    "url": "http://github.com/react-component/calendar/issues"
+    "url": "https://github.com/seafileltd/calendar/issues"
   },
   "licenses": "MIT",
   "config": {
@@ -91,11 +91,15 @@
   "dependencies": {
     "babel-runtime": "6.x",
     "classnames": "2.x",
-    "moment": "2.x",
+    "moment": "1.10.7",
+    "moment": "^2.30.1",
     "prop-types": "^15.5.8",
     "rc-trigger": "^2.2.0",
     "rc-util": "^4.1.1",
     "react-lifecycles-compat": "^3.0.4"
   },
-  "types": "index.d.ts"
+  "types": "index.d.ts",
+  "overrides": {
+    "graceful-fs": "^4.2.11"
+  }
 }
diff --git a/rc-calendar-tests.tsx b/rc-calendar-tests.tsx
index b4e37931f..a9d40fc25 100644
--- a/rc-calendar-tests.tsx
+++ b/rc-calendar-tests.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react';
-import * as moment from 'moment';
+import moment, {Moment} from 'moment';
 import Calendar from './';
 
-const action = (date: moment.Moment) => {
-  date.subtract(1);
+const action = ( date: Moment ) => {
+  date.subtract( 1, 'day' );
 };
 
 export default () => (
@@ -14,7 +14,7 @@ export default () => (
     showToday
     showOk={false}
     onChange={action}
-    disabledDate={(now: moment.Moment) => false}
+    disabledDate={( now: Moment ) => false}
     onSelect={action}
     inputMode="numeric"
   />
diff --git a/src/Calendar.jsx b/src/Calendar.jsx
index 2e8d89898..7686ab620 100644
--- a/src/Calendar.jsx
+++ b/src/Calendar.jsx
@@ -3,9 +3,11 @@ import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { polyfill } from 'react-lifecycles-compat';
+import moment from 'moment';
 import DateTable from './date/DateTable';
 import CalendarHeader from './calendar/CalendarHeader';
 import CalendarFooter from './calendar/CalendarFooter';
+import CalendarRightPanel from './calendar/CalendarRightPanel';
 import {
   calendarMixinWrapper,
   calendarMixinPropTypes,
@@ -16,7 +18,9 @@ import { commonMixinWrapper, propType, defaultProp } from './mixin/CommonMixin';
 import DateInput from './date/DateInput';
 import { getTimeConfig, getTodayTime, syncTime } from './util';
 import { goStartMonth, goEndMonth, goTime } from './util/toTime';
-import moment from 'moment';
+moment.localeData();
+moment().utc();
+moment().week();
 
 function noop() {
 }
@@ -45,6 +49,8 @@ class Calendar extends React.Component {
     showWeekNumber: PropTypes.bool,
     showToday: PropTypes.bool,
     showOk: PropTypes.bool,
+    showHourAndMinute: PropTypes.bool,
+    defaultMinutesTime: PropTypes.string,
     onSelect: PropTypes.func,
     onOk: PropTypes.func,
     onKeyDown: PropTypes.func,
@@ -62,6 +68,8 @@ class Calendar extends React.Component {
     focusablePanel: PropTypes.bool,
     inputMode: PropTypes.string,
     onBlur: PropTypes.func,
+    onClickRightPanelTime: PropTypes.func,
+    firstDayOfWeek: PropTypes.string,
   }
 
   static defaultProps = {
@@ -69,10 +77,13 @@ class Calendar extends React.Component {
     ...defaultProp,
     showToday: true,
     showDateInput: true,
+    showHourAndMinute: false,
     timePicker: null,
     onOk: noop,
     onPanelChange: noop,
+    onClickRightPanelTime: noop,
     focusablePanel: true,
+    firstDayOfWeek: 'Sunday',
   }
 
   constructor(props) {
@@ -273,8 +284,9 @@ class Calendar extends React.Component {
     const { props, state } = this;
     const {
       locale, prefixCls, disabledDate,
-      dateInputPlaceholder, timePicker,
-      disabledTime, clearIcon, renderFooter, inputMode,
+      dateInputPlaceholder, timePicker, onClickRightPanelTime,
+      disabledTime, clearIcon, renderFooter, inputMode, showHourAndMinute,
+      firstDayOfWeek, showWeekNumber,
     } = props;
     const { value, selectedValue, mode } = state;
     const showTimePicker = mode === 'time';
@@ -308,7 +320,7 @@ class Calendar extends React.Component {
         key="date-input"
         value={value}
         locale={locale}
-        placeholder={dateInputPlaceholder}
+        placeholder={dateInputPlaceholder || this.getFormat()[0]}
         showClear
         disabledTime={disabledTime}
         disabledDate={disabledDate}
@@ -319,6 +331,7 @@ class Calendar extends React.Component {
         onSelect={this.onDateInputSelect}
         clearIcon={clearIcon}
         inputMode={inputMode}
+        showHourAndMinute={showHourAndMinute}
       />
     ) : null;
 
@@ -328,6 +341,7 @@ class Calendar extends React.Component {
     }
     children.push(<div className={`${prefixCls}-panel`} key="panel">
       {dateInputElement}
+      <div className={`${prefixCls}-date-panel-container`}>
       <div
         tabIndex={this.props.focusablePanel ? 0 : undefined}
         className={`${prefixCls}-date-panel`}
@@ -358,7 +372,8 @@ class Calendar extends React.Component {
             dateRender={props.dateRender}
             onSelect={this.onDateTableSelect}
             disabledDate={disabledDate}
-            showWeekNumber={props.showWeekNumber}
+            showWeekNumber={showWeekNumber}
+            firstDayOfWeek={firstDayOfWeek}
           />
         </div>
 
@@ -386,6 +401,17 @@ class Calendar extends React.Component {
           onCloseTimePicker={this.closeTimePicker}
         />
       </div>
+      {showHourAndMinute &&
+        <CalendarRightPanel
+          prefixCls={prefixCls}
+          value={value}
+          locale={locale}
+          onSelect={this.onDateTableSelect}
+          onClickRightPanelTime={onClickRightPanelTime}
+          defaultMinutesTime={this.props.defaultMinutesTime}
+        />
+      }
+    </div>
     </div>);
 
     return this.renderRoot({
diff --git a/src/MonthCalendar.jsx b/src/MonthCalendar.jsx
index 857f2f617..2552b6d51 100644
--- a/src/MonthCalendar.jsx
+++ b/src/MonthCalendar.jsx
@@ -45,26 +45,26 @@ class MonthCalendar extends React.Component {
     switch (keyCode) {
       case KeyCode.DOWN:
         value = stateValue.clone();
-        value.add(3, 'months');
+        value = value.add(3, 'months');
         break;
       case KeyCode.UP:
         value = stateValue.clone();
-        value.add(-3, 'months');
+        value = value.add(-3, 'months');
         break;
       case KeyCode.LEFT:
         value = stateValue.clone();
         if (ctrlKey) {
-          value.add(-1, 'years');
+          value = value.add(-1, 'years');
         } else {
-          value.add(-1, 'months');
+          value = value.add(-1, 'months');
         }
         break;
       case KeyCode.RIGHT:
         value = stateValue.clone();
         if (ctrlKey) {
-          value.add(1, 'years');
+          value = value.add(1, 'years');
         } else {
-          value.add(1, 'months');
+          value = value.add(1, 'months');
         }
         break;
       case KeyCode.ENTER:
diff --git a/src/RangeCalendar.js b/src/RangeCalendar.js
index 0c2f938da..615e8ef3b 100644
--- a/src/RangeCalendar.js
+++ b/src/RangeCalendar.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import moment from 'moment';
 import classnames from 'classnames';
 import { polyfill } from 'react-lifecycles-compat';
 import KeyCode from 'rc-util/lib/KeyCode';
@@ -11,6 +10,7 @@ import TimePickerButton from './calendar/TimePickerButton';
 import { commonMixinWrapper, propType, defaultProp } from './mixin/CommonMixin';
 import { syncTime, getTodayTime, isAllowedDate } from './util';
 import { goTime, goStartMonth, goEndMonth, includesTime } from './util/toTime';
+import moment from 'moment';
 
 function noop() { }
 
diff --git a/src/calendar/CalendarHeader.jsx b/src/calendar/CalendarHeader.jsx
index a7eccfc17..2c4817922 100644
--- a/src/calendar/CalendarHeader.jsx
+++ b/src/calendar/CalendarHeader.jsx
@@ -6,14 +6,14 @@ import YearPanel from '../year/YearPanel';
 import DecadePanel from '../decade/DecadePanel';
 
 function goMonth(direction) {
-  const next = this.props.value.clone();
-  next.add(direction, 'months');
+  let next = this.props.value.clone();
+  next = next.add(direction, 'months');
   this.props.onValueChange(next);
 }
 
 function goYear(direction) {
-  const next = this.props.value.clone();
-  next.add(direction, 'years');
+  let next = this.props.value.clone();
+  next = next.add(direction, 'years');
   this.props.onValueChange(next);
 }
 
diff --git a/src/calendar/CalendarRightPanel.jsx b/src/calendar/CalendarRightPanel.jsx
new file mode 100644
index 000000000..ce3e0b24e
--- /dev/null
+++ b/src/calendar/CalendarRightPanel.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+
+export default class CalendarRightPanel extends React.Component {
+
+  static propTypes = {
+    prefixCls: PropTypes.string,
+    value: PropTypes.object,
+    onSelect: PropTypes.func,
+    onClickRightPanelTime: PropTypes.func,
+    locale: PropTypes.object,
+    defaultMinutesTime: PropTypes.string,
+    cananderIput: PropTypes.string,
+  }
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      highlightTime: this.props.value || null,
+    };
+    this.timeRef = React.createRef();
+    this.times = this.getTimes();
+  }
+
+  componentDidMount() {
+    const { defaultMinutesTime } = this.props;
+    const showTimeIndex = this.times.findIndex(item => item >= defaultMinutesTime);
+    const scrollTimeIndex = showTimeIndex > -1 ? showTimeIndex - 1 : 16;
+    this.timeRef.current.scrollTo(0, 34 * scrollTimeIndex);
+  }
+
+  onSelect = (value) => {
+    this.setState({
+      highlightTime: value,
+    });
+    this.props.onSelect(value);
+    this.props.onClickRightPanelTime();
+  }
+
+  getTimes = () => {
+    const times = [];
+    for (let i = 0; i < 24; i++) {
+      const str = (`${String(i)}:00`).padStart(5, '0');
+      const str1 = (`${String(i)}:30`).padStart(5, '0');
+      times.push(str);
+      times.push(str1);
+    }
+    return times;
+  }
+
+  scrollUp = () => {
+    this.timeRef.current.scrollBy(0, -200);
+  }
+
+  scrollDown = () => {
+    this.timeRef.current.scrollBy(0, 200);
+  }
+
+  render() {
+    const { value, prefixCls, locale } = this.props;
+    const selectedDate = value.format().slice(0, 10);
+    const highlight = this.state.highlightTime;
+    const highlightTime = highlight ? highlight.format().slice(11, 16) : null;
+    const isZhcn = (locale && locale.today === '今天');
+    return (
+      <div className={`${prefixCls}-right-panel`}>
+        <div className={`${prefixCls}-right-panel-header`} onClick={this.scrollUp}>
+          <span></span>
+        </div>
+        <div className={`${prefixCls}-right-panel-body`} ref={this.timeRef}>
+          <ul>
+            {this.times.map((time) => {
+              let current = moment(`${selectedDate} ${time}`);
+              current = isZhcn ? current.locale('zh-cn') : current.locale('en-gb');
+              return (
+                <li
+                  key={time}
+                  onClick={this.onSelect.bind(this, current)}
+                  className={`${highlightTime === time ? `${prefixCls}-selected-time` : ''}`}
+                >{time}</li>
+              );
+            })}
+          </ul>
+        </div>
+        <div className={`${prefixCls}-right-panel-footer`} onClick={this.scrollDown}>
+          <span></span>
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/src/date/DateConstants.js b/src/date/DateConstants.js
index 55f910b00..e64fd817b 100644
--- a/src/date/DateConstants.js
+++ b/src/date/DateConstants.js
@@ -1,4 +1,19 @@
-export default {
+const DATE_ROW_COLUMN_COUNT = {
   DATE_ROW_COUNT: 6,
   DATE_COL_COUNT: 7,
 };
+
+const DAY_NAME_TO_INDEX = {
+  Sunday: 0,
+  Monday: 1,
+  Tuesday: 2,
+  Wednesday: 3,
+  Thursday: 4,
+  Friday: 5,
+  Saturday: 6,
+};
+
+export default {
+  DATE_ROW_COLUMN_COUNT,
+  DAY_NAME_TO_INDEX,
+};
diff --git a/src/date/DateInput.js b/src/date/DateInput.js
index df7c107f1..5a0e16ec4 100644
--- a/src/date/DateInput.js
+++ b/src/date/DateInput.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { polyfill } from 'react-lifecycles-compat';
 import moment from 'moment';
-import { formatDate } from '../util';
+import { formatDate, DATE_FORMATS } from '../util';
 
 let cachedSelectionStart;
 let cachedSelectionEnd;
@@ -26,21 +26,34 @@ class DateInput extends React.Component {
     selectedValue: PropTypes.object,
     clearIcon: PropTypes.node,
     inputMode: PropTypes.string,
+    onChangeCananderIput: PropTypes.func,
   }
 
   constructor(props) {
     super(props);
     const selectedValue = props.selectedValue;
+    const formatPrefix = this.props.format[0];
+    let delimiter;
+    if (formatPrefix === DATE_FORMATS.Germany_Russia_etc ||
+      formatPrefix === DATE_FORMATS.Germany_Russia_etcAndTime) {
+      delimiter = '.';
+    } else if (formatPrefix === DATE_FORMATS.ISO || formatPrefix === DATE_FORMATS.ISOAndTime) {
+      delimiter = '-';
+    } else {
+      delimiter = '/';
+    }
 
     this.state = {
       str: formatDate(selectedValue, this.props.format),
-      invalid: false,
       hasFocus: false,
+      localeFormat: formatPrefix,
+      delimiter,
+      cananderIput: '',
     };
   }
 
   componentDidUpdate() {
-    if (dateInputInstance && this.state.hasFocus && !this.state.invalid &&
+    if (dateInputInstance && this.state.hasFocus &&
       !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
       dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
     }
@@ -51,56 +64,40 @@ class DateInput extends React.Component {
       str: '',
     });
     this.props.onClear(null);
-  }
+  };
 
   onInputChange = (event) => {
     const str = event.target.value;
     const { disabledDate, format, onChange, selectedValue } = this.props;
 
+    this.setState({ cananderIput: str });
     // 没有内容，合法并直接退出
     if (!str) {
       onChange(null);
-      this.setState({
-        invalid: false,
-        str,
-      });
+      this.setState({ str });
       return;
     }
 
     // 不合法直接退出
-    const parsed = moment(str, format, true);
-    if (!parsed.isValid()) {
-      this.setState({
-        invalid: true,
-        str,
-      });
-      return;
-    }
+    const parsed = moment(str, format);
 
-    const value = this.props.value.clone();
-    value
+    let value = this.props.value.clone();
+    value = value
       .year(parsed.year())
       .month(parsed.month())
       .date(parsed.date())
-      .hour(parsed.hour())
-      .minute(parsed.minute())
-      .second(parsed.second());
-
+      .hour(parsed.hour() || moment().hour())
+      .minute(parsed.minute() || moment().minute())
+      .second(parsed.second() || moment().second());
     if (!value || (disabledDate && disabledDate(value))) {
-      this.setState({
-        invalid: true,
-        str,
-      });
+      this.setState({ str });
       return;
     }
 
     if (selectedValue !== value || (
       selectedValue && value && !selectedValue.isSame(value)
     )) {
-      this.setState({
-        invalid: false,
-        str,
-      });
+      this.setState({ str });
       onChange(value);
     }
   }
@@ -138,12 +135,37 @@ class DateInput extends React.Component {
     // when popup show, click body will call this, bug!
     const selectedValue = nextProps.selectedValue;
     if (!state.hasFocus) {
-      newState = {
-        str: formatDate(selectedValue, nextProps.format),
-        invalid: false,
-      };
+      const timeStr = formatDate(selectedValue, nextProps.format).split(' ')[0];
+      const parts = timeStr.split(state.delimiter);
+      const timeParts = formatDate(selectedValue, nextProps.format).split(' ')[1];
+      if (state.localeFormat === DATE_FORMATS.ISO) {
+        if (parts.length === 3) {
+          newState = { str: `${parts[0].padStart(4, 0)}-${parts[1]}-${parts[2]}` };
+        }
+      } else if (state.localeFormat === DATE_FORMATS.ISOAndTime) {
+        if (parts.length === 3) {
+          newState = { str: `${parts[0].padStart(4, 0)}-${parts[1]}-${parts[2]} ${timeParts && timeParts}` };// eslint-disable-line max-len
+        }
+      } else if (state.localeFormat === DATE_FORMATS.US) {
+        if (parts.length === 3) {
+          newState = { str: `${Number(parts[0])}/${Number(parts[1])}/${parts[2].padStart(4, 0)}` };
+        }
+      } else if (state.localeFormat === DATE_FORMATS.USAndTime) {
+        if (parts.length === 3) {
+          newState = { str: `${Number(parts[0])}/${Number(parts[1])}/${parts[2].padStart(4, 0)} ${timeParts && timeParts}` };// eslint-disable-line max-len
+        }
+      } else if (state.localeFormat === DATE_FORMATS.European ||
+        state.localeFormat === DATE_FORMATS.Germany_Russia_etc) {
+        if (parts.length === 3) {
+          newState = { str: `${Number(parts[0])}${state.delimiter}${Number(parts[1])}${state.delimiter}${parts[2].padStart(4, 0)}` };// eslint-disable-line max-len
+        }
+      } else if (state.localeFormat === DATE_FORMATS.EuropeanAndTime ||
+          state.localeFormat === DATE_FORMATS.Germany_Russia_etcAndTime) {
+        if (parts.length === 3) {
+          newState = { str: `${Number(parts[0])}${state.delimiter}${Number(parts[1])}${state.delimiter}${parts[2].padStart(4, 0)} ${timeParts && timeParts}` };// eslint-disable-line max-len
+        }
+      }
     }
-
     return newState;
   }
 
@@ -167,15 +189,14 @@ class DateInput extends React.Component {
 
   render() {
     const props = this.props;
-    const { invalid, str } = this.state;
+    const { str } = this.state;
     const { locale, prefixCls, placeholder, clearIcon, inputMode } = props;
-    const invalidClass = invalid ? `${prefixCls}-input-invalid` : '';
     return (
       <div className={`${prefixCls}-input-wrap`}>
         <div className={`${prefixCls}-date-input-wrap`}>
           <input
             ref={this.saveDateInput}
-            className={`${prefixCls}-input ${invalidClass}`}
+            className={`${prefixCls}-input`}
             value={str}
             disabled={props.disabled}
             placeholder={placeholder}
diff --git a/src/date/DateTBody.jsx b/src/date/DateTBody.jsx
index 21ebc70e0..a9dd61672 100644
--- a/src/date/DateTBody.jsx
+++ b/src/date/DateTBody.jsx
@@ -4,6 +4,8 @@ import cx from 'classnames';
 import DateConstants from './DateConstants';
 import { getTitleString, getTodayTime } from '../util/';
 
+const { DATE_ROW_COLUMN_COUNT, DAY_NAME_TO_INDEX } = DateConstants;
+
 function isSameDay(one, two) {
   return one && two && one.isSame(two, 'day');
 }
@@ -38,6 +40,7 @@ export default class DateTBody extends React.Component {
     value: PropTypes.object,
     hoverValue: PropTypes.any,
     showWeekNumber: PropTypes.bool,
+    firstDayOfWeek: PropTypes.string,
   }
 
   static defaultProps = {
@@ -49,7 +52,7 @@ export default class DateTBody extends React.Component {
     const {
       contentRender, prefixCls, selectedValue, value,
       showWeekNumber, dateRender, disabledDate,
-      hoverValue,
+      hoverValue, firstDayOfWeek,
     } = props;
     let iIndex;
     let jIndex;
@@ -71,21 +74,25 @@ export default class DateTBody extends React.Component {
     const firstDisableClass = `${prefixCls}-disabled-cell-first-of-row`;
     const lastDisableClass = `${prefixCls}-disabled-cell-last-of-row`;
     const lastDayOfMonthClass = `${prefixCls}-last-day-of-month`;
-    const month1 = value.clone();
-    month1.date(1);
+    let month1 = value.clone();
+    month1 = month1.date(1);
     const day = month1.day();
-    const lastMonthDiffDay = (day + 7 - value.localeData().firstDayOfWeek()) % 7;
+    const firstDayName = typeof firstDayOfWeek === 'string'
+      ? firstDayOfWeek[0].toUpperCase() + firstDayOfWeek.slice(1)
+      : 'Sunday';
+    const firstDayIndex = DAY_NAME_TO_INDEX[firstDayName] ? DAY_NAME_TO_INDEX[firstDayName] : 0;
+    const lastMonthDiffDay = (day + 7 - firstDayIndex) % 7;
     // calculate last month
-    const lastMonth1 = month1.clone();
-    lastMonth1.add(0 - lastMonthDiffDay, 'days');
+    let lastMonth1 = month1.clone();
+    lastMonth1 = lastMonth1.add(0 - lastMonthDiffDay, 'days');
     let passed = 0;
 
-    for (iIndex = 0; iIndex < DateConstants.DATE_ROW_COUNT; iIndex++) {
-      for (jIndex = 0; jIndex < DateConstants.DATE_COL_COUNT; jIndex++) {
+    for (iIndex = 0; iIndex < DATE_ROW_COLUMN_COUNT.DATE_ROW_COUNT; iIndex++) {
+      for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
         current = lastMonth1;
         if (passed) {
           current = current.clone();
-          current.add(passed, 'days');
+          current = current.add(passed, 'days');
         }
         dateTable.push(current);
         passed++;
@@ -94,7 +101,7 @@ export default class DateTBody extends React.Component {
     const tableHtml = [];
     passed = 0;
 
-    for (iIndex = 0; iIndex < DateConstants.DATE_ROW_COUNT; iIndex++) {
+    for (iIndex = 0; iIndex < DATE_ROW_COLUMN_COUNT.DATE_ROW_COUNT; iIndex++) {
       let isCurrentWeek;
       let weekNumberCell;
       let isActiveWeek = false;
@@ -110,11 +117,11 @@ export default class DateTBody extends React.Component {
           </td>
         );
       }
-      for (jIndex = 0; jIndex < DateConstants.DATE_COL_COUNT; jIndex++) {
+      for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
         let next = null;
         let last = null;
         current = dateTable[passed];
-        if (jIndex < DateConstants.DATE_COL_COUNT - 1) {
+        if (jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT - 1) {
           next = dateTable[passed + 1];
         }
         if (jIndex > 0) {
diff --git a/src/date/DateTHead.jsx b/src/date/DateTHead.jsx
index 90d675b3a..6001b32ce 100644
--- a/src/date/DateTHead.jsx
+++ b/src/date/DateTHead.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import DateConstants from './DateConstants';
-import moment from 'moment';
+
+const { DAY_NAME_TO_INDEX, DATE_ROW_COLUMN_COUNT } = DateConstants;
 
 export default class DateTHead extends React.Component {
   render() {
@@ -10,14 +11,21 @@ export default class DateTHead extends React.Component {
     const prefixCls = props.prefixCls;
     const veryShortWeekdays = [];
     const weekDays = [];
-    const firstDayOfWeek = localeData.firstDayOfWeek();
+
+    const allWeekdaysMin = localeData.weekdaysMin();
+    const allWeekdaysShort = localeData.weekdaysShort();
+
+    const firstDayName = typeof props.firstDayOfWeek === 'string'
+      ? props.firstDayOfWeek[0].toUpperCase() + props.firstDayOfWeek.slice(1)
+      : 'Sunday';
+    const firstDay = DAY_NAME_TO_INDEX[firstDayName] ? DAY_NAME_TO_INDEX[firstDayName] : 0;
+
     let showWeekNumberEl;
-    const now = moment();
-    for (let dateColIndex = 0; dateColIndex < DateConstants.DATE_COL_COUNT; dateColIndex++) {
-      const index = (firstDayOfWeek + dateColIndex) % DateConstants.DATE_COL_COUNT;
-      now.day(index);
-      veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);
-      weekDays[dateColIndex] = localeData.weekdaysShort(now);
+    const dateColumnCount = DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT;
+    for (let dateColIndex = 0; dateColIndex < dateColumnCount; dateColIndex++) {
+      const index = (firstDay + dateColIndex) % dateColumnCount;
+      veryShortWeekdays[dateColIndex] = allWeekdaysMin[index];
+      weekDays[dateColIndex] = allWeekdaysShort[index];
     }
 
     if (props.showWeekNumber) {
diff --git a/src/decade/DecadePanel.jsx b/src/decade/DecadePanel.jsx
index 2633ab304..b33748f2a 100644
--- a/src/decade/DecadePanel.jsx
+++ b/src/decade/DecadePanel.jsx
@@ -5,17 +5,17 @@ const COL = 3;
 import classnames from 'classnames';
 
 function goYear(direction) {
-  const next = this.state.value.clone();
-  next.add(direction, 'years');
+  let next = this.state.value.clone();
+  next = next.add(direction, 'years');
   this.setState({
     value: next,
   });
 }
 
 function chooseDecade(year, event) {
-  const next = this.state.value.clone();
-  next.year(year);
-  next.month(this.state.value.month());
+  let next = this.state.value.clone();
+  next = next.year(year);
+  next = next.month(this.state.value.month());
   this.props.onSelect(next);
   event.preventDefault();
 }
diff --git a/src/full-calendar/CalendarHeader.jsx b/src/full-calendar/CalendarHeader.jsx
index 8c1b590b9..c9e80007f 100644
--- a/src/full-calendar/CalendarHeader.jsx
+++ b/src/full-calendar/CalendarHeader.jsx
@@ -7,14 +7,14 @@ function noop() {
 
 class CalendarHeader extends Component {
   onYearChange(year) {
-    const newValue = this.props.value.clone();
-    newValue.year(parseInt(year, 10));
+    let newValue = this.props.value.clone();
+    newValue = newValue.year(parseInt(year, 10));
     this.props.onValueChange(newValue);
   }
 
   onMonthChange(month) {
-    const newValue = this.props.value.clone();
-    newValue.month(parseInt(month, 10));
+    let newValue = this.props.value.clone();
+    newValue = newValue.month(parseInt(month, 10));
     this.props.onValueChange(newValue);
   }
 
@@ -44,13 +44,13 @@ class CalendarHeader extends Component {
 
   monthSelectElement(month) {
     const props = this.props;
-    const t = props.value.clone();
+    let t = props.value.clone();
     const { prefixCls } = props;
     const options = [];
     const Select = props.Select;
 
     for (let index = 0; index < 12; index++) {
-      t.month(index);
+      t = t.month(index);
       options.push(
         <Select.Option key={`${index}`}>
           {getMonthName(t)}
diff --git a/src/month/MonthTable.js b/src/month/MonthTable.js
index 2b5a6348e..c78cfd2c7 100644
--- a/src/month/MonthTable.js
+++ b/src/month/MonthTable.js
@@ -7,8 +7,8 @@ const ROW = 4;
 const COL = 3;
 
 function chooseMonth(month) {
-  const next = this.state.value.clone();
-  next.month(month);
+  let next = this.state.value.clone();
+  next = next.month(month);
   this.setAndSelectValue(next);
 }
 
@@ -42,13 +42,13 @@ class MonthTable extends Component {
 
   months() {
     const value = this.state.value;
-    const current = value.clone();
+    let current = value.clone();
     const months = [];
     let index = 0;
     for (let rowIndex = 0; rowIndex < ROW; rowIndex++) {
       months[rowIndex] = [];
       for (let colIndex = 0; colIndex < COL; colIndex++) {
-        current.month(index);
+        current = current.month(index);
         const content = getMonthName(current);
         months[rowIndex][colIndex] = {
           value: index,
@@ -72,8 +72,8 @@ class MonthTable extends Component {
       const tds = month.map(monthData => {
         let disabled = false;
         if (props.disabledDate) {
-          const testValue = value.clone();
-          testValue.month(monthData.value);
+          let testValue = value.clone();
+          testValue = testValue.month(monthData.value);
           disabled = props.disabledDate(testValue);
         }
         const classNameMap = {
@@ -85,14 +85,14 @@ class MonthTable extends Component {
         };
         let cellEl;
         if (cellRender) {
-          const currentValue = value.clone();
-          currentValue.month(monthData.value);
+          let currentValue = value.clone();
+          currentValue = currentValue.month(monthData.value);
           cellEl = cellRender(currentValue, locale);
         } else {
           let content;
           if (contentRender) {
-            const currentValue = value.clone();
-            currentValue.month(monthData.value);
+            let currentValue = value.clone();
+            currentValue = currentValue.month(monthData.value);
             content = contentRender(currentValue, locale);
           } else {
             content = monthData.content;
diff --git a/src/util/index.js b/src/util/index.js
index 59665f68f..88f7dc3db 100644
--- a/src/util/index.js
+++ b/src/util/index.js
@@ -1,5 +1,16 @@
 import moment from 'moment';
 
+export const DATE_FORMATS = {
+  ISO: 'YYYY-MM-DD',
+  ISOAndTime: 'YYYY-MM-DD HH:mm',
+  US: 'M/D/YYYY',
+  USAndTime: 'M/D/YYYY HH:mm',
+  European: 'DD/MM/YYYY',
+  EuropeanAndTime: 'DD/MM/YYYY HH:mm',
+  Germany_Russia_etc: 'DD.MM.YYYY',
+  Germany_Russia_etcAndTime: 'DD.MM.YYYY HH:mm',
+};
+
 const defaultDisabledTime = {
   disabledHours() {
     return [];
@@ -13,8 +24,8 @@ const defaultDisabledTime = {
 };
 
 export function getTodayTime(value) {
-  const today = moment();
-  today.locale(value.locale()).utcOffset(value.utcOffset());
+  let today = moment();
+  today = today.locale(value.locale()).utcOffset(value.utcOffset());
   return today;
 }
 
@@ -35,10 +46,10 @@ export function getMonthName(month) {
 
 export function syncTime(from, to) {
   if (!moment.isMoment(from) || !moment.isMoment(to)) return;
-  to.hour(from.hour());
-  to.minute(from.minute());
-  to.second(from.second());
-  to.millisecond(from.millisecond());
+  to = to.hour(from.hour());
+  to = to.minute(from.minute());
+  to = to.second(from.second());
+  to = to.millisecond(from.millisecond());
 }
 
 export function getTimeConfig(value, disabledTime) {
diff --git a/src/year/YearPanel.jsx b/src/year/YearPanel.jsx
index f679a52bd..b0d4acaf6 100644
--- a/src/year/YearPanel.jsx
+++ b/src/year/YearPanel.jsx
@@ -5,17 +5,17 @@ const ROW = 4;
 const COL = 3;
 
 function goYear(direction) {
-  const value = this.state.value.clone();
-  value.add(direction, 'year');
+  let value = this.state.value.clone();
+  value = value.add(direction, 'year');
   this.setState({
     value,
   });
 }
 
 function chooseYear(year) {
-  const value = this.state.value.clone();
-  value.year(year);
-  value.month(this.state.value.month());
+  let value = this.state.value.clone();
+  value = value.year(year);
+  value = value.month(this.state.value.month());
   this.setState({
     value,
   });
@@ -70,23 +70,13 @@ export default class YearPanel extends React.Component {
         const classNameMap = {
           [`${prefixCls}-cell`]: 1,
           [`${prefixCls}-selected-cell`]: yearData.year === currentYear,
-          [`${prefixCls}-last-decade-cell`]: yearData.year < startYear,
-          [`${prefixCls}-next-decade-cell`]: yearData.year > endYear,
         };
-        let clickHandler;
-        if (yearData.year < startYear) {
-          clickHandler = this.previousDecade;
-        } else if (yearData.year > endYear) {
-          clickHandler = this.nextDecade;
-        } else {
-          clickHandler = chooseYear.bind(this, yearData.year);
-        }
         return (
           <td
             role="gridcell"
             title={yearData.title}
             key={yearData.content}
-            onClick={clickHandler}
+            onClick={chooseYear.bind(this, yearData.year)}
             className={classnames(classNameMap)}
           >
             <a
diff --git a/tests/Calendar.spec.jsx b/tests/Calendar.spec.jsx
index 369eeb86b..5fa7d2230 100644
--- a/tests/Calendar.spec.jsx
+++ b/tests/Calendar.spec.jsx
@@ -203,8 +203,8 @@ describe('Calendar', () => {
 
       it('left works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-1, 'day');
+        let expected = original.clone();
+        expected = expected.add(-1, 'day');
 
         calendar.simulate('keyDown', { keyCode: keyCode.LEFT });
         expect(calendar.state().value.date()).toBe(expected.date());
@@ -214,8 +214,8 @@ describe('Calendar', () => {
 
       it('right works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(1, 'day');
+        let expected = original.clone();
+        expected = expected.add(1, 'day');
         calendar.simulate('keyDown', { keyCode: keyCode.RIGHT });
         expect(calendar.state().value.date()).toBe(expected.date());
         expect(input.getDOMNode().value).toBe('');
@@ -223,14 +223,14 @@ describe('Calendar', () => {
 
       it('up works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-7, 'day');
+        let expected = original.clone();
+        expected = expected.add(-7, 'day');
       });
 
       it('left works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-1, 'day');
+        let expected = original.clone();
+        expected = expected.add(-1, 'day');
 
         calendar.simulate('keyDown', { keyCode: keyCode.LEFT });
         expect(calendar.state().value.date()).toBe(expected.date());
@@ -240,8 +240,8 @@ describe('Calendar', () => {
 
       it('right works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(1, 'day');
+        let expected = original.clone();
+        expected = expected.add(1, 'day');
         calendar.simulate('keyDown', { keyCode: keyCode.RIGHT });
         expect(calendar.state().value.date()).toBe(expected.date());
         expect(input.getDOMNode().value).toBe('');
@@ -249,8 +249,8 @@ describe('Calendar', () => {
 
       it('up works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-7, 'day');
+        let expected = original.clone();
+        expected = expected.add(-7, 'day');
         calendar.simulate('keyDown', { keyCode: keyCode.UP });
         expect(calendar.state().value.date()).toBe(expected.date());
         expect(input.getDOMNode().value).toBe('');
@@ -258,8 +258,8 @@ describe('Calendar', () => {
 
       it('down works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(7, 'day');
+        let expected = original.clone();
+        expected = expected.add(7, 'day');
         calendar.simulate('keyDown', { keyCode: keyCode.DOWN });
         expect(calendar.state().value.date()).toBe(expected.date());
         expect(input.getDOMNode().value).toBe('');
@@ -267,8 +267,8 @@ describe('Calendar', () => {
 
       it('pageDown works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(1, 'month');
+        let expected = original.clone();
+        expected = expected.add(1, 'month');
         calendar.simulate('keyDown', { keyCode: keyCode.PAGE_DOWN });
         expect(calendar.state().value.month()).toBe(expected.month());
         expect(input.getDOMNode().value).toBe('');
@@ -276,8 +276,8 @@ describe('Calendar', () => {
 
       it('pageUp works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-1, 'month');
+        let expected = original.clone();
+        expected = expected.add(-1, 'month');
         calendar.simulate('keyDown', { keyCode: keyCode.PAGE_UP });
         expect(calendar.state().value.month()).toBe(expected.month());
         expect(input.getDOMNode().value).toBe('');
@@ -285,8 +285,8 @@ describe('Calendar', () => {
 
       it('ctrl left works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(-1, 'year');
+        let expected = original.clone();
+        expected = expected.add(-1, 'year');
         calendar.simulate('keyDown', {
           keyCode: keyCode.LEFT,
           ctrlKey: 1,
@@ -297,8 +297,8 @@ describe('Calendar', () => {
 
       it('ctrl right works', () => {
         const original = calendar.state().value;
-        const expected = original.clone();
-        expected.add(1, 'year');
+        let expected = original.clone();
+        expected = expected.add(1, 'year');
         calendar.simulate('keyDown', {
           keyCode: keyCode.RIGHT,
           ctrlKey: 1,
@@ -351,10 +351,10 @@ describe('Calendar', () => {
           if (!current) {
             return false;
           }
-          const date = moment();
-          date.hour(0);
-          date.minute(0);
-          date.second(0);
+          let date = moment();
+          date = date.hour(0);
+          date = date.minute(0);
+          date = date.second(0);
           return current.valueOf() < date.valueOf();
         }
 
diff --git a/tests/MonthCalendar.spec.js b/tests/MonthCalendar.spec.js
index 40e091024..04193c380 100644
--- a/tests/MonthCalendar.spec.js
+++ b/tests/MonthCalendar.spec.js
@@ -2,8 +2,8 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import keyCode from 'rc-util/lib/KeyCode';
-import moment from 'moment';
 import MonthCalendar from '../src/MonthCalendar';
+import moment from 'moment';
 
 describe('MonthCalendar', () => {
   it('year or decade panel work correctly', () => {
diff --git a/tests/Picker.spec.jsx b/tests/Picker.spec.jsx
index 2eed444d6..d67d395e2 100644
--- a/tests/Picker.spec.jsx
+++ b/tests/Picker.spec.jsx
@@ -1,11 +1,11 @@
 import React from 'react';
-import moment from 'moment';
 import { mount } from 'enzyme';
 import keyCode from 'rc-util/lib/KeyCode';
 import Calendar from '../index';
 import DatePicker from '../src/Picker';
 import RangeCalendar from '../src/RangeCalendar';
 import CalendarLocale from '../src/locale/en_US';
+import moment from 'moment';
 
 const format = ('YYYY-MM-DD');
 const VALUE = moment([2015, 5, 1]);
@@ -83,9 +83,9 @@ describe('DatePicker', () => {
     day.simulate('click');
     expect(change).not.toBeFalsy();
     expect(change.year()).toEqual(2015);
-    expect(change.month()).toEqual(5);
-    expect(change.date()).toEqual(2);
-    expect(input.getDOMNode().value).toEqual('2015-06-02');
+    expect(change.month()).toEqual(3);
+    expect(change.date()).toEqual(28);
+    expect(input.getDOMNode().value).toEqual('2015-04-28');
     expect(picker.state().open).toBeFalsy();
   });
 
@@ -108,12 +108,12 @@ describe('DatePicker', () => {
     expect(change).not.toBeFalsy();
     expect(change.length).toEqual(2);
     expect(change[0].year()).toEqual(2015);
-    expect(change[0].month()).toEqual(5);
-    expect(change[0].date()).toEqual(2);
+    expect(change[0].month()).toEqual(3);
+    expect(change[0].date()).toEqual(28);
     expect(change[1].year()).toEqual(2015);
-    expect(change[1].month()).toEqual(5);
-    expect(change[1].date()).toEqual(3);
-    expect(input.getDOMNode().value).toEqual('2015-06-02 - 2015-06-03');
+    expect(change[1].month()).toEqual(3);
+    expect(change[1].date()).toEqual(29);
+    expect(input.getDOMNode().value).toEqual('2015-04-28 - 2015-04-29');
     expect(picker.state().open).toBeFalsy();
   });
 
diff --git a/tests/RangeCalendar.spec.jsx b/tests/RangeCalendar.spec.jsx
index 7448fe78f..cb43506b3 100644
--- a/tests/RangeCalendar.spec.jsx
+++ b/tests/RangeCalendar.spec.jsx
@@ -1,10 +1,10 @@
 /* eslint-disable no-undef, max-len, react/no-multi-comp */
 import React from 'react';
-import moment from 'moment';
 import { mount, render } from 'enzyme';
 import keyCode from 'rc-util/lib/KeyCode';
 import TimePickerPanel from 'rc-time-picker/lib/Panel';
 import RangeCalendar from '../src/RangeCalendar';
+import moment from 'moment';
 
 const format = ('YYYY-MM-DD');
 
@@ -143,12 +143,11 @@ describe('RangeCalendar', () => {
 
   it('onSelect works', () => {
     function onSelect(d) {
-      expect(d[0].format(format)).toBe('2015-09-04');
-      expect(d[1].format(format)).toBe('2015-10-02');
+      expect(d[0].format(format)).toBe('2015-07-31');
+      expect(d[1].format(format)).toBe('2015-07-31');
     }
 
     const now = moment([2015, 8, 29]);
-
     const wrapper = mount(
       <RangeCalendar
         format={format}
@@ -157,20 +156,19 @@ describe('RangeCalendar', () => {
         showWeekNumber
       />
     );
-    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(5).simulate('click'); // 9.4
-    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-09-04');
-    wrapper.find('.rc-calendar-range-right .rc-calendar-date').at(5).simulate('click'); // 10.2
-    expect(wrapper.find('.rc-calendar-input').at(1).getDOMNode().value).toBe('2015-10-02');
+    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(5).simulate('click'); // 7.31
+    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-07-31');
+    wrapper.find('.rc-calendar-range-right .rc-calendar-date').at(5).simulate('click'); // 7.31
+    expect(wrapper.find('.rc-calendar-input').at(1).getDOMNode().value).toBe('2015-07-31');
   });
 
   it('onSelect works reversely', () => {
     function onSelect(d) {
-      expect(d[0].format(format)).toBe('2015-09-04');
-      expect(d[1].format(format)).toBe('2015-09-14');
+      expect(d[0].format(format)).toBe('2015-07-31');
+      expect(d[1].format(format)).toBe('2015-08-10');
     }
 
     const now = moment([2015, 8, 29]);
-
     const wrapper = mount(
       <RangeCalendar
         format={format}
@@ -180,12 +178,12 @@ describe('RangeCalendar', () => {
       />
     );
 
-    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(15).simulate('click'); // 9.14
-    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-09-14');
+    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(15).simulate('click'); // 8.10
+    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-08-10');
 
-    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(5).simulate('click'); // 9.4
-    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-09-04');
-    expect(wrapper.find('.rc-calendar-input').at(1).getDOMNode().value).toBe('2015-09-14');
+    wrapper.find('.rc-calendar-range-left .rc-calendar-date').at(5).simulate('click'); // 7.31
+    expect(wrapper.find('.rc-calendar-input').at(0).getDOMNode().value).toBe('2015-07-31');
+    expect(wrapper.find('.rc-calendar-input').at(1).getDOMNode().value).toBe('2015-08-10');
   });
 
   it('onHoverChange works', () => {
diff --git a/tests/__snapshots__/Calendar.spec.jsx.snap b/tests/__snapshots__/Calendar.spec.jsx.snap
index d87e39193..cc486bfb2 100644
--- a/tests/__snapshots__/Calendar.spec.jsx.snap
+++ b/tests/__snapshots__/Calendar.spec.jsx.snap
@@ -29,938 +29,942 @@ exports[`Calendar controlled panels render controlled panels correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position: relative;"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position: relative;"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
-        </div>
-        <div
-          class="rc-calendar-month-panel"
-        >
-          <div>
-            <div
-              class="rc-calendar-month-panel-header"
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
             >
               <a
-                class="rc-calendar-month-panel-prev-year-btn"
-                role="button"
-                title="Last year (Control + left)"
-              />
-              <a
-                class="rc-calendar-month-panel-year-select"
+                class="rc-calendar-month-select"
                 role="button"
-                title="Choose a year"
+                title="Choose a month"
               >
-                <span
-                  class="rc-calendar-month-panel-year-select-content"
-                >
-                  2017
-                </span>
-                <span
-                  class="rc-calendar-month-panel-year-select-arrow"
-                >
-                  x
-                </span>
+                Mar
               </a>
               <a
-                class="rc-calendar-month-panel-next-year-btn"
+                class="rc-calendar-year-select"
                 role="button"
-                title="Next year (Control + right)"
-              />
-            </div>
-            <div
-              class="rc-calendar-month-panel-body"
-            >
-              <table
-                cellspacing="0"
-                class="rc-calendar-month-panel-table"
-                role="grid"
+                title="Choose a year"
               >
-                <tbody
-                  class="rc-calendar-month-panel-tbody"
-                >
-                  <tr
-                    role="row"
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
+          <div
+            class="rc-calendar-month-panel"
+          >
+            <div>
+              <div
+                class="rc-calendar-month-panel-header"
+              >
+                <a
+                  class="rc-calendar-month-panel-prev-year-btn"
+                  role="button"
+                  title="Last year (Control + left)"
+                />
+                <a
+                  class="rc-calendar-month-panel-year-select"
+                  role="button"
+                  title="Choose a year"
+                >
+                  <span
+                    class="rc-calendar-month-panel-year-select-content"
+                  >
+                    2017
+                  </span>
+                  <span
+                    class="rc-calendar-month-panel-year-select-arrow"
                   >
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Jan"
+                    x
+                  </span>
+                </a>
+                <a
+                  class="rc-calendar-month-panel-next-year-btn"
+                  role="button"
+                  title="Next year (Control + right)"
+                />
+              </div>
+              <div
+                class="rc-calendar-month-panel-body"
+              >
+                <table
+                  cellspacing="0"
+                  class="rc-calendar-month-panel-table"
+                  role="grid"
+                >
+                  <tbody
+                    class="rc-calendar-month-panel-tbody"
+                  >
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Jan"
                       >
-                        Jan
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Feb"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Jan
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Feb"
                       >
-                        Feb
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell rc-calendar-month-panel-selected-cell rc-calendar-month-panel-current-cell"
-                      role="gridcell"
-                      title="Mar"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Feb
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell rc-calendar-month-panel-selected-cell rc-calendar-month-panel-current-cell"
+                        role="gridcell"
+                        title="Mar"
                       >
-                        Mar
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Apr"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Mar
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Apr"
                       >
-                        Apr
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="May"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Apr
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="May"
                       >
-                        May
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Jun"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          May
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Jun"
                       >
-                        Jun
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Jul"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Jun
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Jul"
                       >
-                        Jul
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Aug"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Jul
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Aug"
                       >
-                        Aug
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Sep"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Aug
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Sep"
                       >
-                        Sep
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Oct"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Sep
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Oct"
                       >
-                        Oct
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Nov"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Oct
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Nov"
                       >
-                        Nov
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-month-panel-cell"
-                      role="gridcell"
-                      title="Dec"
-                    >
-                      <a
-                        class="rc-calendar-month-panel-month"
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Nov
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-month-panel-cell"
+                        role="gridcell"
+                        title="Dec"
                       >
-                        Dec
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+                        <a
+                          class="rc-calendar-month-panel-month"
+                        >
+                          Dec
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -996,938 +1000,942 @@ exports[`Calendar controlled panels render controlled panels correctly 2`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position: relative;"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position: relative;"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
-        </div>
-        <div
-          class="rc-calendar-year-panel"
-        >
-          <div>
-            <div
-              class="rc-calendar-year-panel-header"
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
             >
               <a
-                class="rc-calendar-year-panel-prev-decade-btn"
-                role="button"
-                title="Last decade"
-              />
-              <a
-                class="rc-calendar-year-panel-decade-select"
+                class="rc-calendar-month-select"
                 role="button"
-                title="Choose a decade"
+                title="Choose a month"
               >
-                <span
-                  class="rc-calendar-year-panel-decade-select-content"
-                >
-                  2010-2019
-                </span>
-                <span
-                  class="rc-calendar-year-panel-decade-select-arrow"
-                >
-                  x
-                </span>
+                Mar
               </a>
               <a
-                class="rc-calendar-year-panel-next-decade-btn"
+                class="rc-calendar-year-select"
                 role="button"
-                title="Next decade"
-              />
-            </div>
-            <div
-              class="rc-calendar-year-panel-body"
-            >
-              <table
-                cellspacing="0"
-                class="rc-calendar-year-panel-table"
-                role="grid"
+                title="Choose a year"
               >
-                <tbody
-                  class="rc-calendar-year-panel-tbody"
-                >
-                  <tr
-                    role="row"
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
+          <div
+            class="rc-calendar-year-panel"
+          >
+            <div>
+              <div
+                class="rc-calendar-year-panel-header"
+              >
+                <a
+                  class="rc-calendar-year-panel-prev-decade-btn"
+                  role="button"
+                  title="Last decade"
+                />
+                <a
+                  class="rc-calendar-year-panel-decade-select"
+                  role="button"
+                  title="Choose a decade"
+                >
+                  <span
+                    class="rc-calendar-year-panel-decade-select-content"
                   >
-                    <td
-                      class="rc-calendar-year-panel-cell rc-calendar-year-panel-last-decade-cell"
-                      role="gridcell"
-                      title="2009"
+                    2010-2019
+                  </span>
+                  <span
+                    class="rc-calendar-year-panel-decade-select-arrow"
+                  >
+                    x
+                  </span>
+                </a>
+                <a
+                  class="rc-calendar-year-panel-next-decade-btn"
+                  role="button"
+                  title="Next decade"
+                />
+              </div>
+              <div
+                class="rc-calendar-year-panel-body"
+              >
+                <table
+                  cellspacing="0"
+                  class="rc-calendar-year-panel-table"
+                  role="grid"
+                >
+                  <tbody
+                    class="rc-calendar-year-panel-tbody"
+                  >
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2009"
                       >
-                        2009
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2010"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2009
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2010"
                       >
-                        2010
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2011"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2010
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2011"
                       >
-                        2011
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2012"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2011
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2012"
                       >
-                        2012
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2013"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2012
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2013"
                       >
-                        2013
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2014"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2013
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2014"
                       >
-                        2014
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2015"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2014
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2015"
                       >
-                        2015
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2016"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2015
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2016"
                       >
-                        2016
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell rc-calendar-year-panel-selected-cell"
-                      role="gridcell"
-                      title="2017"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2016
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell rc-calendar-year-panel-selected-cell"
+                        role="gridcell"
+                        title="2017"
                       >
-                        2017
-                      </a>
-                    </td>
-                  </tr>
-                  <tr
-                    role="row"
-                  >
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2018"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2017
+                        </a>
+                      </td>
+                    </tr>
+                    <tr
+                      role="row"
                     >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2018"
                       >
-                        2018
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell"
-                      role="gridcell"
-                      title="2019"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2018
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2019"
                       >
-                        2019
-                      </a>
-                    </td>
-                    <td
-                      class="rc-calendar-year-panel-cell rc-calendar-year-panel-next-decade-cell"
-                      role="gridcell"
-                      title="2020"
-                    >
-                      <a
-                        class="rc-calendar-year-panel-year"
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2019
+                        </a>
+                      </td>
+                      <td
+                        class="rc-calendar-year-panel-cell"
+                        role="gridcell"
+                        title="2020"
                       >
-                        2020
-                      </a>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
+                        <a
+                          class="rc-calendar-year-panel-year"
+                        >
+                          2020
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -1963,740 +1971,744 @@ exports[`Calendar render render correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="上一年 (Control键加左方向键)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="上个月 (翻页上键)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="选择年份"
-            >
-              2017年
-            </a>
+              title="上一年 (Control键加左方向键)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="选择月份"
-            >
-              3月
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="下个月 (翻页下键)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="下一年 (Control键加右方向键)"
-          />
-        </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
-        >
-          <thead>
-            <tr
-              role="row"
+              title="上个月 (翻页上键)"
+            />
+            <span
+              class="rc-calendar-ym-select"
             >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周一"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  一
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周二"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  二
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周三"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  三
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周四"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  四
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周五"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  五
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周六"
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="选择年份"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  六
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="周日"
+                2017年
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="选择月份"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  日
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+                3月
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="下个月 (翻页下键)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="下一年 (Control键加右方向键)"
+            />
+          </div>
+        </div>
+        <div
+          class="rc-calendar-body"
+        >
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="2017年2月27日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="2017年2月28日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月1日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月2日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月3日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月4日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月5日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月6日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月7日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月8日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月9日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月10日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月11日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月12日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月13日"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月14日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月15日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月16日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月17日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月18日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月19日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月20日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月21日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月22日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月23日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月24日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月25日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月26日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月27日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月28日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="2017年3月29日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="2017年3月30日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="2017年3月31日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月1日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月2日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周日"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    日
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周一"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    一
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周二"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    二
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周三"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    三
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周四"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    四
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周五"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    五
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="周六"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    六
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月3日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月4日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月5日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月6日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月7日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月8日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="2017年4月9日"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="2017年3月29日"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            今天
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              今天
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -2732,740 +2744,744 @@ exports[`Calendar render render correctly 2`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
-        </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
-        >
-          <thead>
-            <tr
-              role="row"
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
             >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choose a month"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choose a year"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
+        </div>
+        <div
+          class="rc-calendar-body"
+        >
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -3501,747 +3517,751 @@ exports[`Calendar render render correctly 3`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              March
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
             >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
-        </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
-        >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choose a month"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
+                March
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choose a year"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
+        </div>
+        <div
+          class="rc-calendar-body"
+        >
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
 </div>
 `;
 
-exports[`Calendar render render correctly with invalid moment object 1`] = `
+exports[`Calendar render render correctly with invalid dayjs object 1`] = `
 <div
   class="rc-calendar"
   tabindex="0"
@@ -4270,740 +4290,744 @@ exports[`Calendar render render correctly with invalid moment object 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
             >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
-        </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
-        >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choose a month"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choose a year"
               >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
+        </div>
+        <div
+          class="rc-calendar-body"
+        >
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
+            <thead>
+              <tr
+                role="row"
               >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
             >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
diff --git a/tests/__snapshots__/FullCalendar.spec.js.snap b/tests/__snapshots__/FullCalendar.spec.js.snap
index 69df28ea9..cdd760cd3 100644
--- a/tests/__snapshots__/FullCalendar.spec.js.snap
+++ b/tests/__snapshots__/FullCalendar.spec.js.snap
@@ -109,7 +109,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -122,7 +122,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -135,7 +135,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="February 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -148,7 +148,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -161,7 +161,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -174,7 +174,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -187,7 +187,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -205,7 +205,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -218,7 +218,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -231,7 +231,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -244,7 +244,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -257,7 +257,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 9, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -270,7 +270,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 10, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -283,7 +283,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 11, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -301,7 +301,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 12, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -314,7 +314,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 13, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -327,7 +327,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 14, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -340,7 +340,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 15, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -353,7 +353,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 16, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -366,7 +366,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 17, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -379,7 +379,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 18, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -397,7 +397,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 19, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -410,7 +410,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 20, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -423,7 +423,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 21, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -436,7 +436,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 22, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -449,7 +449,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 23, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -462,7 +462,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 24, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -475,7 +475,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 25, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -493,7 +493,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -506,7 +506,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -519,7 +519,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -532,7 +532,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
             role="gridcell"
-            title="March 29, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -545,7 +545,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 30, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -558,7 +558,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="March 31, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -571,7 +571,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -589,7 +589,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -602,7 +602,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -615,7 +615,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -628,7 +628,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -641,7 +641,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -654,7 +654,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -667,7 +667,7 @@ exports[`FullCalendar renders custom header correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -878,7 +878,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -891,7 +891,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -904,7 +904,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="February 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -917,7 +917,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -930,7 +930,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -943,7 +943,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -956,7 +956,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -974,7 +974,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -987,7 +987,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1000,7 +1000,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1013,7 +1013,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1026,7 +1026,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 9, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1039,7 +1039,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 10, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1052,7 +1052,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 11, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1070,7 +1070,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 12, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1083,7 +1083,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 13, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1096,7 +1096,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 14, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1109,7 +1109,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 15, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1122,7 +1122,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 16, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1135,7 +1135,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 17, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1148,7 +1148,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 18, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1166,7 +1166,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 19, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1179,7 +1179,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 20, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1192,7 +1192,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 21, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1205,7 +1205,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 22, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1218,7 +1218,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 23, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1231,7 +1231,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 24, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1244,7 +1244,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 25, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1262,7 +1262,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1275,7 +1275,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1288,7 +1288,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1301,7 +1301,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
             role="gridcell"
-            title="March 29, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1314,7 +1314,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 30, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1327,7 +1327,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="March 31, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1340,7 +1340,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1358,7 +1358,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1371,7 +1371,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1384,7 +1384,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1397,7 +1397,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1410,7 +1410,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1423,7 +1423,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1436,7 +1436,7 @@ exports[`FullCalendar renders date mode correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1647,7 +1647,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1660,7 +1660,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1673,7 +1673,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="February 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1686,7 +1686,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1699,7 +1699,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1712,7 +1712,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1725,7 +1725,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1743,7 +1743,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1756,7 +1756,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1769,7 +1769,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1782,7 +1782,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1795,7 +1795,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 9, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1808,7 +1808,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 10, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1821,7 +1821,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 11, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1839,7 +1839,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 12, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1852,7 +1852,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 13, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1865,7 +1865,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 14, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1878,7 +1878,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 15, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1891,7 +1891,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 16, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1904,7 +1904,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 17, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1917,7 +1917,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 18, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1935,7 +1935,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 19, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1948,7 +1948,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 20, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1961,7 +1961,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 21, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1974,7 +1974,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 22, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -1987,7 +1987,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 23, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2000,7 +2000,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 24, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2013,7 +2013,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 25, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2031,7 +2031,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2044,7 +2044,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2057,7 +2057,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2070,7 +2070,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
             role="gridcell"
-            title="March 29, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2083,7 +2083,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 30, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2096,7 +2096,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="March 31, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2109,7 +2109,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2127,7 +2127,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2140,7 +2140,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2153,7 +2153,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2166,7 +2166,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2179,7 +2179,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2192,7 +2192,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2205,7 +2205,7 @@ exports[`FullCalendar renders fullscreen correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2639,7 +2639,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2652,7 +2652,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell"
             role="gridcell"
-            title="February 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2665,7 +2665,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="February 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2678,7 +2678,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2691,7 +2691,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2704,7 +2704,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2717,7 +2717,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2735,7 +2735,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2748,7 +2748,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2761,7 +2761,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2774,7 +2774,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2787,7 +2787,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 9, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2800,7 +2800,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 10, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2813,7 +2813,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 11, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2831,7 +2831,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 12, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2844,7 +2844,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 13, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2857,7 +2857,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 14, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2870,7 +2870,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 15, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2883,7 +2883,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 16, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2896,7 +2896,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 17, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2909,7 +2909,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 18, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2927,7 +2927,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 19, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2940,7 +2940,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 20, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2953,7 +2953,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 21, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2966,7 +2966,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 22, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2979,7 +2979,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 23, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -2992,7 +2992,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 24, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3005,7 +3005,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 25, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3023,7 +3023,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 26, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3036,7 +3036,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 27, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3049,7 +3049,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 28, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3062,7 +3062,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
             role="gridcell"
-            title="March 29, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3075,7 +3075,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell"
             role="gridcell"
-            title="March 30, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3088,7 +3088,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-last-day-of-month"
             role="gridcell"
-            title="March 31, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3101,7 +3101,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 1, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3119,7 +3119,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 2, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3132,7 +3132,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 3, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3145,7 +3145,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 4, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3158,7 +3158,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 5, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3171,7 +3171,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 6, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3184,7 +3184,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 7, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
@@ -3197,7 +3197,7 @@ exports[`FullCalendar type renders defaultType correctly 1`] = `
           <td
             class="rc-calendar-cell rc-calendar-next-month-btn-day"
             role="gridcell"
-            title="April 8, 2017"
+            title="LL"
           >
             <div
               aria-disabled="false"
diff --git a/tests/__snapshots__/RangeCalendar.spec.jsx.snap b/tests/__snapshots__/RangeCalendar.spec.jsx.snap
index 8735dae14..12d74df43 100644
--- a/tests/__snapshots__/RangeCalendar.spec.jsx.snap
+++ b/tests/__snapshots__/RangeCalendar.spec.jsx.snap
@@ -154,7 +154,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -167,7 +167,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -180,7 +180,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="February 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -193,7 +193,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -206,7 +206,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -219,7 +219,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -232,7 +232,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -250,7 +250,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -263,7 +263,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -276,7 +276,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -289,7 +289,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -302,7 +302,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -315,7 +315,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -328,7 +328,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -346,7 +346,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -359,7 +359,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -372,7 +372,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -385,7 +385,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -398,7 +398,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -411,7 +411,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -424,7 +424,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -442,7 +442,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -455,7 +455,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -468,7 +468,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -481,7 +481,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -494,7 +494,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -507,7 +507,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -520,7 +520,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -538,7 +538,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -551,7 +551,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -564,7 +564,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -575,9 +575,9 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date"
+                    class="rc-calendar-cell rc-calendar-today"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -590,7 +590,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -603,7 +603,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -616,7 +616,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -634,7 +634,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -647,7 +647,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -660,7 +660,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -673,7 +673,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -686,7 +686,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -699,7 +699,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -712,7 +712,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -874,7 +874,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -887,7 +887,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -900,7 +900,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -911,9 +911,9 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date rc-calendar-last-month-cell"
+                    class="rc-calendar-cell rc-calendar-today rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -926,7 +926,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -939,7 +939,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -952,7 +952,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -970,7 +970,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -983,7 +983,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -996,7 +996,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1009,7 +1009,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1022,7 +1022,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1035,7 +1035,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1048,7 +1048,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1066,7 +1066,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1079,7 +1079,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1092,7 +1092,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1105,7 +1105,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1118,7 +1118,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1131,7 +1131,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1144,7 +1144,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1162,7 +1162,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1175,7 +1175,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1188,7 +1188,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1201,7 +1201,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1214,7 +1214,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1227,7 +1227,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1240,7 +1240,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1258,7 +1258,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1271,7 +1271,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1284,7 +1284,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1297,7 +1297,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1310,7 +1310,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1323,7 +1323,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1336,7 +1336,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1354,7 +1354,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="April 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1367,7 +1367,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1380,7 +1380,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1393,7 +1393,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1406,7 +1406,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1419,7 +1419,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1432,7 +1432,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1458,7 +1458,7 @@ exports[`RangeCalendar can hide date inputs with showDateInput={false} 1`] = `
         <a
           class="rc-calendar-today-btn rc-calendar-today-btn-disabled"
           role="button"
-          title="March 29, 2017"
+          title="LL"
         >
           Back to today
         </a>
@@ -1840,7 +1840,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1853,7 +1853,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1866,7 +1866,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="February 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1879,7 +1879,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1892,7 +1892,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1905,7 +1905,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1918,7 +1918,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1936,7 +1936,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1949,7 +1949,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1962,7 +1962,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1975,7 +1975,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -1988,7 +1988,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2001,7 +2001,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2014,7 +2014,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2032,7 +2032,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2045,7 +2045,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2058,7 +2058,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2071,7 +2071,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2084,7 +2084,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2097,7 +2097,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2110,7 +2110,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2128,7 +2128,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2141,7 +2141,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2154,7 +2154,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2167,7 +2167,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2180,7 +2180,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2193,7 +2193,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2206,7 +2206,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2224,7 +2224,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2237,7 +2237,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2250,7 +2250,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2261,9 +2261,9 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date"
+                    class="rc-calendar-cell rc-calendar-today"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2276,7 +2276,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2289,7 +2289,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2302,7 +2302,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2320,7 +2320,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2333,7 +2333,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2346,7 +2346,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2359,7 +2359,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2372,7 +2372,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2385,7 +2385,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2398,7 +2398,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2780,7 +2780,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2793,7 +2793,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2806,7 +2806,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2817,9 +2817,9 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date rc-calendar-last-month-cell"
+                    class="rc-calendar-cell rc-calendar-today rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2832,7 +2832,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2845,7 +2845,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2858,7 +2858,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2876,7 +2876,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2889,7 +2889,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2902,7 +2902,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2915,7 +2915,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2928,7 +2928,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2941,7 +2941,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2954,7 +2954,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2972,7 +2972,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2985,7 +2985,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -2998,7 +2998,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3011,7 +3011,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3024,7 +3024,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3037,7 +3037,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3050,7 +3050,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3068,7 +3068,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3081,7 +3081,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3094,7 +3094,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3107,7 +3107,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3120,7 +3120,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3133,7 +3133,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3146,7 +3146,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3164,7 +3164,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3177,7 +3177,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3190,7 +3190,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3203,7 +3203,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3216,7 +3216,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3229,7 +3229,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3242,7 +3242,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3260,7 +3260,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="April 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3273,7 +3273,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3286,7 +3286,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3299,7 +3299,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3312,7 +3312,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3325,7 +3325,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3338,7 +3338,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3364,7 +3364,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 1`]
         <a
           class="rc-calendar-today-btn rc-calendar-today-btn-disabled"
           role="button"
-          title="March 29, 2017"
+          title="LL"
         >
           Back to today
         </a>
@@ -3495,7 +3495,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                         role="row"
                       >
                         <td
-                          class="rc-calendar-year-panel-cell rc-calendar-year-panel-last-decade-cell"
+                          class="rc-calendar-year-panel-cell"
                           role="gridcell"
                           title="2009"
                         >
@@ -3628,7 +3628,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                           </a>
                         </td>
                         <td
-                          class="rc-calendar-year-panel-cell rc-calendar-year-panel-next-decade-cell"
+                          class="rc-calendar-year-panel-cell"
                           role="gridcell"
                           title="2020"
                         >
@@ -3746,7 +3746,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3759,7 +3759,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3772,7 +3772,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="February 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3785,7 +3785,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3798,7 +3798,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3811,7 +3811,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3824,7 +3824,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3842,7 +3842,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3855,7 +3855,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3868,7 +3868,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3881,7 +3881,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3894,7 +3894,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3907,7 +3907,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3920,7 +3920,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3938,7 +3938,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3951,7 +3951,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3964,7 +3964,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3977,7 +3977,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -3990,7 +3990,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4003,7 +4003,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4016,7 +4016,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4034,7 +4034,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4047,7 +4047,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4060,7 +4060,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4073,7 +4073,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4086,7 +4086,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4099,7 +4099,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4112,7 +4112,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4130,7 +4130,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4143,7 +4143,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4156,7 +4156,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4167,9 +4167,9 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date"
+                    class="rc-calendar-cell rc-calendar-today"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4182,7 +4182,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4195,7 +4195,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4208,7 +4208,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4226,7 +4226,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4239,7 +4239,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4252,7 +4252,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4265,7 +4265,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4278,7 +4278,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4291,7 +4291,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4304,7 +4304,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4435,7 +4435,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                         role="row"
                       >
                         <td
-                          class="rc-calendar-year-panel-cell rc-calendar-year-panel-last-decade-cell"
+                          class="rc-calendar-year-panel-cell"
                           role="gridcell"
                           title="2009"
                         >
@@ -4568,7 +4568,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                           </a>
                         </td>
                         <td
-                          class="rc-calendar-year-panel-cell rc-calendar-year-panel-next-decade-cell"
+                          class="rc-calendar-year-panel-cell"
                           role="gridcell"
                           title="2020"
                         >
@@ -4686,7 +4686,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4699,7 +4699,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4712,7 +4712,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4723,9 +4723,9 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date rc-calendar-last-month-cell"
+                    class="rc-calendar-cell rc-calendar-today rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4738,7 +4738,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4751,7 +4751,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4764,7 +4764,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4782,7 +4782,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4795,7 +4795,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4808,7 +4808,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4821,7 +4821,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4834,7 +4834,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4847,7 +4847,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4860,7 +4860,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4878,7 +4878,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4891,7 +4891,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4904,7 +4904,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4917,7 +4917,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4930,7 +4930,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4943,7 +4943,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4956,7 +4956,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4974,7 +4974,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -4987,7 +4987,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5000,7 +5000,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5013,7 +5013,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5026,7 +5026,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5039,7 +5039,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5052,7 +5052,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5070,7 +5070,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5083,7 +5083,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5096,7 +5096,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5109,7 +5109,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5122,7 +5122,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5135,7 +5135,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5148,7 +5148,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="April 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5166,7 +5166,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="April 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5179,7 +5179,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5192,7 +5192,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5205,7 +5205,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5218,7 +5218,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5231,7 +5231,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5244,7 +5244,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5270,7 +5270,7 @@ exports[`RangeCalendar controlled panels render controlled panels correctly 2`]
         <a
           class="rc-calendar-today-btn rc-calendar-today-btn-disabled"
           role="button"
-          title="March 29, 2017"
+          title="LL"
         >
           Back to today
         </a>
@@ -5454,7 +5454,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="August 27, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5467,7 +5467,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="August 28, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5480,7 +5480,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="August 29, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5493,7 +5493,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="August 30, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5506,7 +5506,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="August 31, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5519,7 +5519,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="September 1, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5532,7 +5532,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="September 2, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5550,7 +5550,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-selected-start-date rc-calendar-selected-day"
                     role="gridcell"
-                    title="September 3, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5563,7 +5563,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 4, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5576,7 +5576,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 5, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5589,7 +5589,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 6, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5602,7 +5602,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 7, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5615,7 +5615,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 8, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5628,7 +5628,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 9, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5646,7 +5646,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 10, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5659,7 +5659,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 11, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5672,7 +5672,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 12, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5685,7 +5685,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 13, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5698,7 +5698,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 14, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5711,7 +5711,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 15, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5724,7 +5724,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 16, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5742,7 +5742,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 17, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5755,7 +5755,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 18, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5768,7 +5768,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 19, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5781,7 +5781,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 20, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5794,7 +5794,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 21, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5807,7 +5807,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 22, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5820,7 +5820,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 23, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5838,7 +5838,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 24, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5851,7 +5851,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 25, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5864,7 +5864,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 26, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5877,7 +5877,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 27, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5890,7 +5890,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 28, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5903,7 +5903,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="September 29, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5916,7 +5916,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="September 30, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5934,7 +5934,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 1, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5947,7 +5947,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 2, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5960,7 +5960,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 3, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5973,7 +5973,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 4, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5986,7 +5986,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 5, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -5999,7 +5999,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 6, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6012,7 +6012,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="October 7, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6196,7 +6196,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="October 29, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6209,7 +6209,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="October 30, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6222,7 +6222,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="October 31, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6235,7 +6235,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 1, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6248,7 +6248,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 2, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6261,7 +6261,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 3, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6274,7 +6274,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 4, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6292,7 +6292,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 5, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6305,7 +6305,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 6, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6318,7 +6318,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 7, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6331,7 +6331,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 8, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6344,7 +6344,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 9, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6357,7 +6357,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 10, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6370,7 +6370,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 11, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6388,7 +6388,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 12, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6401,7 +6401,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 13, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6414,7 +6414,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 14, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6427,7 +6427,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 15, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6440,7 +6440,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 16, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6453,7 +6453,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 17, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6466,7 +6466,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 18, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6484,7 +6484,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 19, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6497,7 +6497,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 20, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6510,7 +6510,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 21, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6523,7 +6523,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 22, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6536,7 +6536,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 23, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6549,7 +6549,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 24, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6562,7 +6562,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 25, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6580,7 +6580,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 26, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6593,7 +6593,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="November 27, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6606,7 +6606,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-selected-end-date rc-calendar-selected-day"
                     role="gridcell"
-                    title="November 28, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6619,7 +6619,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="November 29, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6632,7 +6632,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="November 30, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6645,7 +6645,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 1, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6658,7 +6658,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 2, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6676,7 +6676,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 3, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6689,7 +6689,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 4, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6702,7 +6702,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 5, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6715,7 +6715,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 6, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6728,7 +6728,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 7, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6741,7 +6741,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 8, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6754,7 +6754,7 @@ exports[`RangeCalendar key control 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="December 9, 2000"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6780,7 +6780,7 @@ exports[`RangeCalendar key control 1`] = `
         <a
           class="rc-calendar-today-btn "
           role="button"
-          title="March 29, 2017"
+          title="LL"
         >
           Back to today
         </a>
@@ -6956,7 +6956,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6969,7 +6969,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="February 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6982,7 +6982,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="February 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -6995,7 +6995,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7008,7 +7008,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7021,7 +7021,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7034,7 +7034,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7052,7 +7052,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7065,7 +7065,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7078,7 +7078,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7091,7 +7091,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7104,7 +7104,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7117,7 +7117,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7130,7 +7130,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7148,7 +7148,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7161,7 +7161,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7174,7 +7174,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7187,7 +7187,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7200,7 +7200,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7213,7 +7213,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7226,7 +7226,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7244,7 +7244,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7257,7 +7257,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7270,7 +7270,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7283,7 +7283,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7296,7 +7296,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7309,7 +7309,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7322,7 +7322,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7340,7 +7340,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7353,7 +7353,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7366,7 +7366,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7377,9 +7377,9 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-start-date rc-calendar-selected-date rc-calendar-selected-day"
+                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-start-date rc-calendar-selected-day"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7392,7 +7392,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7405,7 +7405,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7418,7 +7418,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7436,7 +7436,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7449,7 +7449,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7462,7 +7462,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7475,7 +7475,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7488,7 +7488,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7501,7 +7501,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7514,7 +7514,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7688,7 +7688,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7701,7 +7701,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7714,7 +7714,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7725,9 +7725,9 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                     </div>
                   </td>
                   <td
-                    class="rc-calendar-cell rc-calendar-today rc-calendar-selected-date rc-calendar-last-month-cell"
+                    class="rc-calendar-cell rc-calendar-today rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7740,7 +7740,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell"
                     role="gridcell"
-                    title="March 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7753,7 +7753,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="March 31, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7766,7 +7766,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7784,7 +7784,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7797,7 +7797,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7810,7 +7810,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7823,7 +7823,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7836,7 +7836,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7849,7 +7849,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 7, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7862,7 +7862,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 8, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7880,7 +7880,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 9, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7893,7 +7893,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 10, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7906,7 +7906,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 11, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7919,7 +7919,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 12, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7932,7 +7932,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 13, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7945,7 +7945,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 14, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7958,7 +7958,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 15, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7976,7 +7976,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 16, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -7989,7 +7989,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 17, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8002,7 +8002,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 18, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8015,7 +8015,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 19, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8028,7 +8028,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 20, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8041,7 +8041,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 21, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8054,7 +8054,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 22, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8072,7 +8072,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 23, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8085,7 +8085,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 24, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8098,7 +8098,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 25, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8111,7 +8111,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 26, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8124,7 +8124,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 27, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8137,7 +8137,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-in-range-cell"
                     role="gridcell"
-                    title="April 28, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8150,7 +8150,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-selected-end-date rc-calendar-selected-day"
                     role="gridcell"
-                    title="April 29, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8168,7 +8168,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-last-day-of-month"
                     role="gridcell"
-                    title="April 30, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8181,7 +8181,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 1, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8194,7 +8194,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 2, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8207,7 +8207,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 3, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8220,7 +8220,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 4, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8233,7 +8233,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 5, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8246,7 +8246,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
                   <td
                     class="rc-calendar-cell rc-calendar-next-month-btn-day"
                     role="gridcell"
-                    title="May 6, 2017"
+                    title="LL"
                   >
                     <div
                       aria-disabled="false"
@@ -8272,7 +8272,7 @@ exports[`RangeCalendar render hoverValue correctly 1`] = `
         <a
           class="rc-calendar-today-btn rc-calendar-today-btn-disabled"
           role="button"
-          title="March 29, 2017"
+          title="LL"
         >
           Back to today
         </a>
diff --git a/tests/__snapshots__/locale.spec.js.snap b/tests/__snapshots__/locale.spec.js.snap
index aed844401..28f8811f7 100644
--- a/tests/__snapshots__/locale.spec.js.snap
+++ b/tests/__snapshots__/locale.spec.js.snap
@@ -29,740 +29,744 @@ exports[`locales renders ar_EG correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="العام السابق (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="الشهر السابق (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="اختيار الشهر"
-            >
-              Mar
-            </a>
+              title="العام السابق (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="اختيار السنة"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="الشهر التالى(PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="العام التالى (Control + right)"
-          />
+              title="الشهر السابق (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="اختيار الشهر"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="اختيار السنة"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="الشهر التالى(PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="العام التالى (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            اليوم
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              اليوم
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -798,740 +802,744 @@ exports[`locales renders bg_BG correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Последна година (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Предишен месец (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Избор на месец"
-            >
-              Mar
-            </a>
+              title="Последна година (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Избор на година"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Следващ месец (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Следваща година (Control + right)"
-          />
+              title="Предишен месец (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Избор на месец"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Избор на година"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Следващ месец (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Следваща година (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Днес
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Днес
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -1567,740 +1575,744 @@ exports[`locales renders ca_ES correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Any anterior (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mes anterior (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Escollir un mes"
-            >
-              Mar
-            </a>
+              title="Any anterior (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Escollir un any"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Mes següent (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Mes següent (Control + right)"
-          />
+              title="Mes anterior (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Escollir un mes"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Escollir un any"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Mes següent (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Mes següent (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Avui
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Avui
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -2336,740 +2348,744 @@ exports[`locales renders cs_CZ correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Předchozí rok (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Předchozí měsíc (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Vyberte měsíc"
-            >
-              Mar
-            </a>
+              title="Předchozí rok (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Vyberte rok"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Následující (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Následující rok (Control + right)"
-          />
+              title="Předchozí měsíc (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Vyberte měsíc"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Vyberte rok"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Následující (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Následující rok (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Dnes
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Dnes
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -3105,740 +3121,744 @@ exports[`locales renders da_DK correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Forrige år (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Forrige måned(PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Vælg måned"
-            >
-              Mar
-            </a>
+              title="Forrige år (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Vælg år"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Næste måned (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Næste r (Control + right)"
-          />
+              title="Forrige måned(PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Vælg måned"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Vælg år"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Næste måned (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Næste r (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            I dag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              I dag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -3874,740 +3894,744 @@ exports[`locales renders de_DE correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Vorheriges Jahr (Ctrl + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Vorheriger Monat (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Wähle einen Monat"
-            >
-              Mar
-            </a>
+              title="Vorheriges Jahr (Ctrl + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Wähle ein Jahr"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Nächster Monat (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Nächstes Jahr (Ctrl + right)"
-          />
+              title="Vorheriger Monat (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Wähle einen Monat"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Wähle ein Jahr"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Nächster Monat (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Nächstes Jahr (Ctrl + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Heute
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Heute
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -4643,740 +4667,744 @@ exports[`locales renders el_GR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Προηγούμενο έτος (Control + αριστερά)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Προηγούμενος μήνας (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Επιλογή μήνα"
-            >
-              Mar
-            </a>
+              title="Προηγούμενο έτος (Control + αριστερά)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Επιλογή έτους"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Επόμενος μήνας (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Επόμενο έτος (Control + δεξιά)"
-          />
+              title="Προηγούμενος μήνας (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Επιλογή μήνα"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Επιλογή έτους"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Επόμενος μήνας (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Επόμενο έτος (Control + δεξιά)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Σήμερα
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Σήμερα
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -5412,740 +5440,744 @@ exports[`locales renders en_GB correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choose a month"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choose a year"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -6181,740 +6213,744 @@ exports[`locales renders en_US correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Last year (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Previous month (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choose a month"
-            >
-              Mar
-            </a>
+              title="Last year (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choose a year"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Next month (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Next year (Control + right)"
-          />
+              title="Previous month (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choose a month"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choose a year"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Next month (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Next year (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Today
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Today
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -6950,740 +6986,744 @@ exports[`locales renders es_ES correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Año anterior (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mes anterior (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Elegir un mes"
-            >
-              Mar
-            </a>
+              title="Año anterior (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Elegir un año"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Mes siguiente (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Año siguiente (Control + right)"
-          />
+              title="Mes anterior (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Elegir un mes"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Elegir un año"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Mes siguiente (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Año siguiente (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Hoy
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Hoy
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -7719,740 +7759,744 @@ exports[`locales renders et_EE correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Eelmine aasta (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Eelmine kuu (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Vali kuu"
-            >
-              Mar
-            </a>
+              title="Eelmine aasta (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Vali aasta"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Järgmine kuu (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Järgmine aasta (Control + right)"
-          />
+              title="Eelmine kuu (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Vali kuu"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Vali aasta"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Järgmine kuu (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Järgmine aasta (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Täna
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Täna
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -8488,740 +8532,744 @@ exports[`locales renders fa_IR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="سال قبل (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="ماه قبل (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="یک ماه را انتخاب کنید"
-            >
-              Mar
-            </a>
+              title="سال قبل (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="یک سال را انتخاب کنید"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="ماه بعد (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="سال بعد (Control + right)"
-          />
+              title="ماه قبل (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="یک ماه را انتخاب کنید"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="یک سال را انتخاب کنید"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="ماه بعد (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="سال بعد (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            امروز
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              امروز
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -9257,740 +9305,744 @@ exports[`locales renders fi_FI correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Edellinen vuosi (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Edellinen kuukausi (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Valitse kuukausi"
-            >
-              Mar
-            </a>
+              title="Edellinen vuosi (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Valitse vuosi"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Seuraava kuukausi (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Seuraava vuosi (Control + right)"
-          />
+              title="Edellinen kuukausi (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Valitse kuukausi"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Valitse vuosi"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Seuraava kuukausi (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Seuraava vuosi (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Tänään
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Tänään
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -10026,740 +10078,744 @@ exports[`locales renders fr_BE correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Année précédente (Ctrl + gauche)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mois précédent (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choisissez un mois"
-            >
-              Mar
-            </a>
+              title="Année précédente (Ctrl + gauche)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choisissez une année"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Mois suivant (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Année prochaine (Ctrl + droite)"
-          />
+              title="Mois précédent (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choisissez un mois"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choisissez une année"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Mois suivant (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Année prochaine (Ctrl + droite)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Aujourd'hui
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Aujourd'hui
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -10795,740 +10851,744 @@ exports[`locales renders fr_FR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Année précédente (Ctrl + gauche)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mois précédent (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Choisissez un mois"
-            >
-              Mar
-            </a>
+              title="Année précédente (Ctrl + gauche)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Choisissez une année"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Mois suivant (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Année prochaine (Ctrl + droite)"
-          />
+              title="Mois précédent (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Choisissez un mois"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Choisissez une année"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Mois suivant (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Année prochaine (Ctrl + droite)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Aujourd'hui
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Aujourd'hui
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -11564,740 +11624,744 @@ exports[`locales renders hu_HU correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Múlt év (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Előző hónap (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Hónap kiválasztása"
-            >
-              Mar
-            </a>
+              title="Múlt év (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Év kiválasztása"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Következő hónap (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Jövő év (Control + right)"
-          />
+              title="Előző hónap (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Hónap kiválasztása"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Év kiválasztása"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Következő hónap (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Jövő év (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Ma
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Ma
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -12333,740 +12397,744 @@ exports[`locales renders is_IS correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Fyrra ár (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Fyrri mánuður (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Velja mánuð"
-            >
-              Mar
-            </a>
+              title="Fyrra ár (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Velja ár"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Næsti mánuður (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Næsta ár (Control + right)"
-          />
+              title="Fyrri mánuður (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Velja mánuð"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Velja ár"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Næsti mánuður (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Næsta ár (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Í dag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Í dag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -13102,740 +13170,744 @@ exports[`locales renders it_IT correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="L'anno scorso (Control + sinistra)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Il mese scorso (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Seleziona il mese"
-            >
-              Mar
-            </a>
+              title="L'anno scorso (Control + sinistra)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Seleziona l'anno"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Il prossimo mese (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="L'anno prossimo (Control + destra)"
-          />
+              title="Il mese scorso (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Seleziona il mese"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Seleziona l'anno"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Il prossimo mese (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="L'anno prossimo (Control + destra)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Oggi
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Oggi
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -13871,740 +13943,744 @@ exports[`locales renders ja_JP correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="前年 (Controlを押しながら左キー)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="前月 (ページアップキー)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="年を選択"
-            >
-              2017年
-            </a>
+              title="前年 (Controlを押しながら左キー)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="月を選択"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="翌月 (ページダウンキー)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="翌年 (Controlを押しながら右キー)"
-          />
+              title="前月 (ページアップキー)"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="年を選択"
+              >
+                2017年
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="月を選択"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="翌月 (ページダウンキー)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="翌年 (Controlを押しながら右キー)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            今日
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              今日
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -14640,740 +14716,744 @@ exports[`locales renders ko_KR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="이전 해 (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="이전 달 (PageUp)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="연 선택"
-            >
-              2017년
-            </a>
+              title="이전 해 (Control + left)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="달 선택"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="다음 달 (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="다음 해 (Control + right)"
-          />
+              title="이전 달 (PageUp)"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="연 선택"
+              >
+                2017년
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="달 선택"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="다음 달 (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="다음 해 (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            오늘
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              오늘
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -15409,740 +15489,744 @@ exports[`locales renders ku_IQ correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Sala peş (Control + şep)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Meha peş (PageUp))"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Meh hilbijêre"
-            >
-              Mar
-            </a>
+              title="Sala peş (Control + şep)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Sal hilbijêre"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Meha paş (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Sala paş (Control + rast)"
-          />
+              title="Meha peş (PageUp))"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Meh hilbijêre"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Sal hilbijêre"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Meha paş (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Sala paş (Control + rast)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Îro
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Îro
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -16178,740 +16262,744 @@ exports[`locales renders nb_NO correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Forrige år (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Forrige måned(PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Velg måned"
-            >
-              Mar
-            </a>
+              title="Forrige år (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Velg år"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Neste måned (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Neste år (Control + right)"
-          />
+              title="Forrige måned(PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Velg måned"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Velg år"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Neste måned (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Neste år (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            I dag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              I dag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -16947,740 +17035,744 @@ exports[`locales renders nl_BE correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Vorig jaar (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Vorige maand (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Kies een maand"
-            >
-              Mar
-            </a>
+              title="Vorig jaar (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Kies een jaar"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Volgende maand (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Volgend jaar (Control + right)"
-          />
+              title="Vorige maand (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Kies een maand"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Kies een jaar"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Volgende maand (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Volgend jaar (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Vandaag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Vandaag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -17716,740 +17808,744 @@ exports[`locales renders nl_NL correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Vorig jaar (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Vorige maand (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Kies een maand"
-            >
-              Mar
-            </a>
+              title="Vorig jaar (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Kies een jaar"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Volgende maand (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Volgend jaar (Control + right)"
-          />
+              title="Vorige maand (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Kies een maand"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Kies een jaar"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Volgende maand (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Volgend jaar (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Vandaag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Vandaag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -18485,740 +18581,744 @@ exports[`locales renders pl_PL correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Ostatni rok (Ctrl + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Poprzedni miesiąc (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Wybierz miesiąc"
-            >
-              Mar
-            </a>
+              title="Ostatni rok (Ctrl + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Wybierz rok"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Następny miesiąc (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Następny rok (Ctrl + right)"
-          />
+              title="Poprzedni miesiąc (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Wybierz miesiąc"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Wybierz rok"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Następny miesiąc (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Następny rok (Ctrl + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Dzisiaj
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Dzisiaj
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -19254,740 +19354,744 @@ exports[`locales renders pt_BR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Ano anterior (Control + esquerda)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mês anterior (PageUp)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Escolher ano"
-            >
-              2017
-            </a>
+              title="Ano anterior (Control + esquerda)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Escolher mês"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Próximo mês (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Próximo ano (Control + direita)"
-          />
+              title="Mês anterior (PageUp)"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Escolher ano"
+              >
+                2017
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Escolher mês"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Próximo mês (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Próximo ano (Control + direita)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Hoje
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Hoje
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -20023,740 +20127,744 @@ exports[`locales renders pt_PT correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Ano anterior (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Mês anterior (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Selecionar mês"
-            >
-              Mar
-            </a>
+              title="Ano anterior (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Selecionar ano"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Mês seguinte (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Ano seguinte (Control + right)"
-          />
+              title="Mês anterior (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Selecionar mês"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Selecionar ano"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Mês seguinte (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Ano seguinte (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Hoje
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Hoje
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -20792,740 +20900,744 @@ exports[`locales renders ru_RU correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Предыдущий год (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Предыдущий месяц (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Выбрать месяц"
-            >
-              Mar
-            </a>
+              title="Предыдущий год (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Выбрать год"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Следующий месяц (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Следующий год (Control + right)"
-          />
+              title="Предыдущий месяц (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Выбрать месяц"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Выбрать год"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Следующий месяц (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Следующий год (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Сегодня
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Сегодня
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -21561,740 +21673,744 @@ exports[`locales renders sk_SK correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Predchádzajúci rok (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Predchádzajúci mesiac (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Vybrať mesiac"
-            >
-              Mar
-            </a>
+              title="Predchádzajúci rok (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Vybrať rok"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Nasledujúci mesiac (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Nasledujúci rok (Control + right)"
-          />
+              title="Predchádzajúci mesiac (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Vybrať mesiac"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Vybrať rok"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Nasledujúci mesiac (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Nasledujúci rok (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Dnes
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Dnes
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -22330,740 +22446,744 @@ exports[`locales renders sl_SI correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Prejšnje leto (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Prejšnji mesec (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Izberite mesec"
-            >
-              Mar
-            </a>
+              title="Prejšnje leto (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Izberite leto"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Naslednji mesec (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Naslednje leto (Control + right)"
-          />
+              title="Prejšnji mesec (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Izberite mesec"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Izberite leto"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Naslednji mesec (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Naslednje leto (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Danes
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Danes
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -23099,740 +23219,744 @@ exports[`locales renders sr_RS correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Prethodna godina (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Prethodni mesec (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Izaberi mesec"
-            >
-              Mar
-            </a>
+              title="Prethodna godina (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Izaberi godinu"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Sledeći mesec (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Sledeća godina (Control + right)"
-          />
+              title="Prethodni mesec (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Izaberi mesec"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Izaberi godinu"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Sledeći mesec (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Sledeća godina (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Danas
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Danas
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -23868,740 +23992,744 @@ exports[`locales renders sv_SE correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Föreg år (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Förra månaden (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Välj månad"
-            >
-              Mar
-            </a>
+              title="Föreg år (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Välj år"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Nästa månad (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Nästa år (Control + right)"
-          />
+              title="Förra månaden (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Välj månad"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Välj år"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Nästa månad (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Nästa år (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            I dag
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              I dag
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -24637,740 +24765,744 @@ exports[`locales renders th_TH correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="ปีก่อนหน้า (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="เดือนก่อนหน้า (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="เลือกเดือน"
-            >
-              Mar
-            </a>
+              title="ปีก่อนหน้า (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="เลือกปี"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="เดือนถัดไป (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="ปีถัดไป (Control + right)"
-          />
+              title="เดือนก่อนหน้า (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="เลือกเดือน"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="เลือกปี"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="เดือนถัดไป (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="ปีถัดไป (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            วันนี้
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              วันนี้
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -25406,740 +25538,744 @@ exports[`locales renders tr_TR correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Önceki Yıl (Control + Sol)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Önceki Ay (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Ay Seç"
-            >
-              Mar
-            </a>
+              title="Önceki Yıl (Control + Sol)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Yıl Seç"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Sonraki Ay (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Sonraki Yıl (Control + Sağ)"
-          />
+              title="Önceki Ay (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Ay Seç"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Yıl Seç"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Sonraki Ay (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Sonraki Yıl (Control + Sağ)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Bugün
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Bugün
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -26175,740 +26311,744 @@ exports[`locales renders ug_CN correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="ئالدىنقى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="ئالدىنقى ئاي(ئالدىنقى بەت )"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="يىل تاللاش"
-            >
-              2017-يىلى
-            </a>
+              title="ئالدىنقى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="ئاي تاللاش"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="كېلەركى ئاي (كېلەركى بەت)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="كېلەركى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)"
-          />
+              title="ئالدىنقى ئاي(ئالدىنقى بەت )"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="يىل تاللاش"
+              >
+                2017-يىلى
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="ئاي تاللاش"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="كېلەركى ئاي (كېلەركى بەت)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="كېلەركى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            بۈگۈن
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              بۈگۈن
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -26944,740 +27084,744 @@ exports[`locales renders uk_UA correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Попередній рік (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Попередній місяць (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Обрати місяць"
-            >
-              Mar
-            </a>
+              title="Попередній рік (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Обрати рік"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Наступний місяць (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Наступний рік (Control + right)"
-          />
+              title="Попередній місяць (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Обрати місяць"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Обрати рік"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Наступний місяць (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Наступний рік (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Сьогодні
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Сьогодні
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -27713,740 +27857,744 @@ exports[`locales renders vi_VN correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="Năm trước (Control + left)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="Tháng trước (PageUp)"
-          />
-          <span
-            class="rc-calendar-my-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="Chọn tháng"
-            >
-              Mar
-            </a>
+              title="Năm trước (Control + left)"
+            />
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="Chọn năm"
-            >
-              2017
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="Tháng sau (PageDown)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="Năm sau (Control + right)"
-          />
+              title="Tháng trước (PageUp)"
+            />
+            <span
+              class="rc-calendar-my-select"
+            >
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="Chọn tháng"
+              >
+                Mar
+              </a>
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="Chọn năm"
+              >
+                2017
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="Tháng sau (PageDown)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="Năm sau (Control + right)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            Hôm nay
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              Hôm nay
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -28482,740 +28630,744 @@ exports[`locales renders zh_CN correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="上一年 (Control键加左方向键)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="上个月 (翻页上键)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="选择年份"
-            >
-              2017年
-            </a>
+              title="上一年 (Control键加左方向键)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="选择月份"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="下个月 (翻页下键)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="下一年 (Control键加右方向键)"
-          />
+              title="上个月 (翻页上键)"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="选择年份"
+              >
+                2017年
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="选择月份"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="下个月 (翻页下键)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="下一年 (Control键加右方向键)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            今天
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              今天
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -29251,740 +29403,744 @@ exports[`locales renders zh_TW correctly 1`] = `
       </a>
     </div>
     <div
-      class="rc-calendar-date-panel"
-      tabindex="0"
+      class="rc-calendar-date-panel-container"
     >
       <div
-        class="rc-calendar-header"
+        class="rc-calendar-date-panel"
+        tabindex="0"
       >
         <div
-          style="position:relative"
+          class="rc-calendar-header"
         >
-          <a
-            class="rc-calendar-prev-year-btn"
-            role="button"
-            title="上一年 (Control鍵加左方向鍵)"
-          />
-          <a
-            class="rc-calendar-prev-month-btn"
-            role="button"
-            title="上個月 (翻頁上鍵)"
-          />
-          <span
-            class="rc-calendar-ym-select"
+          <div
+            style="position:relative"
           >
             <a
-              class="rc-calendar-year-select"
+              class="rc-calendar-prev-year-btn"
               role="button"
-              title="選擇年份"
-            >
-              2017年
-            </a>
+              title="上一年 (Control鍵加左方向鍵)"
+            />
             <a
-              class="rc-calendar-month-select"
+              class="rc-calendar-prev-month-btn"
               role="button"
-              title="選擇月份"
-            >
-              Mar
-            </a>
-          </span>
-          <a
-            class="rc-calendar-next-month-btn"
-            title="下個月 (翻頁下鍵)"
-          />
-          <a
-            class="rc-calendar-next-year-btn"
-            title="下一年 (Control鍵加右方向鍵)"
-          />
+              title="上個月 (翻頁上鍵)"
+            />
+            <span
+              class="rc-calendar-ym-select"
+            >
+              <a
+                class="rc-calendar-year-select"
+                role="button"
+                title="選擇年份"
+              >
+                2017年
+              </a>
+              <a
+                class="rc-calendar-month-select"
+                role="button"
+                title="選擇月份"
+              >
+                Mar
+              </a>
+            </span>
+            <a
+              class="rc-calendar-next-month-btn"
+              title="下個月 (翻頁下鍵)"
+            />
+            <a
+              class="rc-calendar-next-year-btn"
+              title="下一年 (Control鍵加右方向鍵)"
+            />
+          </div>
         </div>
-      </div>
-      <div
-        class="rc-calendar-body"
-      >
-        <table
-          cellspacing="0"
-          class="rc-calendar-table"
-          role="grid"
+        <div
+          class="rc-calendar-body"
         >
-          <thead>
-            <tr
-              role="row"
-            >
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sun"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Su
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Mon"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Mo
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Tue"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Tu
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Wed"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  We
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Thu"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Th
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Fri"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Fr
-                </span>
-              </th>
-              <th
-                class="rc-calendar-column-header"
-                role="columnheader"
-                title="Sat"
-              >
-                <span
-                  class="rc-calendar-column-header-inner"
-                >
-                  Sa
-                </span>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="rc-calendar-tbody"
+          <table
+            cellspacing="0"
+            class="rc-calendar-table"
+            role="grid"
           >
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell"
-                role="gridcell"
-                title="February 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="February 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 9, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  9
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 10, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  10
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 11, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  11
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 12, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  12
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 13, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  13
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 14, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  14
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 15, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  15
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 16, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  16
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 17, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  17
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 18, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  18
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 19, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  19
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 20, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  20
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 21, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  21
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 22, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  22
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 23, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  23
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 24, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  24
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 25, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  25
-                </div>
-              </td>
-            </tr>
-            <tr
-              class="rc-calendar-current-week rc-calendar-active-week"
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 26, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  26
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 27, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  27
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 28, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  28
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
-                role="gridcell"
-                title="March 29, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="true"
-                  class="rc-calendar-date"
-                >
-                  29
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell"
-                role="gridcell"
-                title="March 30, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  30
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-last-day-of-month"
-                role="gridcell"
-                title="March 31, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  31
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 1, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  1
-                </div>
-              </td>
-            </tr>
-            <tr
-              class=""
-              role="row"
-            >
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 2, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  2
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 3, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  3
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 4, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  4
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 5, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  5
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 6, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  6
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 7, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  7
-                </div>
-              </td>
-              <td
-                class="rc-calendar-cell rc-calendar-next-month-btn-day"
-                role="gridcell"
-                title="April 8, 2017"
-              >
-                <div
-                  aria-disabled="false"
-                  aria-selected="false"
-                  class="rc-calendar-date"
-                >
-                  8
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div
-        class="rc-calendar-footer"
-      >
-        <span
-          class="rc-calendar-footer-btn"
+            <thead>
+              <tr
+                role="row"
+              >
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sun"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Su
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Mon"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Mo
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Tue"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Tu
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Wed"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    We
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Thu"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Th
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Fri"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Fr
+                  </span>
+                </th>
+                <th
+                  class="rc-calendar-column-header"
+                  role="columnheader"
+                  title="Sat"
+                >
+                  <span
+                    class="rc-calendar-column-header-inner"
+                  >
+                    Sa
+                  </span>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="rc-calendar-tbody"
+            >
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-month-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    9
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    10
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    11
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    12
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    13
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    14
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    15
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    16
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    17
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    18
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    19
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    20
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    21
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    22
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    23
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    24
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    25
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="rc-calendar-current-week rc-calendar-active-week"
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    26
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    27
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    28
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-today rc-calendar-selected-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="true"
+                    class="rc-calendar-date"
+                  >
+                    29
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    30
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-last-day-of-month"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    31
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    1
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class=""
+                role="row"
+              >
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    2
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    3
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    4
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    5
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    6
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    7
+                  </div>
+                </td>
+                <td
+                  class="rc-calendar-cell rc-calendar-next-month-btn-day"
+                  role="gridcell"
+                  title="LL"
+                >
+                  <div
+                    aria-disabled="false"
+                    aria-selected="false"
+                    class="rc-calendar-date"
+                  >
+                    8
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="rc-calendar-footer"
         >
-          <a
-            class="rc-calendar-today-btn "
-            role="button"
-            title="March 29, 2017"
+          <span
+            class="rc-calendar-footer-btn"
           >
-            今天
-          </a>
-        </span>
+            <a
+              class="rc-calendar-today-btn "
+              role="button"
+              title="LL"
+            >
+              今天
+            </a>
+          </span>
+        </div>
       </div>
     </div>
   </div>