@rc-component/picker 1.1.0 → 1.2.1

package/es/locale/ml_IN.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'മാസം തിരഞ്ഞെടുക്കുക',
   yearSelect: 'വർഷം തിരഞ്ഞെടുക്കുക',
   decadeSelect: 'ദശാബ്ദം തിരഞ്ഞെടുക്കുക',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'കഴിഞ്ഞ മാസം (PageUp)',
   nextMonth: 'അടുത്ത മാസം (PageDown)',
   previousYear: 'കഴിഞ്ഞ വർഷം (Control + left)',

package/es/locale/mn_MN.js

@@ -21,9 +21,7 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Сар сонгох',
   yearSelect: 'Жил сонгох',
   decadeSelect: 'Арван сонгох',
-  dateFormat: 'YYYY/MM/DD',
   dayFormat: 'DD',
-  dateTimeFormat: 'YYYY/MM/DD HH:mm:ss',
   previousMonth: 'Өмнөх сар (PageUp)',
   nextMonth: 'Дараа сар (PageDown)',
   previousYear: 'Өмнөх жил (Control + left)',

package/es/locale/ms_MY.js

@@ -23,8 +23,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Pilih bulan',
   yearSelect: 'Pilih tahun',
   decadeSelect: 'Pilih dekad',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousYear: 'Tahun lepas (Ctrl+left)',
   nextYear: 'Tahun depan (Ctrl+right)',
   previousDecade: 'Dekad lepas',

package/es/locale/my_MM.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'လကိုရွေး',
   yearSelect: 'နှစ်ကိုရွေး',
   decadeSelect: 'ဆယ်စုနှစ်ကိုရွေး',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'ယခင်လ (PageUp)',
   nextMonth: 'နောက်လ (PageDown)',
   previousYear: 'ယခင်နှစ် (Control + left)',

package/es/locale/nb_NO.js

@@ -21,9 +21,7 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Velg måned',
   yearSelect: 'Velg år',
   decadeSelect: 'Velg tiår',
-  dateFormat: 'DD.MM.YYYY',
   dayFormat: 'DD',
-  dateTimeFormat: 'DD.MM.YYYY HH:mm:ss',
   previousMonth: 'Forrige måned (PageUp)',
   nextMonth: 'Neste måned (PageDown)',
   previousYear: 'Forrige år (Control + venstre)',

package/es/locale/ne_NP.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'एक महिना छान्नुहोस्',
   yearSelect: 'एक वर्ष छान्नुहोस्',
   decadeSelect: 'एक दशक छान्नुहोस्',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'अघिल्लो महिना (पृष्ठ माथि)',
   nextMonth: 'अर्को महिना (पृष्ठ तल)',
   previousYear: 'गत वर्ष (Control + left)',

package/es/locale/nl_BE.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Kies een maand',
   yearSelect: 'Kies een jaar',
   decadeSelect: 'Kies een decennium',
-  dateFormat: 'D-M-YYYY',
-  dateTimeFormat: 'D-M-YYYY HH:mm:ss',
   previousMonth: 'Vorige maand (PageUp)',
   nextMonth: 'Volgende maand (PageDown)',
   previousYear: 'Vorig jaar (Control + left)',

package/es/locale/nl_NL.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Kies een maand',
   yearSelect: 'Kies een jaar',
   decadeSelect: 'Kies een decennium',
-  dateFormat: 'D-M-YYYY',
-  dateTimeFormat: 'D-M-YYYY HH:mm:ss',
   previousMonth: 'Vorige maand (PageUp)',
   nextMonth: 'Volgende maand (PageDown)',
   previousYear: 'Vorig jaar (Control + left)',

package/es/locale/pl_PL.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Wybierz miesiąc',
   yearSelect: 'Wybierz rok',
   decadeSelect: 'Wybierz dekadę',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Poprzedni miesiąc (PageUp)',
   nextMonth: 'Następny miesiąc (PageDown)',
   previousYear: 'Ostatni rok (Ctrl + left)',

package/es/locale/pt_BR.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Escolher mês',
   yearSelect: 'Escolher ano',
   decadeSelect: 'Escolher década',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   monthBeforeYear: false,
   previousMonth: 'Mês anterior (PageUp)',
   nextMonth: 'Próximo mês (PageDown)',

package/es/locale/pt_PT.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Selecionar mês',
   yearSelect: 'Selecionar ano',
   decadeSelect: 'Selecionar década',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Mês anterior (PageUp)',
   nextMonth: 'Mês seguinte (PageDown)',
   previousYear: 'Ano anterior (Control + left)',

package/es/locale/ro_RO.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Alege o lună',
   yearSelect: 'Alege un an',
   decadeSelect: 'Alege un deceniu',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Luna anterioară (PageUp)',
   nextMonth: 'Luna următoare (PageDown)',
   previousYear: 'Anul anterior (Control + stânga)',

package/es/locale/ru_RU.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Выбрать месяц',
   yearSelect: 'Выбрать год',
   decadeSelect: 'Выбрать десятилетие',
-  dateFormat: 'D-M-YYYY',
-  dateTimeFormat: 'D-M-YYYY HH:mm:ss',
   previousMonth: 'Предыдущий месяц (PageUp)',
   nextMonth: 'Следующий месяц (PageDown)',
   previousYear: 'Предыдущий год (Control + left)',

package/es/locale/si_LK.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'මාසයක් තෝරන්න',
   yearSelect: 'අවුරුද්දක් තෝරන්න',
   decadeSelect: 'දශකයක් තෝරන්න',
-  dateFormat: 'YYYY/M/D',
-  dateTimeFormat: 'YYYY/M/D HH:mm:ss',
   monthBeforeYear: false,
   previousMonth: 'කලින් මාසය (පිටුව ඉහළට)',
   nextMonth: 'ඊළඟ මාසය (පිටුව පහළට)',

package/es/locale/sk_SK.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Vybrať mesiac',
   yearSelect: 'Vybrať rok',
   decadeSelect: 'Vybrať dekádu',
-  dateFormat: 'D.M.YYYY',
-  dateTimeFormat: 'D.M.YYYY HH:mm:ss',
   previousMonth: 'Predchádzajúci mesiac (PageUp)',
   nextMonth: 'Nasledujúci mesiac (PageDown)',
   previousYear: 'Predchádzajúci rok (Control + left)',

package/es/locale/sl_SI.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Izberite mesec',
   yearSelect: 'Izberite leto',
   decadeSelect: 'Izberite desetletje',
-  dateFormat: 'DD.MM.YYYY',
-  dateTimeFormat: 'DD.MM.YYYY HH:mm:ss',
   previousMonth: 'Prejšnji mesec (PageUp)',
   nextMonth: 'Naslednji mesec (PageDown)',
   previousYear: 'Prejšnje leto (Control + left)',

package/es/locale/sr_Cyrl_RS.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Изабери месец',
   yearSelect: 'Изабери годину',
   decadeSelect: 'Изабери деценију',
-  dateFormat: 'DD.MM.YYYY',
-  dateTimeFormat: 'DD.MM.YYYY HH:mm:ss',
   previousMonth: 'Претходни месец (PageUp)',
   nextMonth: 'Следећи месец (PageDown)',
   previousYear: 'Претходна година (Control + left)',

package/es/locale/sr_RS.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Izaberi mesec',
   yearSelect: 'Izaberi godinu',
   decadeSelect: 'Izaberi deceniju',
-  dateFormat: 'DD.MM.YYYY',
-  dateTimeFormat: 'DD.MM.YYYY HH:mm:ss',
   previousMonth: 'Prethodni mesec (PageUp)',
   nextMonth: 'Sledeći mesec (PageDown)',
   previousYear: 'Prethodna godina (Control + left)',

package/es/locale/sv_SE.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Välj månad',
   yearSelect: 'Välj år',
   decadeSelect: 'Välj årtionde',
-  dateFormat: 'YYYY-MM-DD',
-  dateTimeFormat: 'YYYY-MM-DD H:mm:ss',
   previousMonth: 'Förra månaden (PageUp)',
   nextMonth: 'Nästa månad (PageDown)',
   previousYear: 'Föreg år (Control + left)',

package/es/locale/ta_IN.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'மாதத்தைத் தேர்வுசெய்க',
   yearSelect: 'வருடத்தைத் தேர்வுசெய்க',
   decadeSelect: 'தசாப்தத்தைத் தேர்வுசெய்க',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'முந்தைய மாதம் (PageUp)',
   nextMonth: 'அடுத்த மாதம் (PageDown)',
   previousYear: 'முந்தைய வருடம் (Control + left)',

package/es/locale/th_TH.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'เลือกเดือน',
   yearSelect: 'เลือกปี',
   decadeSelect: 'เลือกทศวรรษ',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'เดือนก่อนหน้า (PageUp)',
   nextMonth: 'เดือนถัดไป (PageDown)',
   previousYear: 'ปีก่อนหน้า (Control + left)',

package/es/locale/tk_TK.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Aý saýla',
   yearSelect: 'Ýyl saýla',
   decadeSelect: 'On ýyllygy saýla',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Öňki aý (PageUp)',
   nextMonth: 'Soňky aý (PageDown)',
   previousYear: 'Öňki ýyl (Control + çep)',

package/es/locale/tr_TR.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Ay Seç',
   yearSelect: 'Yıl Seç',
   decadeSelect: 'On Yıl Seç',
-  dateFormat: 'DD/MM/YYYY',
-  dateTimeFormat: 'DD/MM/YYYY HH:mm:ss',
   previousMonth: 'Önceki Ay (PageUp)',
   nextMonth: 'Sonraki Ay (PageDown)',
   previousYear: 'Önceki Yıl (Control + Sol)',

package/es/locale/ug_CN.js

@@ -24,8 +24,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   decadeSelect: 'يىللارنى تاللاش',
   yearFormat: 'YYYY-يىلى',
   dayFormat: 'D-كۈنى',
-  dateFormat: 'YYYY-يىلىM-ئاينىڭD-كۈنى',
-  dateTimeFormat: 'YYYY-يىلىM—ئاينىڭD-كۈنى، HH:mm:ss',
   previousYear: 'ئالدىنقى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)',
   nextYear: 'كېلەركى يىلى (Controlبىلەن يۆنىلىش كونۇپكىسى)',
   previousDecade: 'ئالدىنقى يىللار',

package/es/locale/uk_UA.js

@@ -20,8 +20,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Обрати місяць',
   yearSelect: 'Обрати рік',
   decadeSelect: 'Обрати десятиріччя',
-  dateFormat: 'D-M-YYYY',
-  dateTimeFormat: 'D-M-YYYY HH:mm:ss',
   previousMonth: 'Попередній місяць (PageUp)',
   nextMonth: 'Наступний місяць (PageDown)',
   previousYear: 'Попередній рік (Control + left)',

package/es/locale/ur_PK.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'ایک مہینہ کا انتخاب کریں',
   yearSelect: 'ایک سال کا انتخاب کریں',
   decadeSelect: 'ایک دہائی کا انتخاب کریں',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'پچھلے مہینے (PageUp)',
   nextMonth: 'اگلے مہینے (PageDown)',
   previousYear: 'گزشتہ سال (Control + left)',

package/es/locale/uz_UZ.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Oyni tanlang',
   yearSelect: 'Yilni tanlang',
   decadeSelect: "O'n yilni tanlang",
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'Oldingi oy (PageUp)',
   nextMonth: 'Keyingi oy (PageDown)',
   previousYear: "O'tgan yili (Control + left)",

package/es/locale/vi_VN.js

@@ -21,8 +21,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   monthSelect: 'Chọn tháng',
   yearSelect: 'Chọn năm',
   decadeSelect: 'Chọn thập kỷ',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Tháng trước (PageUp)',
   nextMonth: 'Tháng sau (PageDown)',
   previousYear: 'Năm trước (Control + left)',

package/es/locale/zh_TW.js

@@ -24,8 +24,6 @@ var locale = _objectSpread(_objectSpread({}, commonLocale), {}, {
   yearSelect: '選擇年份',
   decadeSelect: '選擇年代',
   yearFormat: 'YYYY年',
-  dateFormat: 'YYYY年M月D日',
-  dateTimeFormat: 'YYYY年M月D日 HH時mm分ss秒',
   previousYear: '上一年 (Control鍵加左方向鍵)',
   nextYear: '下一年 (Control鍵加右方向鍵)',
   previousDecade: '上一年代',

package/lib/PickerInput/RangePicker.js

@@ -533,9 +533,11 @@ function RangePicker(props, ref) {
       locale: locale,
       generateConfig: generateConfig,
       button: components.button,
-      input: components.input
+      input: components.input,
+      styles: styles,
+      classNames: classNames
     };
-  }, [prefixCls, locale, generateConfig, components.button, components.input]);
+  }, [prefixCls, locale, generateConfig, components.button, components.input, classNames, styles]);
 
   // ======================== Effect ========================
   // >>> Mode

package/lib/PickerInput/SinglePicker.js

@@ -454,9 +454,11 @@ function Picker(props, ref) {
       locale: locale,
       generateConfig: generateConfig,
       button: components.button,
-      input: components.input
+      input: components.input,
+      styles: styles,
+      classNames: classNames
     };
-  }, [prefixCls, locale, generateConfig, components.button, components.input]);
+  }, [prefixCls, locale, generateConfig, components.button, components.input, styles, classNames]);
 
   // ======================== Effect ========================
   // >>> Mode

package/lib/PickerInput/context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { GenerateConfig } from '../generate';
-import type { Components, Locale } from '../interface';
+import type { Components, Locale, SemanticStructure } from '../interface';
 export interface PickerContextProps<DateType = any> {
     prefixCls: string;
     locale: Locale;
@@ -8,6 +8,8 @@ export interface PickerContextProps<DateType = any> {
     /** Customize button component */
     button?: Components['button'];
     input?: Components['input'];
+    styles?: Partial<Record<SemanticStructure, React.CSSProperties>>;
+    classNames?: Partial<Record<SemanticStructure, string>>;
 }
 declare const PickerContext: React.Context<PickerContextProps<any>>;
 export default PickerContext;

package/lib/PickerInput/hooks/useRangeValue.js

@@ -111,9 +111,10 @@ 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: value
+      value: isNullValue ? undefined : value
     }),
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     innerValue = _useMergedState2[0],

package/lib/PickerPanel/PanelBody.js

@@ -55,7 +55,9 @@ function PanelBody(props) {
 
   // ============================= Context ==============================
   var _React$useContext = React.useContext(_context.PickerHackContext),
-    onCellDblClick = _React$useContext.onCellDblClick;
+    onCellDblClick = _React$useContext.onCellDblClick,
+    pickerClassNames = _React$useContext.classNames,
+    styles = _React$useContext.styles;
 
   // ============================== Value ===============================
   var matchValues = function matchValues(date) {
@@ -155,8 +157,10 @@ function PanelBody(props) {
 
   // ============================== Render ==============================
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-body")
+    className: (0, _classnames.default)("".concat(prefixCls, "-body"), pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupBody),
+    style: styles === null || styles === void 0 ? void 0 : styles.popupBody
   }, /*#__PURE__*/React.createElement("table", {
-    className: "".concat(prefixCls, "-content")
+    className: (0, _classnames.default)("".concat(prefixCls, "-content"), pickerClassNames === null || pickerClassNames === void 0 ? void 0 : pickerClassNames.popupContent),
+    style: styles === null || styles === void 0 ? void 0 : styles.popupContent
   }, headerCells && /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, headerCells)), /*#__PURE__*/React.createElement("tbody", null, rows)));
 }

package/lib/PickerPanel/context.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PanelMode, SharedPanelProps } from '../interface';
+import type { PanelMode, SemanticStructure, SharedPanelProps } from '../interface';
 export interface PanelContextProps<DateType extends object = any> extends Pick<SharedPanelProps<DateType>, 'prefixCls' | 'cellRender' | 'generateConfig' | 'locale' | 'onSelect' | 'hoverValue' | 'hoverRangeValue' | 'onHover' | 'values' | 'pickerValue' | 'disabledDate' | 'minDate' | 'maxDate' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'> {
     /** Tell current panel type */
     panelType: PanelMode;
@@ -17,6 +17,8 @@ export interface PickerHackContextProps {
     hideNext?: boolean;
     hideHeader?: boolean;
     onCellDblClick?: () => void;
+    styles?: Partial<Record<SemanticStructure, React.CSSProperties>>;
+    classNames?: Partial<Record<SemanticStructure, string>>;
 }
 /**
  * Internal usage for RangePicker to not to show the operation arrow

package/lib/PickerPanel/index.d.ts

@@ -43,12 +43,15 @@ export interface SinglePickerPanelProps<DateType extends object = any> extends B
     value?: DateType | null;
     onChange?: (date: DateType) => void;
 }
+type PanelSemanticName = 'popupBody' | 'popupContent';
 export type PickerPanelProps<DateType extends object = any> = BasePickerPanelProps<DateType> & {
     /** multiple selection. Not support time or datetime picker */
     multiple?: boolean;
     defaultValue?: DateType | DateType[] | null;
     value?: DateType | DateType[] | null;
     onChange?: (date: DateType | DateType[]) => void;
+    styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
+    classNames?: Partial<Record<PanelSemanticName, string>>;
 };
 declare const _default: <DateType extends object = any>(props: BasePickerPanelProps<DateType> & {
     /** multiple selection. Not support time or datetime picker */
@@ -56,5 +59,7 @@ declare const _default: <DateType extends object = any>(props: BasePickerPanelPr
     defaultValue?: DateType | DateType[];
     value?: DateType | DateType[];
     onChange?: (date: DateType | DateType[]) => void;
+    styles?: Partial<Record<PanelSemanticName, React.CSSProperties>>;
+    classNames?: Partial<Record<PanelSemanticName, string>>;
 } & React.RefAttributes<PickerPanelRef>) => React.ReactElement;
 export default _default;

package/lib/PickerPanel/index.js

@@ -54,8 +54,9 @@ var DefaultComponents = {
   time: _TimePanel.default
 };
 function PickerPanel(props, ref) {
-  var _React$useContext;
-  var locale = props.locale,
+  var panelClassNames = props.classNames,
+    panelStyles = props.styles,
+    locale = props.locale,
     generateConfig = props.generateConfig,
     direction = props.direction,
     prefixCls = props.prefixCls,
@@ -82,7 +83,15 @@ function PickerPanel(props, ref) {
     _props$components = props.components,
     components = _props$components === void 0 ? {} : _props$components,
     hideHeader = props.hideHeader;
-  var mergedPrefixCls = ((_React$useContext = React.useContext(_context.default)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.prefixCls) || prefixCls || 'rc-picker';
+
+  // ======================== Context ========================
+  var _ref = React.useContext(_context.default) || {},
+    contextPrefixCls = _ref.prefixCls,
+    pickerClassNames = _ref.classNames,
+    pickerStyles = _ref.styles;
+
+  // ======================== prefixCls ========================
+  var mergedPrefixCls = contextPrefixCls || prefixCls || 'rc-picker';
 
   // ========================== Refs ==========================
   var rootRef = React.useRef();
@@ -255,12 +264,16 @@ function PickerPanel(props, ref) {
   var PanelComponent = components[internalMode] || DefaultComponents[internalMode] || _DatePanel.default;
 
   // ======================== Context =========================
+  var mergedStyles = pickerStyles !== null && pickerStyles !== void 0 ? pickerStyles : panelStyles;
+  var mergedClassNames = pickerClassNames !== null && pickerClassNames !== void 0 ? pickerClassNames : panelClassNames;
   var parentHackContext = React.useContext(_context2.PickerHackContext);
   var pickerPanelContext = React.useMemo(function () {
     return _objectSpread(_objectSpread({}, parentHackContext), {}, {
-      hideHeader: hideHeader
+      hideHeader: hideHeader,
+      classNames: mergedClassNames,
+      styles: mergedStyles
     });
-  }, [parentHackContext, hideHeader]);
+  }, [parentHackContext, hideHeader, mergedClassNames, mergedStyles]);
 
   // ======================== Warnings ========================
   if (process.env.NODE_ENV !== 'production') {

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';
+export type SemanticStructure = 'popup' | 'popupBody' | 'popupContent';
 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/locale/am_ET.js

@@ -21,9 +21,7 @@ var locale = {
   yearSelect: 'አመት ምረጥ',
   decadeSelect: 'አስርት አመታት ምረጥ',
   yearFormat: 'YYYY',
-  dateFormat: 'D/M/YYYY',
   dayFormat: 'D',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   monthBeforeYear: true,
   previousMonth: 'ያለፈው ወር (PageUp)',
   nextMonth: 'ቀጣይ ወር (PageDown)',

package/lib/locale/ar_EG.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'اختيار الشهر',
   yearSelect: 'اختيار السنة',
   decadeSelect: 'اختيار العقد',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'الشهر السابق (PageUp)',
   nextMonth: 'الشهر التالى(PageDown)',
   previousYear: 'العام السابق (Control + left)',

package/lib/locale/az_AZ.js

@@ -27,8 +27,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Ay seç',
   yearSelect: 'il seç',
   decadeSelect: 'Onillik seçin',
-  dateFormat: 'D.M.YYYY',
-  dateTimeFormat: 'D.M.YYYY HH:mm:ss',
   previousMonth: 'Əvvəlki ay (PageUp)',
   nextMonth: 'Növbəti ay (PageDown)',
   previousYear: 'Sonuncu il (Control + left)',

package/lib/locale/bg_BG.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Избор на месец',
   yearSelect: 'Избор на година',
   decadeSelect: 'Десетилетие',
-  dateFormat: 'D M YYYY',
-  dateTimeFormat: 'D M YYYY HH:mm:ss',
   previousMonth: 'Предишен месец (PageUp)',
   nextMonth: 'Следващ месец (PageDown)',
   previousYear: 'Последна година (Control + left)',

package/lib/locale/bn_BD.js

@@ -27,8 +27,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'মাস পছন্দ করুন',
   yearSelect: 'বছর পছন্দ করুন',
   decadeSelect: 'একটি দশক পছন্দ করুন',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'গত মাস (PageUp)',
   nextMonth: 'আগামী মাস (PageDown)',
   previousYear: 'গত বছর (Control + left)',

package/lib/locale/by_BY.js

@@ -27,8 +27,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Выбраць месяц',
   yearSelect: 'Выбраць год',
   decadeSelect: 'Выбраць дзесяцігоддзе',
-  dateFormat: 'D-M-YYYY',
-  dateTimeFormat: 'D-M-YYYY HH:mm:ss',
   previousMonth: 'Папярэдні месяц (PageUp)',
   nextMonth: 'Наступны месяц (PageDown)',
   previousYear: 'Папярэдні год (Control + left)',

package/lib/locale/ca_ES.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Escollir un mes',
   yearSelect: 'Escollir un any',
   decadeSelect: 'Escollir una dècada',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Mes anterior (PageUp)',
   nextMonth: 'Mes següent (PageDown)',
   previousYear: 'Any anterior (Control + left)',

package/lib/locale/cs_CZ.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Vyberte měsíc',
   yearSelect: 'Vyberte rok',
   decadeSelect: 'Vyberte dekádu',
-  dateFormat: 'D.M.YYYY',
-  dateTimeFormat: 'D.M.YYYY HH:mm:ss',
   previousMonth: 'Předchozí měsíc (PageUp)',
   nextMonth: 'Následující (PageDown)',
   previousYear: 'Předchozí rok (Control + left)',

package/lib/locale/da_DK.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Vælg måned',
   yearSelect: 'Vælg år',
   decadeSelect: 'Vælg årti',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Forrige måned (Page Up)',
   nextMonth: 'Næste måned (Page Down)',
   previousYear: 'Forrige år (Ctrl-venstre pil)',

package/lib/locale/de_DE.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Wähle einen Monat',
   yearSelect: 'Wähle ein Jahr',
   decadeSelect: 'Wähle ein Jahrzehnt',
-  dateFormat: 'D.M.YYYY',
-  dateTimeFormat: 'D.M.YYYY HH:mm:ss',
   previousMonth: 'Vorheriger Monat (PageUp)',
   nextMonth: 'Nächster Monat (PageDown)',
   previousYear: 'Vorheriges Jahr (Ctrl + left)',

package/lib/locale/el_GR.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Επιλογή μήνα',
   yearSelect: 'Επιλογή έτους',
   decadeSelect: 'Επιλογή δεκαετίας',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Προηγούμενος μήνας (PageUp)',
   nextMonth: 'Επόμενος μήνας (PageDown)',
   previousYear: 'Προηγούμενο έτος (Control + αριστερά)',

package/lib/locale/en_GB.js

@@ -26,8 +26,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Choose a month',
   yearSelect: 'Choose a year',
   decadeSelect: 'Choose a decade',
-  dateFormat: 'D/M/YYYY',
-  dateTimeFormat: 'D/M/YYYY HH:mm:ss',
   previousMonth: 'Previous month (PageUp)',
   nextMonth: 'Next month (PageDown)',
   previousYear: 'Last year (Control + left)',

package/lib/locale/en_US.js

@@ -27,8 +27,6 @@ var locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {
   monthSelect: 'Choose a month',
   yearSelect: 'Choose a year',
   decadeSelect: 'Choose a decade',
-  dateFormat: 'M/D/YYYY',
-  dateTimeFormat: 'M/D/YYYY HH:mm:ss',
   previousMonth: 'Previous month (PageUp)',
   nextMonth: 'Next month (PageDown)',
   previousYear: 'Last year (Control + left)',