@seafile/seafile-calendar 1.0.30 → 1.0.31

package/assets/index.css

@@ -299,6 +299,8 @@
   border: 1px solid var(--rc-calendar-popover-border-color, #eee);
   line-height: 1.5;
   overflow: hidden;
+  width: -moz-fit-content;
+  width: fit-content;
   /* Layout wrappers */
   /* Date grid area */
   /* Right time panel */
@@ -350,6 +352,7 @@
 }
 .rc-calendar-time-input input {
   padding: 0px 12px;
+  width: 104px;
 }
 .rc-calendar-date-input input:focus,
 .rc-calendar-time-input input:focus {
@@ -358,7 +361,7 @@
   outline: none;
 }
 .rc-calendar-header {
-  padding: 0 18px;
+  padding: 0 12px;
   height: 48px;
   line-height: 24px;
   text-align: center;
@@ -379,7 +382,7 @@
       justify-content: center;
 }
 .rc-calendar-header > a {
-  font-weight: 600;
+  font-weight: 500;
   display: inline-block;
   padding: 0 5px;
   line-height: 40px;
@@ -622,8 +625,14 @@
 .rc-calendar-footer {
   border-top: 1px solid var(--rc-calendar-divider-color, #eee);
   padding: 8px 0;
-  text-align: center;
   position: relative;
+  height: 48px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
 }
 .rc-calendar-footer-show-ok {
   text-align: right;
@@ -771,6 +780,7 @@
   -ms-flex-align: center;
       align-items: center;
   cursor: pointer;
+  font-weight: 500;
 }
 .rc-calendar-month-panel-year-select {
   color: var(--rc-calendar-body-color, #212529);
@@ -818,7 +828,7 @@
 .rc-calendar-month-panel-body {
   -ms-flex: 1;
       flex: 1;
-  padding: 9px 10px 10px;
+  padding: 16px;
 }
 .rc-calendar-month-panel-footer {
   border-top: 1px solid var(--rc-calendar-divider-color, #eee);
@@ -915,6 +925,7 @@
       align-items: center;
   text-align: center;
   cursor: pointer;
+  font-weight: 500;
 }
 .rc-calendar-year-panel-decade-select {
   color: var(--rc-calendar-body-color, #212529);
@@ -963,7 +974,7 @@
 .rc-calendar-year-panel-body {
   -ms-flex: 1;
       flex: 1;
-  padding: 9px 10px 10px;
+  padding: 16px;
 }
 .rc-calendar-year-panel-footer {
   border-top: 1px solid var(--rc-calendar-divider-color);
@@ -995,6 +1006,10 @@
   background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
   cursor: pointer;
 }
+.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
+.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
+  color: var(--rc-calendar-out-range-color);
+}
 .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
   background: var(--rc-calendar-sf-orange, #FF8000);
   color: #fff;
@@ -1046,6 +1061,7 @@
   -ms-flex-align: center;
       align-items: center;
   cursor: pointer;
+  font-weight: 500;
 }
 .rc-calendar-decade-panel-century {
   color: var(--rc-calendar-body-color, #212529);
@@ -1074,7 +1090,7 @@
 .rc-calendar-decade-panel-body {
   -ms-flex: 1;
       flex: 1;
-  padding: 9px 10px 10px;
+  padding: 16px;
 }
 .rc-calendar-decade-panel-footer {
   border-top: 1px solid var(--rc-calendar-divider-color, #eee);

package/es/Calendar.js

@@ -164,7 +164,7 @@ var Calendar = function (_React$Component) {
       children.push(props.renderSidebar());
     }
 
-    var showTimeControls = showHourAndMinute && mode === 'date';
+    var showTimeControls = showHourAndMinute && mode !== 'time';
 
     children.push(React.createElement(
       'div',

package/es/year/YearPanel.js

@@ -84,7 +84,7 @@ var YearPanel = function (_React$Component) {
       var tds = row.map(function (yearData) {
         var _classNameMap;
 
-        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap);
+        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
         return React.createElement(
           'td',
           {

package/lib/Calendar.js

@@ -228,7 +228,7 @@ var Calendar = function (_React$Component) {
       children.push(props.renderSidebar());
     }
 
-    var showTimeControls = showHourAndMinute && mode === 'date';
+    var showTimeControls = showHourAndMinute && mode !== 'time';
 
     children.push(_react2['default'].createElement(
       'div',

package/lib/year/YearPanel.js

@@ -108,7 +108,7 @@ var YearPanel = function (_React$Component) {
       var tds = row.map(function (yearData) {
         var _classNameMap;
 
-        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap);
+        var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
         return _react2['default'].createElement(
           'td',
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-calendar",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "React Calendar",
   "keywords": [
     "react",