@rc-component/picker 1.2.1 → 1.2.3

package/es/PickerInput/hooks/useRangeValue.js

@@ -100,10 +100,9 @@ rangeValue,
  * So when `rangeValue` is `true`, order will be ignored.
  */
 order, defaultValue, value, onCalendarChange, onOk) {
-  var isNullValue = value === null;
   // This is the root value which will sync with controlled or uncontrolled value
   var _useMergedState = useMergedState(defaultValue, {
-      value: isNullValue ? undefined : value
+      value: value
     }),
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     innerValue = _useMergedState2[0],

package/es/PickerPanel/PanelBody.js

@@ -104,11 +104,12 @@ export default function PanelBody(props) {
       rowNode.push( /*#__PURE__*/React.createElement("td", {
         key: col,
         title: title,
-        className: classNames(cellPrefixCls, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
+        className: classNames(cellPrefixCls, pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupItem, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
           return isSame(generateConfig, locale, currentDate, date, type);
         })), "".concat(cellPrefixCls, "-in-range"), inRange && !rangeStart && !rangeEnd), "".concat(cellPrefixCls, "-range-start"), rangeStart), "".concat(cellPrefixCls, "-range-end"), rangeEnd), "".concat(prefixCls, "-cell-selected"), !hoverRangeValue &&
         // WeekPicker use row instead
         type !== 'week' && matchValues(currentDate)), getCellClassName(currentDate))),
+        style: styles === null || styles === void 0 ? void 0 : styles.popupItem,
         onClick: function onClick() {
           if (!disabled) {
             onSelect(currentDate);

package/es/PickerPanel/index.d.ts

@@ -43,7 +43,7 @@ export interface SinglePickerPanelProps<DateType extends object = any> extends B
     value?: DateType | null;
     onChange?: (date: DateType) => void;
 }
-type PanelSemanticName = 'popupBody' | 'popupContent';
+type PanelSemanticName = 'popupBody' | 'popupContent' | 'popupItem';
 export type PickerPanelProps<DateType extends object = any> = BasePickerPanelProps<DateType> & {
     /** multiple selection. Not support time or datetime picker */
     multiple?: boolean;

package/es/interface.d.ts

@@ -201,7 +201,7 @@ export type Components<DateType extends object = any> = Partial<Record<InternalM
     button?: React.ComponentType<any> | string;
     input?: React.ComponentType<any> | string;
 }>;
-export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent';
+export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem';
 export type CustomFormat<DateType> = (value: DateType) => string;
 export type FormatType<DateType = any> = string | CustomFormat<DateType>;
 export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'id' | 'onInvalid' | 'disabled' | 'onFocus' | 'onBlur' | 'onSelect' | 'min' | 'max' | 'onKeyDown' | 'size' | 'prefix'>;

package/lib/PickerInput/hooks/useRangeValue.js

@@ -111,10 +111,9 @@ rangeValue,
  * So when `rangeValue` is `true`, order will be ignored.
  */
 order, defaultValue, value, onCalendarChange, onOk) {
-  var isNullValue = value === null;
   // This is the root value which will sync with controlled or uncontrolled value
   var _useMergedState = (0, _util.useMergedState)(defaultValue, {
-      value: isNullValue ? undefined : value
+      value: value
     }),
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     innerValue = _useMergedState2[0],

package/lib/PickerPanel/PanelBody.js

@@ -113,11 +113,12 @@ function PanelBody(props) {
       rowNode.push( /*#__PURE__*/React.createElement("td", {
         key: col,
         title: title,
-        className: (0, _classnames.default)(cellPrefixCls, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
+        className: (0, _classnames.default)(cellPrefixCls, pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupItem, _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), disabled), "".concat(cellPrefixCls, "-hover"), (hoverValue || []).some(function (date) {
           return (0, _dateUtil.isSame)(generateConfig, locale, currentDate, date, type);
         })), "".concat(cellPrefixCls, "-in-range"), inRange && !rangeStart && !rangeEnd), "".concat(cellPrefixCls, "-range-start"), rangeStart), "".concat(cellPrefixCls, "-range-end"), rangeEnd), "".concat(prefixCls, "-cell-selected"), !hoverRangeValue &&
         // WeekPicker use row instead
         type !== 'week' && matchValues(currentDate)), getCellClassName(currentDate))),
+        style: styles === null || styles === void 0 ? void 0 : styles.popupItem,
         onClick: function onClick() {
           if (!disabled) {
             onSelect(currentDate);

package/lib/PickerPanel/index.d.ts

@@ -43,7 +43,7 @@ export interface SinglePickerPanelProps<DateType extends object = any> extends B
     value?: DateType | null;
     onChange?: (date: DateType) => void;
 }
-type PanelSemanticName = 'popupBody' | 'popupContent';
+type PanelSemanticName = 'popupBody' | 'popupContent' | 'popupItem';
 export type PickerPanelProps<DateType extends object = any> = BasePickerPanelProps<DateType> & {
     /** multiple selection. Not support time or datetime picker */
     multiple?: boolean;

package/lib/interface.d.ts

@@ -201,7 +201,7 @@ export type Components<DateType extends object = any> = Partial<Record<InternalM
     button?: React.ComponentType<any> | string;
     input?: React.ComponentType<any> | string;
 }>;
-export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent';
+export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent' | 'popupItem';
 export type CustomFormat<DateType> = (value: DateType) => string;
 export type FormatType<DateType = any> = string | CustomFormat<DateType>;
 export type SharedHTMLAttrs = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange' | 'placeholder' | 'id' | 'onInvalid' | 'disabled' | 'onFocus' | 'onBlur' | 'onSelect' | 'min' | 'max' | 'onKeyDown' | 'size' | 'prefix'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/picker",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "React date & time picker",
   "keywords": [
     "react",