acud 0.0.67 → 0.0.70

package/es/clear/style/index.css

@@ -0,0 +1,63 @@
+/* color */
+/* 默认颜色 */
+/* 通用-icon */
+/* 标签 */
+/* 默认颜色 */
+/* 其他颜色 */
+/* 通用 */
+/* 水平 */
+/* 垂直 */
+/* 序号水平 */
+/* 序号垂直 */
+.acud-clear.acudicon {
+  color: #FFFFFF;
+  background-color: #D4D6D9;
+  border-color: transparent;
+  padding: 2px;
+  background-clip: content-box;
+  border-radius: 50%;
+  font-size: 12px;
+  transition: color 0.3s ease, opacity 0.15s ease;
+}
+.acud-clear.acudicon:hover {
+  color: #FFFFFF;
+}
+.acud-clear.acudicon:focus,
+.acud-clear.acudicon:active {
+  color: #FFFFFF;
+}
+.acud-clear.acudicon[disabled],
+.acud-clear.acudicon[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]:active {
+  color: #FFFFFF;
+}
+.acud-clear.acudicon:hover {
+  background-color: #5C5F66;
+}
+.acud-clear.acudicon:focus,
+.acud-clear.acudicon:active {
+  background-color: #303540;
+}
+.acud-clear.acudicon[disabled],
+.acud-clear.acudicon[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]:active {
+  background-color: #F2F2F4;
+}
+.acud-clear.acudicon:hover {
+  border-color: transparent;
+}
+.acud-clear.acudicon:focus,
+.acud-clear.acudicon:active {
+  border-color: transparent;
+}
+.acud-clear.acudicon[disabled],
+.acud-clear.acudicon[disabled]:hover,
+.acud-clear.acudicon[disabled]:focus,
+.acud-clear.acudicon[disabled]:active {
+  border-color: transparent;
+}
+.acud-clear.acudicon > svg {
+  transform: scale(0.66666);
+}

package/es/clear/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/clear/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/clear/style/index.less

@@ -0,0 +1,18 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@clear-prefix-cls: ~'@{acud-prefix}-clear';
+
+.@{clear-prefix-cls}.acudicon {
+    .basic-config(@clear-tp, @clear-p);
+
+    padding: .5 * @P;
+    background-clip: content-box;
+    border-radius: 50%;
+    font-size: 12px;
+    transition: color .3s ease, opacity .15s ease;
+
+    & > svg {
+        transform: scale(.66666);
+    }
+}

package/es/date-picker/generatePicker/generateRangePicker.js

@@ -22,7 +22,6 @@ import * as React from 'react';
 import classNames from 'classnames';
 import OutlinedCalendar from "acud-icon/es/icons/OutlinedCalendar";
 import MultiToneClear from "acud-icon/es/icons/MultiToneClear";
-import FilledError from "acud-icon/es/icons/FilledError";
 import OutlinedTime from "acud-icon/es/icons/OutlinedTime";
 import OutlinedMinus from "acud-icon/es/icons/OutlinedMinus";
 import OutlinedLeft from "acud-icon/es/icons/OutlinedLeft";
@@ -35,6 +34,7 @@ import { ConfigContext } from '../../config-provider';
 import SizeContext from '../../config-provider/SizeContext';
 import LocaleReceiver from '../../locale-provider/LocaleReceiver';
 import { getRangePlaceholder } from '../util';
+import Clear from '../../clear';
 import { getTimeProps, Components } from '.';
 export default function generateRangePicker(generateConfig) {
   var RangePicker = /*#__PURE__*/function (_React$Component) {
@@ -107,7 +107,7 @@ export default function generateRangePicker(generateConfig) {
             ref: _this.pickerRef,
             placeholder: getRangePlaceholder(picker, locale, placeholder),
             suffixIcon: picker === 'time' ? /*#__PURE__*/React.createElement(OutlinedTime, null) : /*#__PURE__*/React.createElement(OutlinedCalendar, null),
-            clearIcon: picker === 'time' ? /*#__PURE__*/React.createElement(FilledError, null) : /*#__PURE__*/React.createElement(MultiToneClear, null),
+            clearIcon: picker === 'time' ? /*#__PURE__*/React.createElement(Clear, null) : /*#__PURE__*/React.createElement(MultiToneClear, null),
             allowClear: true,
             transitionName: "".concat(rootPrefixCls, "-slide-up")
           }, restProps, additionalOverrideProps, {

package/es/date-picker/generatePicker/generateSinglePicker.js

@@ -23,7 +23,6 @@ import classNames from 'classnames';
 import OutlinedCalendar from "acud-icon/es/icons/OutlinedCalendar";
 import OutlinedTime from "acud-icon/es/icons/OutlinedTime";
 import MultiToneClear from "acud-icon/es/icons/MultiToneClear";
-import FilledError from "acud-icon/es/icons/FilledError";
 import OutlinedLeft from "acud-icon/es/icons/OutlinedLeft";
 import OutlinedRight from "acud-icon/es/icons/OutlinedRight";
 import OutlinedLeftDouble from "acud-icon/es/icons/OutlinedLeftDouble";
@@ -35,6 +34,7 @@ import devWarning from '../../_util/devWarning';
 import { ConfigContext } from '../../config-provider';
 import LocaleReceiver from '../../locale-provider/LocaleReceiver';
 import SizeContext from '../../config-provider/SizeContext';
+import Clear from '../../clear';
 import { getTimeProps, Components } from '.';
 export default function generatePicker(generateConfig) {
   function getPicker(picker, displayName) {
@@ -49,11 +49,13 @@ export default function generatePicker(generateConfig) {
         _classCallCheck(this, Picker);
 
         _this = _super.call(this, props);
-        _this.pickerRef = /*#__PURE__*/React.createRef(); // focus = () => {
-        //     if (this.pickerRef.current) {
-        //         this.pickerRef.current.focus();
-        //     }
-        // };
+        _this.pickerRef = /*#__PURE__*/React.createRef();
+
+        _this.focus = function () {
+          if (_this.pickerRef.current) {
+            _this.pickerRef.current.focus();
+          }
+        };
 
         _this.blur = function () {
           if (_this.pickerRef.current) {
@@ -110,7 +112,7 @@ export default function generatePicker(generateConfig) {
               ref: _this.pickerRef,
               placeholder: getPlaceholder(mergedPicker, locale, placeholder),
               suffixIcon: mergedPicker === 'time' ? /*#__PURE__*/React.createElement(OutlinedTime, null) : /*#__PURE__*/React.createElement(OutlinedCalendar, null),
-              clearIcon: mergedPicker === 'time' ? /*#__PURE__*/React.createElement(FilledError, null) : /*#__PURE__*/React.createElement(MultiToneClear, null),
+              clearIcon: mergedPicker === 'time' ? /*#__PURE__*/React.createElement(Clear, null) : /*#__PURE__*/React.createElement(MultiToneClear, null),
               allowClear: true,
               transitionName: "".concat(rootPrefixCls, "-slide-up")
             }, additionalProps, restProps, additionalOverrideProps, {

package/es/date-picker/src/PickerPanel.js

@@ -90,6 +90,7 @@ function PickerPanel(props) {
       defaultOpenValue = panelContext.defaultOpenValue;
 
   var _React$useContext = React.useContext(RangeContext),
+      inRange = _React$useContext.inRange,
       panelPosition = _React$useContext.panelPosition,
       rangedValue = _React$useContext.rangedValue,
       hoverRangedValue = _React$useContext.hoverRangedValue;
@@ -409,7 +410,9 @@ function PickerPanel(props) {
   return /*#__PURE__*/React.createElement(PanelContext.Provider, {
     value: _extends(_extends({}, panelContext), {
       mode: mergedMode,
-      hideHeader: 'hideHeader' in props ? hideHeader : panelContext.hideHeader
+      hideHeader: 'hideHeader' in props ? hideHeader : panelContext.hideHeader,
+      hidePrevBtn: inRange && panelPosition === 'right',
+      hideNextBtn: inRange && panelPosition === 'left'
     })
   }, /*#__PURE__*/React.createElement("div", {
     tabIndex: tabIndex,

package/es/date-picker/src/utils/uiUtil.js

@@ -153,15 +153,15 @@ export function getDefaultFormat(format, picker, showTime, use12Hours) {
         break;
 
       case "week":
-        mergedFormat = "gggg.wo";
+        mergedFormat = "gggg-wo";
         break;
 
       case "month":
-        mergedFormat = "YYYY.MM";
+        mergedFormat = "YYYY-MM";
         break;
 
       case "quarter":
-        mergedFormat = "YYYY.[Q]Q";
+        mergedFormat = "YYYY-[Q]Q";
         break;
 
       case "year":
@@ -169,7 +169,7 @@ export function getDefaultFormat(format, picker, showTime, use12Hours) {
         break;
 
       default:
-        mergedFormat = showTime ? "YYYY.MM.DD HH:mm:ss" : "YYYY.MM.DD";
+        mergedFormat = showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
     }
   }
 

package/es/date-picker/style/index.css

@@ -600,12 +600,23 @@
   color: #151B26;
 }
 .acud-picker-panel-header > li {
+  color: #151B26;
   margin-right: 24px;
   display: inline-block;
   cursor: pointer;
 }
-.acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover {
-  background-color: #F7F7F9 !important;
+.acud-picker-panel-header > li:hover {
+  color: #2468F2;
+}
+.acud-picker-panel-header > li:focus,
+.acud-picker-panel-header > li:active {
+  color: #144BCC;
+}
+.acud-picker-panel-header > li[disabled],
+.acud-picker-panel-header > li[disabled]:hover,
+.acud-picker-panel-header > li[disabled]:focus,
+.acud-picker-panel-header > li[disabled]:active {
+  color: #B8BABF;
 }
 .acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
   background-color: #F7F7F9 !important;
@@ -623,20 +634,27 @@
   width: 240px;
 }
 .acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
-.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before {
+.acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
+.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
+.acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
   width: 12px;
   left: -12px;
   background: #E6F0FF;
 }
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover,
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover {
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
   background-color: #D4E5FF;
 }
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
   background: #E6F0FF;
 }
-.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before {
+.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
+.acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
   left: -12px;
 }
 .acud-picker-header {
@@ -710,8 +728,23 @@
   color: #B8BABF;
 }
 .acud-picker-header-view button {
+  font-size: 12px;
   color: inherit;
-  font-weight: inherit;
+  font-weight: 400;
+  color: #151B26;
+}
+.acud-picker-header-view button:hover {
+  color: #2468F2;
+}
+.acud-picker-header-view button:focus,
+.acud-picker-header-view button:active {
+  color: #144BCC;
+}
+.acud-picker-header-view button[disabled],
+.acud-picker-header-view button[disabled]:hover,
+.acud-picker-header-view button[disabled]:focus,
+.acud-picker-header-view button[disabled]:active {
+  color: #B8BABF;
 }
 .acud-picker-header-view button:not(:first-child) {
   margin-left: 8px;
@@ -823,36 +856,6 @@
   font-weight: 400;
   font-size: 12px;
 }
-.acud-picker-content td {
-  background-color: #FFFFFF;
-  border-color: transparent;
-}
-.acud-picker-content td:hover {
-  background-color: #F7F7F9;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  background-color: #2468F2;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  background-color: #FFFFFF;
-}
-.acud-picker-content td:hover {
-  border-color: transparent;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  border-color: transparent;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  border-color: transparent;
-}
 .acud-picker-cell {
   cursor: pointer;
   color: #B8BABF;
@@ -899,10 +902,10 @@
   content: '';
   border-radius: 2px;
 }
-.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start) {
+.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
   background-color: transparent !important;
 }
-.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start) .acud-picker-cell-inner {
+.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
   background-color: transparent !important;
 }
 .acud-picker-cell-in-view.acud-picker-cell-in-range,
@@ -947,6 +950,9 @@
 .acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
   background: #E6F0FF;
 }
+.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
+  background: transparent;
+}
 .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
 .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
   background: transparent !important;
@@ -987,6 +993,9 @@
   right: 0;
   left: 0;
 }
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
+  left: -9px;
+}
 .acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
   right: 50%;
 }
@@ -1037,9 +1046,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-quarter-panel .acud-picker-content {
   height: 56px;
 }
-.acud-picker-date-panel .acud-picker-content td:hover {
-  border-radius: 2px;
-}
 .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
   display: none;
 }
@@ -1058,8 +1064,8 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   justify-content: space-between;
   width: 216px;
 }
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
   background-color: #E6F0FF;
 }
 .acud-picker-footer {
@@ -1069,6 +1075,9 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   min-width: 100%;
   text-align: center;
   border-top: 1px solid #E8E9EB;
+  font-size: 12px;
+  line-height: 24px;
+  cursor: pointer;
 }
 .acud-picker-footer-extra {
   padding: 0 8px;
@@ -1080,8 +1089,20 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-today-btn.acud-picker-today-btn-disabled {
   cursor: not-allowed;
 }
-.acud-picker-decade-panel .acud-picker-cell-inner {
-  padding: 0 6px;
+.acud-picker-decade-panel tr {
+  display: block;
+  margin: 12px 0;
+}
+.acud-picker-decade-panel tr td {
+  display: inline-block;
+  margin-right: 12px;
+  width: 79px;
+}
+.acud-picker-decade-panel tr td:last-child {
+  margin-right: 0;
+}
+.acud-picker-decade-panel tr .acud-picker-cell-inner {
+  width: 100%;
 }
 .acud-picker-decade-panel .acud-picker-cell::before {
   display: none;
@@ -1102,7 +1123,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-month-panel tr td {
   display: inline-block;
   margin-right: 12px;
-  border-radius: 2px;
 }
 .acud-picker-year-panel tr td:last-child,
 .acud-picker-quarter-panel tr td:last-child,
@@ -1140,6 +1160,13 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-panels .acud-picker-date-panel {
   width: 234px;
 }
+.acud-picker-panels .acud-picker-decade-panel {
+  width: 285px;
+}
+.acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
+.acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
+  padding-right: 12px !important;
+}
 .acud-picker-week-panel .acud-picker-body {
   padding: 12px 8px;
 }
@@ -1157,20 +1184,46 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 }
 .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
 .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child {
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
   border-radius: 2px 0 0 2px;
 }
 .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
 .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child {
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
   border-radius: 0 2px 2px 0;
 }
-.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end {
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
   border-radius: 0 2px 2px 0;
 }
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
+  border-radius: 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
+  border-radius: 2px 0 0 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
+  border-radius: 2px;
+}
 .acud-picker-date-panel .acud-picker-body {
   padding: 12px;
 }