acud 0.0.60

package/es/date-picker/src/panels/DatePanel/DateBody.js

@@ -0,0 +1,83 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { WEEK_DAY_COUNT, getWeekStartDate, isSameDate, isSameMonth, formatValue } from '../../utils/dateUtil';
+import RangeContext from '../../RangeContext';
+import useCellClassName from '../../hooks/useCellClassName';
+import PanelBody from '../PanelBody';
+
+function DateBody(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      prefixColumn = props.prefixColumn,
+      locale = props.locale,
+      rowCount = props.rowCount,
+      viewDate = props.viewDate,
+      value = props.value,
+      dateRender = props.dateRender;
+
+  var _React$useContext = React.useContext(RangeContext),
+      rangedValue = _React$useContext.rangedValue,
+      hoverRangedValue = _React$useContext.hoverRangedValue;
+
+  var baseDate = getWeekStartDate(locale.locale, generateConfig, viewDate);
+  var cellPrefixCls = "".concat(prefixCls, "-cell");
+  var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);
+  var today = generateConfig.getNow(); // ============================== Header ==============================
+
+  var headerCells = [];
+  var weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
+
+  if (prefixColumn) {
+    headerCells.push( /*#__PURE__*/React.createElement("th", {
+      key: "empty",
+      "aria-label": "empty cell"
+    }));
+  }
+
+  for (var i = 0; i < WEEK_DAY_COUNT; i += 1) {
+    headerCells.push( /*#__PURE__*/React.createElement("th", {
+      key: i
+    }, weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]));
+  } // =============================== Body ===============================
+
+
+  var getCellClassName = useCellClassName({
+    cellPrefixCls: cellPrefixCls,
+    today: today,
+    value: value,
+    generateConfig: generateConfig,
+    rangedValue: prefixColumn ? null : rangedValue,
+    hoverRangedValue: prefixColumn ? null : hoverRangedValue,
+    isSameCell: function isSameCell(current, target) {
+      return isSameDate(generateConfig, current, target);
+    },
+    isInView: function isInView(date) {
+      return isSameMonth(generateConfig, date, viewDate);
+    },
+    offsetCell: function offsetCell(date, offset) {
+      return generateConfig.addDate(date, offset);
+    }
+  });
+  var getCellNode = dateRender ? function (date) {
+    return dateRender(date, today);
+  } : undefined;
+  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {
+    rowNum: rowCount,
+    colNum: WEEK_DAY_COUNT,
+    baseDate: baseDate,
+    getCellNode: getCellNode,
+    getCellText: generateConfig.getDate,
+    getCellClassName: getCellClassName,
+    getCellDate: generateConfig.addDate,
+    titleCell: function titleCell(date) {
+      return formatValue(date, {
+        locale: locale,
+        format: 'YYYY-MM-DD',
+        generateConfig: generateConfig
+      });
+    },
+    headerCells: headerCells
+  }));
+}
+
+export default DateBody;

package/es/date-picker/src/panels/DatePanel/DateHeader.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { Locale } from '../../interface';
+import type { GenerateConfig } from '../../generate';
+export declare type DateHeaderProps<DateType> = {
+    prefixCls: string;
+    viewDate: DateType;
+    value?: DateType | null;
+    locale: Locale;
+    generateConfig: GenerateConfig<DateType>;
+    onPrevYear: () => void;
+    onNextYear: () => void;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    onYearClick: () => void;
+    onMonthClick: () => void;
+};
+declare function DateHeader<DateType>(props: DateHeaderProps<DateType>): JSX.Element;
+export default DateHeader;

package/es/date-picker/src/panels/DatePanel/DateHeader.js

@@ -0,0 +1,62 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import Header from '../Header';
+import PanelContext from '../../PanelContext';
+import { formatValue } from '../../utils/dateUtil';
+
+function DateHeader(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      locale = props.locale,
+      viewDate = props.viewDate,
+      onNextMonth = props.onNextMonth,
+      onPrevMonth = props.onPrevMonth,
+      onNextYear = props.onNextYear,
+      onPrevYear = props.onPrevYear,
+      onYearClick = props.onYearClick,
+      onMonthClick = props.onMonthClick;
+
+  var _React$useContext = React.useContext(PanelContext),
+      hideHeader = _React$useContext.hideHeader;
+
+  if (hideHeader) {
+    return null;
+  }
+
+  var headerPrefixCls = "".concat(prefixCls, "-header");
+  var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
+  var month = generateConfig.getMonth(viewDate); // =================== Month & Year ===================
+
+  var yearNode = /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    key: "year",
+    onClick: onYearClick,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-year-btn")
+  }, formatValue(viewDate, {
+    locale: locale,
+    format: locale.yearFormat,
+    generateConfig: generateConfig
+  }));
+  var monthNode = /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    key: "month",
+    onClick: onMonthClick,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-month-btn")
+  }, locale.monthFormat ? formatValue(viewDate, {
+    locale: locale,
+    format: locale.monthFormat,
+    generateConfig: generateConfig
+  }) : monthsLocale[month]);
+  var monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
+  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {
+    prefixCls: headerPrefixCls,
+    onSuperPrev: onPrevYear,
+    onPrev: onPrevMonth,
+    onNext: onNextMonth,
+    onSuperNext: onNextYear
+  }), monthYearNodes);
+}
+
+export default DateHeader;

package/es/date-picker/src/panels/DatePanel/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { DateBodyPassProps, DateRender } from './DateBody';
+import type { PanelSharedProps } from '../../interface';
+import type { KeyboardConfig } from '../../utils/uiUtil';
+export declare type DatePanelProps<DateType> = {
+    active?: boolean;
+    dateRender?: DateRender<DateType>;
+    panelName?: string;
+    keyboardConfig?: KeyboardConfig;
+} & PanelSharedProps<DateType> & DateBodyPassProps<DateType>;
+declare function DatePanel<DateType>(props: DatePanelProps<DateType>): JSX.Element;
+export default DatePanel;

package/es/date-picker/src/panels/DatePanel/index.js

@@ -0,0 +1,93 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import classNames from 'classnames';
+import DateBody from './DateBody';
+import DateHeader from './DateHeader';
+import { WEEK_DAY_COUNT } from '../../utils/dateUtil';
+import { createKeyDownHandler } from '../../utils/uiUtil';
+var DATE_ROW_COUNT = 6;
+
+function DatePanel(props) {
+  var prefixCls = props.prefixCls,
+      _props$panelName = props.panelName,
+      panelName = _props$panelName === void 0 ? 'date' : _props$panelName,
+      keyboardConfig = props.keyboardConfig,
+      active = props.active,
+      operationRef = props.operationRef,
+      generateConfig = props.generateConfig,
+      value = props.value,
+      viewDate = props.viewDate,
+      onViewDateChange = props.onViewDateChange,
+      onPanelChange = props.onPanelChange,
+      _onSelect = props.onSelect;
+  var panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"); // ======================= Keyboard =======================
+
+  operationRef.current = {
+    onKeyDown: function onKeyDown(event) {
+      return createKeyDownHandler(event, _extends({
+        onLeftRight: function onLeftRight(diff) {
+          _onSelect(generateConfig.addDate(value || viewDate, diff), 'key');
+        },
+        onCtrlLeftRight: function onCtrlLeftRight(diff) {
+          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
+        },
+        onUpDown: function onUpDown(diff) {
+          _onSelect(generateConfig.addDate(value || viewDate, diff * WEEK_DAY_COUNT), 'key');
+        },
+        onPageUpDown: function onPageUpDown(diff) {
+          _onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');
+        }
+      }, keyboardConfig));
+    }
+  }; // ==================== View Operation ====================
+
+  var onYearChange = function onYearChange(diff) {
+    var newDate = generateConfig.addYear(viewDate, diff);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  var onMonthChange = function onMonthChange(diff) {
+    var newDate = generateConfig.addMonth(viewDate, diff);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), active))
+  }, /*#__PURE__*/React.createElement(DateHeader, _extends({}, props, {
+    prefixCls: prefixCls,
+    value: value,
+    viewDate: viewDate // View Operation
+    ,
+    onPrevYear: function onPrevYear() {
+      onYearChange(-1);
+    },
+    onNextYear: function onNextYear() {
+      onYearChange(1);
+    },
+    onPrevMonth: function onPrevMonth() {
+      onMonthChange(-1);
+    },
+    onNextMonth: function onNextMonth() {
+      onMonthChange(1);
+    },
+    onMonthClick: function onMonthClick() {
+      onPanelChange('month', viewDate);
+    },
+    onYearClick: function onYearClick() {
+      onPanelChange('year', viewDate);
+    }
+  })), /*#__PURE__*/React.createElement(DateBody, _extends({}, props, {
+    onSelect: function onSelect(date) {
+      return _onSelect(date, 'mouse');
+    },
+    prefixCls: prefixCls,
+    value: value,
+    viewDate: viewDate,
+    rowCount: DATE_ROW_COUNT
+  })));
+}
+
+export default DatePanel;

package/es/date-picker/src/panels/DatetimePanel/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { DatePanelProps } from '../DatePanel';
+import type { SharedTimeProps } from '../TimePanel';
+import type { DisabledTime } from '../../interface';
+export declare type DatetimePanelProps<DateType> = {
+    disabledTime?: DisabledTime<DateType>;
+    showTime?: boolean | SharedTimeProps<DateType>;
+    defaultValue?: DateType;
+} & Omit<DatePanelProps<DateType>, 'disabledHours' | 'disabledMinutes' | 'disabledSeconds'>;
+declare function DatetimePanel<DateType>(props: DatetimePanelProps<DateType>): JSX.Element;
+export default DatetimePanel;

package/es/date-picker/src/panels/DatetimePanel/index.js

@@ -0,0 +1,73 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import classNames from 'classnames';
+import DatePanel from '../DatePanel';
+import TimePanel from '../TimePanel';
+import { tuple } from '../../utils/miscUtil';
+import { setDateTime as setTime } from '../../utils/timeUtil';
+var ACTIVE_PANEL = tuple('date', 'time');
+
+function DatetimePanel(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      disabledTime = props.disabledTime,
+      showTime = props.showTime,
+      onSelect = props.onSelect;
+  var panelPrefixCls = "".concat(prefixCls, "-datetime-panel"); // @ts-ignore
+
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      activePanel = _React$useState2[0],
+      setActivePanel = _React$useState2[1];
+
+  var dateOperationRef = React.useRef({});
+  var timeOperationRef = React.useRef({});
+  var timeProps = _typeof(showTime) === 'object' ? _extends({}, showTime) : {}; // ======================== Events ========================
+
+  var onInternalSelect = function onInternalSelect(date, source) {
+    var selectedDate = date;
+
+    if (source === 'date' && !value && timeProps.defaultValue) {
+      // Date with time defaultValue
+      selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue));
+      selectedDate = generateConfig.setMinute(selectedDate, generateConfig.getMinute(timeProps.defaultValue));
+      selectedDate = generateConfig.setSecond(selectedDate, generateConfig.getSecond(timeProps.defaultValue));
+    } else if (source === 'time' && !value && defaultValue) {
+      selectedDate = generateConfig.setYear(selectedDate, generateConfig.getYear(defaultValue));
+      selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue));
+      selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue));
+    }
+
+    if (onSelect) {
+      onSelect(selectedDate, 'mouse');
+    }
+  }; // ======================== Render ========================
+
+
+  var disabledTimes = disabledTime ? disabledTime(value || null) : {};
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), activePanel))
+  }, /*#__PURE__*/React.createElement(DatePanel, _extends({}, props, {
+    operationRef: dateOperationRef,
+    active: activePanel === 'date',
+    onSelect: function onSelect(date) {
+      onInternalSelect(setTime(generateConfig, date, showTime && _typeof(showTime) === 'object' ? showTime.defaultValue : null), 'date');
+    }
+  })), /*#__PURE__*/React.createElement(TimePanel, _extends({}, props, {
+    format: undefined
+  }, timeProps, disabledTimes, {
+    defaultValue: undefined,
+    operationRef: timeOperationRef,
+    active: activePanel === 'time',
+    onSelect: function onSelect(date) {
+      onInternalSelect(date, 'time');
+    }
+  })));
+}
+
+export default DatetimePanel;

package/es/date-picker/src/panels/DecadePanel/DecadeBody.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { GenerateConfig } from '../../generate';
+export declare const DECADE_COL_COUNT = 3;
+export declare type YearBodyProps<DateType> = {
+    prefixCls: string;
+    generateConfig: GenerateConfig<DateType>;
+    viewDate: DateType;
+    disabledDate?: (date: DateType) => boolean;
+    onSelect: (value: DateType) => void;
+};
+declare function DecadeBody<DateType>(props: YearBodyProps<DateType>): JSX.Element;
+export default DecadeBody;

package/es/date-picker/src/panels/DecadePanel/DecadeBody.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as React from 'react';
+import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from '.';
+import PanelBody from '../PanelBody';
+export var DECADE_COL_COUNT = 3;
+var DECADE_ROW_COUNT = 4;
+
+function DecadeBody(props) {
+  var DECADE_UNIT_DIFF_DES = DECADE_UNIT_DIFF - 1;
+  var prefixCls = props.prefixCls,
+      viewDate = props.viewDate,
+      generateConfig = props.generateConfig;
+  var cellPrefixCls = "".concat(prefixCls, "-cell");
+  var yearNumber = generateConfig.getYear(viewDate);
+  var decadeYearNumber = Math.floor(yearNumber / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;
+  var startDecadeYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
+  var endDecadeYear = startDecadeYear + DECADE_DISTANCE_COUNT - 1;
+  var baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * DECADE_UNIT_DIFF - DECADE_DISTANCE_COUNT) / 2));
+
+  var getCellClassName = function getCellClassName(date) {
+    var _ref;
+
+    var startDecadeNumber = generateConfig.getYear(date);
+    var endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES;
+    return _ref = {}, _defineProperty(_ref, "".concat(cellPrefixCls, "-in-view"), startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear), _defineProperty(_ref, "".concat(cellPrefixCls, "-selected"), startDecadeNumber === decadeYearNumber), _ref;
+  };
+
+  return /*#__PURE__*/React.createElement(PanelBody, _extends({}, props, {
+    rowNum: DECADE_ROW_COUNT,
+    colNum: DECADE_COL_COUNT,
+    baseDate: baseDecadeYear,
+    getCellText: function getCellText(date) {
+      var startDecadeNumber = generateConfig.getYear(date);
+      return "".concat(startDecadeNumber, "-").concat(startDecadeNumber + DECADE_UNIT_DIFF_DES);
+    },
+    getCellClassName: getCellClassName,
+    getCellDate: function getCellDate(date, offset) {
+      return generateConfig.addYear(date, offset * DECADE_UNIT_DIFF);
+    }
+  }));
+}
+
+export default DecadeBody;

package/es/date-picker/src/panels/DecadePanel/DecadeHeader.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { GenerateConfig } from '../../generate';
+export declare type YearHeaderProps<DateType> = {
+    prefixCls: string;
+    viewDate: DateType;
+    generateConfig: GenerateConfig<DateType>;
+    onPrevDecades: () => void;
+    onNextDecades: () => void;
+};
+declare function DecadeHeader<DateType>(props: YearHeaderProps<DateType>): JSX.Element;
+export default DecadeHeader;

package/es/date-picker/src/panels/DecadePanel/DecadeHeader.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import Header from '../Header';
+import { DECADE_DISTANCE_COUNT } from '.';
+import PanelContext from '../../PanelContext';
+
+function DecadeHeader(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      viewDate = props.viewDate,
+      onPrevDecades = props.onPrevDecades,
+      onNextDecades = props.onNextDecades;
+
+  var _React$useContext = React.useContext(PanelContext),
+      hideHeader = _React$useContext.hideHeader;
+
+  if (hideHeader) {
+    return null;
+  }
+
+  var headerPrefixCls = "".concat(prefixCls, "-header");
+  var yearNumber = generateConfig.getYear(viewDate);
+  var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
+  var endYear = startYear + DECADE_DISTANCE_COUNT - 1;
+  return /*#__PURE__*/React.createElement(Header, _extends({}, props, {
+    prefixCls: headerPrefixCls,
+    onSuperPrev: onPrevDecades,
+    onSuperNext: onNextDecades
+  }), startYear, "-", endYear);
+}
+
+export default DecadeHeader;

package/es/date-picker/src/panels/DecadePanel/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { PanelSharedProps } from '../../interface';
+export declare type DecadePanelProps<DateType> = PanelSharedProps<DateType>;
+export declare const DECADE_UNIT_DIFF = 10;
+export declare const DECADE_DISTANCE_COUNT: number;
+declare function DecadePanel<DateType>(props: DecadePanelProps<DateType>): JSX.Element;
+export default DecadePanel;

package/es/date-picker/src/panels/DecadePanel/index.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import DecadeHeader from './DecadeHeader';
+import DecadeBody, { DECADE_COL_COUNT } from './DecadeBody';
+import { createKeyDownHandler } from '../../utils/uiUtil';
+export var DECADE_UNIT_DIFF = 10;
+export var DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;
+
+function DecadePanel(props) {
+  var prefixCls = props.prefixCls,
+      onViewDateChange = props.onViewDateChange,
+      generateConfig = props.generateConfig,
+      viewDate = props.viewDate,
+      operationRef = props.operationRef,
+      onSelect = props.onSelect,
+      onPanelChange = props.onPanelChange;
+  var panelPrefixCls = "".concat(prefixCls, "-decade-panel"); // ======================= Keyboard =======================
+
+  operationRef.current = {
+    onKeyDown: function onKeyDown(event) {
+      return createKeyDownHandler(event, {
+        onLeftRight: function onLeftRight(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF), 'key');
+        },
+        onCtrlLeftRight: function onCtrlLeftRight(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT), 'key');
+        },
+        onUpDown: function onUpDown(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF * DECADE_COL_COUNT), 'key');
+        },
+        onEnter: function onEnter() {
+          onPanelChange('year', viewDate);
+        }
+      });
+    }
+  }; // ==================== View Operation ====================
+
+  var onDecadesChange = function onDecadesChange(diff) {
+    var newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  var onInternalSelect = function onInternalSelect(date) {
+    onSelect(date, 'mouse');
+    onPanelChange('year', date);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: panelPrefixCls
+  }, /*#__PURE__*/React.createElement(DecadeHeader, _extends({}, props, {
+    prefixCls: prefixCls,
+    onPrevDecades: function onPrevDecades() {
+      onDecadesChange(-1);
+    },
+    onNextDecades: function onNextDecades() {
+      onDecadesChange(1);
+    }
+  })), /*#__PURE__*/React.createElement(DecadeBody, _extends({}, props, {
+    prefixCls: prefixCls,
+    onSelect: onInternalSelect
+  })));
+}
+
+export default DecadePanel;

package/es/date-picker/src/panels/Header.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export declare type HeaderProps = {
+    prefixCls: string;
+    prevIcon?: React.ReactNode;
+    nextIcon?: React.ReactNode;
+    superPrevIcon?: React.ReactNode;
+    superNextIcon?: React.ReactNode;
+    /** Last one step */
+    onPrev?: () => void;
+    /** Next one step */
+    onNext?: () => void;
+    /** Last multiple steps */
+    onSuperPrev?: () => void;
+    /** Next multiple steps */
+    onSuperNext?: () => void;
+    children?: React.ReactNode;
+};
+declare function Header({ prefixCls, prevIcon, nextIcon, superPrevIcon, superNextIcon, onSuperPrev, onSuperNext, onPrev, onNext, children, }: HeaderProps): JSX.Element;
+export default Header;

package/es/date-picker/src/panels/Header.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import PanelContext from '../PanelContext';
+var HIDDEN_STYLE = {
+  visibility: 'hidden'
+};
+
+function Header(_ref) {
+  var prefixCls = _ref.prefixCls,
+      _ref$prevIcon = _ref.prevIcon,
+      prevIcon = _ref$prevIcon === void 0 ? "\u2039" : _ref$prevIcon,
+      _ref$nextIcon = _ref.nextIcon,
+      nextIcon = _ref$nextIcon === void 0 ? "\u203A" : _ref$nextIcon,
+      _ref$superPrevIcon = _ref.superPrevIcon,
+      superPrevIcon = _ref$superPrevIcon === void 0 ? "\xAB" : _ref$superPrevIcon,
+      _ref$superNextIcon = _ref.superNextIcon,
+      superNextIcon = _ref$superNextIcon === void 0 ? "\xBB" : _ref$superNextIcon,
+      onSuperPrev = _ref.onSuperPrev,
+      onSuperNext = _ref.onSuperNext,
+      onPrev = _ref.onPrev,
+      onNext = _ref.onNext,
+      children = _ref.children;
+
+  var _React$useContext = React.useContext(PanelContext),
+      hideNextBtn = _React$useContext.hideNextBtn,
+      hidePrevBtn = _React$useContext.hidePrevBtn;
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, onSuperPrev && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onSuperPrev,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-super-prev-btn"),
+    style: hidePrevBtn ? HIDDEN_STYLE : {}
+  }, superPrevIcon), onPrev && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onPrev,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-prev-btn"),
+    style: hidePrevBtn ? HIDDEN_STYLE : {}
+  }, prevIcon), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-view")
+  }, children), onNext && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onNext,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-next-btn"),
+    style: hideNextBtn ? HIDDEN_STYLE : {}
+  }, nextIcon), onSuperNext && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onSuperNext,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-super-next-btn"),
+    style: hideNextBtn ? HIDDEN_STYLE : {}
+  }, superNextIcon));
+}
+
+export default Header;

package/es/date-picker/src/panels/MonthPanel/MonthBody.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { GenerateConfig } from '../../generate';
+import type { Locale } from '../../interface';
+export declare const MONTH_COL_COUNT = 3;
+export declare type MonthCellRender<DateType> = (currentDate: DateType, locale: Locale) => React.ReactNode;
+export declare type MonthBodyProps<DateType> = {
+    prefixCls: string;
+    locale: Locale;
+    generateConfig: GenerateConfig<DateType>;
+    value?: DateType | null;
+    viewDate: DateType;
+    disabledDate?: (date: DateType) => boolean;
+    monthCellRender?: MonthCellRender<DateType>;
+    onSelect: (value: DateType) => void;
+};
+declare function MonthBody<DateType>(props: MonthBodyProps<DateType>): JSX.Element;
+export default MonthBody;