@kdcloudjs/kdesign 1.0.2

package/es/date-picker/hooks/use-range-disabled.js

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import { getValue } from '../utils';
+import { getWeek, getQuarter, getMonth, getYear, isSameDay, isAfter } from '../utils/date-fns';
+export default function useRangeDisabled(_ref, disabledStart, disabledEnd) {
+  var picker = _ref.picker,
+      selectedValue = _ref.selectedValue,
+      disabledDate = _ref.disabledDate,
+      disabled = _ref.disabled;
+  var startDate = getValue(selectedValue, 0);
+  var endDate = getValue(selectedValue, 1);
+
+  function weekNumber(date) {
+    var year = getYear(date);
+    var week = getWeek(date);
+    return year * 100 + week;
+  }
+
+  function monthNumber(date) {
+    var year = getYear(date);
+    var month = getMonth(date);
+    return year * 100 + month;
+  }
+
+  function quarterNumber(date) {
+    var year = getYear(date);
+    var quarter = getQuarter(date);
+    return year * 10 + quarter;
+  }
+
+  var disabledStartDate = React.useCallback(function (date) {
+    if (disabledDate && disabledDate(date)) {
+      return true;
+    }
+
+    if (disabled[1] && endDate) {
+      return !isSameDay(date, endDate) && isAfter(date, endDate);
+    }
+
+    if (disabledStart && endDate) {
+      switch (picker) {
+        case 'quarter':
+          return quarterNumber(date) > quarterNumber(endDate);
+
+        case 'month':
+          return monthNumber(date) > monthNumber(endDate);
+
+        case 'week':
+          return weekNumber(date) > weekNumber(endDate);
+
+        default:
+          return !isSameDay(date, endDate) && isAfter(date, endDate);
+      }
+    }
+
+    return false;
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabledDate, disabled[1], endDate, disabledStart]);
+  var disabledEndDate = React.useCallback(function (date) {
+    if (disabledDate && disabledDate(date)) {
+      return true;
+    }
+
+    if (disabled[0] && startDate) {
+      return !isSameDay(date, endDate) && isAfter(startDate, date);
+    }
+
+    if (disabledEnd && startDate) {
+      switch (picker) {
+        case 'quarter':
+          return quarterNumber(date) < quarterNumber(startDate);
+
+        case 'month':
+          return monthNumber(date) < monthNumber(startDate);
+
+        case 'week':
+          return weekNumber(date) < weekNumber(startDate);
+
+        default:
+          return !isSameDay(date, startDate) && isAfter(startDate, date);
+      }
+    }
+
+    return false;
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabledDate, disabled[0], startDate, disabledEnd]);
+  return [disabledStartDate, disabledEndDate];
+}

package/es/date-picker/hooks/use-range-view-dates.d.ts

@@ -0,0 +1,6 @@
+import { RangeValue, PickerMode, DateType } from '../interface';
+export default function useRangeViewDates({ values, picker, defaultDates, }: {
+    values: RangeValue;
+    picker: PickerMode;
+    defaultDates: RangeValue | undefined;
+}): [(activePickerIndex: 0 | 1) => DateType, (viewDate: DateType | null, index: 0 | 1) => void];

package/es/date-picker/hooks/use-range-view-dates.js

@@ -0,0 +1,113 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
+import * as React from 'react';
+import { getValue, updateValues, getClosingViewDate } from '../utils';
+import { newDate, isSameYear, isSameMonth } from '../utils/date-fns'; // import { getClosingViewDate, isSameYear, isSameMonth, isSameDecade } from '../utils/dateUtil'
+
+function getStartEndDistance(startDate, endDate, picker) {
+  var startNext = getClosingViewDate(startDate, picker, 1);
+
+  function getDistance(compareFunc) {
+    if (compareFunc(startDate, endDate)) {
+      return 'same';
+    }
+
+    if (compareFunc(startNext, endDate)) {
+      return 'closing';
+    }
+
+    return 'far';
+  }
+
+  switch (picker) {
+    // case 'year':
+    //   return getDistance((start, end) => isSameDecade(start, end))
+    case 'quarter':
+    case 'month':
+      return getDistance(function (start, end) {
+        return isSameYear(start, end);
+      });
+
+    default:
+      return getDistance(function (start, end) {
+        return isSameMonth(start, end);
+      });
+  }
+}
+
+function getRangeViewDate(values, index, picker) {
+  var startDate = getValue(values, 0);
+  var endDate = getValue(values, 1);
+
+  if (index === 0) {
+    return startDate;
+  }
+
+  if (startDate && endDate) {
+    var distance = getStartEndDistance(startDate, endDate, picker);
+
+    switch (distance) {
+      case 'same':
+        return startDate;
+
+      case 'closing':
+        return startDate;
+
+      default:
+        return getClosingViewDate(endDate, picker, -1);
+    }
+  }
+
+  return startDate;
+}
+
+export default function useRangeViewDates(_ref) {
+  var values = _valuesInstanceProperty(_ref),
+      picker = _ref.picker,
+      defaultDates = _ref.defaultDates;
+
+  var _React$useState = React.useState(function () {
+    return [getValue(defaultDates, 0), getValue(defaultDates, 1)];
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      defaultViewDates = _React$useState2[0],
+      setDefaultViewDates = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      viewDates = _React$useState4[0],
+      setInternalViewDates = _React$useState4[1];
+
+  var startDate = getValue(values, 0);
+  var endDate = getValue(values, 1);
+
+  function getViewDate(index) {
+    if (defaultViewDates[index]) {
+      return defaultViewDates[index];
+    }
+
+    return getValue(viewDates, index) || getRangeViewDate(values, index, picker) || startDate || endDate || newDate();
+  }
+
+  function setViewDate(viewDate, index) {
+    if (viewDate) {
+      var newViewDates = updateValues(viewDates, viewDate, index); // Set view date will clean up default one
+
+      setDefaultViewDates( // Should always be an array
+      updateValues(defaultViewDates, null, index) || [null, null]); // Reset another one when not have value
+
+      var anotherIndex = (index + 1) % 2;
+
+      if (!getValue(values, anotherIndex)) {
+        newViewDates = updateValues(newViewDates, viewDate, anotherIndex);
+      }
+
+      setInternalViewDates(newViewDates);
+    } else if (startDate || endDate) {
+      // Reset all when has values when `viewDate` is `null` which means from open trigger
+      setInternalViewDates(null);
+    }
+  }
+
+  return [getViewDate, setViewDate];
+}

package/es/date-picker/hooks/use-state-memo.d.ts

@@ -0,0 +1 @@
+export default function useStateMemo<Value, Condition = any[]>(getValue: () => Value, condition: Condition, shouldUpdate: (prev: Condition, next: Condition) => boolean): NonNullable<Value>;

package/es/date-picker/hooks/use-state-memo.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export default function useStateMemo(getValue, condition, shouldUpdate) {
+  var cacheRef = React.useRef({});
+
+  if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
+    cacheRef.current.value = getValue();
+    cacheRef.current.condition = condition;
+  }
+
+  return cacheRef.current.value;
+}

package/es/date-picker/hooks/use-text-value-mapping.d.ts

@@ -0,0 +1,5 @@
+export default function useTextValueMapping({ valueText, onTextChange, }: {
+    /** Must useMemo, to assume that `valueTexts` only match on the first change */
+    valueText: string;
+    onTextChange: (text: string) => void;
+}): [string, (text: string) => void, () => void];

package/es/date-picker/hooks/use-text-value-mapping.js

@@ -0,0 +1,31 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import * as React from 'react';
+export default function useTextValueMapping(_ref) {
+  var valueText = _ref.valueText,
+      onTextChange = _ref.onTextChange;
+
+  var _React$useState = React.useState(''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      text = _React$useState2[0],
+      setInnerText = _React$useState2[1];
+
+  var valueTextRef = React.useRef('');
+  valueTextRef.current = valueText;
+
+  function triggerTextChange(value) {
+    setInnerText(value);
+    onTextChange(value);
+  }
+
+  function resetText() {
+    setInnerText(valueTextRef.current);
+  }
+
+  React.useEffect(function () {
+    if (valueText !== text) {
+      resetText();
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [valueText]);
+  return [text, triggerTextChange, resetText];
+}

package/es/date-picker/hooks/use-value-texts.d.ts

@@ -0,0 +1,5 @@
+import { DateFormat, DateType } from '../interface';
+export interface ValueTextConfig {
+    format: DateFormat;
+}
+export default function useValueTexts(value: DateType | null, { format }: ValueTextConfig): string;

package/es/date-picker/hooks/use-value-texts.js

@@ -0,0 +1,15 @@
+import { formatDate } from '../utils/date-fns';
+import useStateMemo from './use-state-memo';
+export default function useValueTexts(value, _ref) {
+  var format = _ref.format;
+  return useStateMemo(function () {
+    if (!value) {
+      return '';
+    }
+
+    var valueTexts = formatDate(value, format);
+    return valueTexts;
+  }, [value], function (prev, next) {
+    return prev !== next;
+  });
+}

package/es/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+import Picker, { PickerProps } from './date-picker';
+import RangePicker from './range-picker';
+export { PickerProps, RangePicker };
+export default Picker;

package/es/date-picker/index.js

@@ -0,0 +1,4 @@
+import Picker from './date-picker';
+import RangePicker from './range-picker';
+export { RangePicker };
+export default Picker;

package/es/date-picker/interface.d.ts

@@ -0,0 +1,135 @@
+/// <reference types="react" />
+import { BorderType, InputSiteType } from '../input/input';
+export interface Locale {
+    'DatePicker.placeholder': string;
+    'DatePicker.yearPlaceholder': string;
+    'DatePicker.quarterPlaceholder': string;
+    'DatePicker.monthPlaceholder': string;
+    'DatePicker.weekPlaceholder': string;
+    'DatePicker.timePlaceholder': string;
+    'DatePicker.now': string;
+    'DatePicker.confrim': string;
+    'DatePicker.today': string;
+    'DatePicker.rangePlaceholder': [string, string];
+    'DatePicker.rangeYearPlaceholder': [string, string];
+    'DatePicker.rangeMonthPlaceholder': [string, string];
+    'DatePicker.rangeWeekPlaceholder': [string, string];
+    'DatePicker.rangeQuarterPlaceholder': [string, string];
+    'DatePicker.rangeTimePlaceholder': [string, string];
+}
+export interface InnerLocale {
+    locale: string;
+    placeholder: string;
+    yearPlaceholder: string;
+    quarterPlaceholder: string;
+    monthPlaceholder: string;
+    weekPlaceholder: string;
+    timePlaceholder: string;
+    now: string;
+    confrim: string;
+    today: string;
+    rangePlaceholder: [string, string];
+    rangeYearPlaceholder: [string, string];
+    rangeMonthPlaceholder: [string, string];
+    rangeWeekPlaceholder: [string, string];
+    rangeQuarterPlaceholder: [string, string];
+    rangeTimePlaceholder: [string, string];
+}
+export declare type InnerLocaleKey = keyof InnerLocale;
+export declare type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
+export declare type PickerMode = Exclude<PanelMode, 'datetime' | 'decade'>;
+export declare type DateType = Date;
+export declare type CustomFormat = (value: DateType) => string;
+export declare type DateFormat = string;
+export declare type DateFormats = Array<string>;
+export declare type NullableDateType = DateType | null | undefined;
+export declare type OnSelect = (value: DateType, type: 'key' | 'mouse' | 'submit') => void;
+export interface DisabledTimes {
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+}
+export declare type DisabledTime = (date: DateType | null) => DisabledTimes;
+export declare type OnPanelChange = (value: DateType, mode: PanelMode) => void;
+export declare type EventValue = DateType | null;
+export declare type RangeValue = [EventValue, EventValue] | null;
+export declare type RangeList = {
+    label: string;
+    onClick: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+}[];
+export interface Components {
+    button?: React.ComponentType | string;
+    rangeItem?: React.ComponentType | string;
+}
+export interface PanelSharedProps {
+    value?: NullableDateType;
+    defaultPickerValue?: DateType;
+    locale: InnerLocale;
+    disabledDate?: (date: DateType) => boolean;
+    prevIcon?: React.ReactNode;
+    nextIcon?: React.ReactNode;
+    superPrevIcon?: React.ReactNode;
+    superNextIcon?: React.ReactNode;
+}
+export declare type DateRender = (currentDate: DateType, today: DateType) => React.ReactNode;
+export declare type CellRender = (currentDate: DateType) => React.ReactNode;
+export declare type RangeType = 'start' | 'end';
+export interface RangeInfo {
+    range: RangeType;
+}
+export declare type RangeDateRender = (currentDate: DateType, today: DateType, info: RangeInfo) => React.ReactNode;
+export interface SharedTimeProps extends DisabledTimes {
+    format?: string;
+    showNow?: boolean;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    hideDisabledOptions?: boolean;
+    defaultValue?: DateType;
+}
+export interface OutInputCommonProps {
+    format: DateFormat;
+    picker: PickerMode;
+    id?: string;
+    autoFocus?: boolean;
+    allowClear?: boolean;
+    className?: string;
+    borderType?: BorderType;
+    style?: React.CSSProperties;
+    size?: InputSiteType;
+    readOnly?: boolean;
+    suffixIcon?: React.ReactNode;
+    clearIcon?: React.ReactNode;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement>;
+}
+export interface InputCommonProps {
+    panelDivRef: React.RefObject<HTMLDivElement>;
+    needConfirmButton: boolean;
+    open: boolean;
+    prefixCls: string;
+    locale: InnerLocale;
+    dataOrAriaProps?: Record<string, any>;
+}
+export interface OutPopperProps {
+    dropdownClassName?: string;
+    popupStyle?: React.CSSProperties;
+    showArrow?: boolean;
+}
+export interface TimeUnit {
+    label: React.ReactText;
+    value: number;
+    disabled: boolean;
+}

package/es/date-picker/locale/en_GB.d.ts

@@ -0,0 +1 @@
+

package/es/date-picker/locale/en_GB.js

@@ -0,0 +1,33 @@
+// import { Locale } from '../interface'
+// const locale: Locale = {
+//   'DatePicker.placeholder': '请选择日期',
+//   'DatePicker.yearPlaceholder': '请选择年份',
+//   'DatePicker.quarterPlaceholder': '请选择季度',
+//   'DatePicker.monthPlaceholder': '请选择月份',
+//   'DatePicker.weekPlaceholder': '请选择周',
+//   // 'DatePicker.today': '今天',
+//   // 'DatePicker.now': '此刻',
+//   // 'DatePicker.backToToday': '返回今天',
+//   // 'DatePicker.timeSelect': '选择时间',
+//   // 'DatePicker.dateSelect': '选择日期',
+//   // 'DatePicker.weekSelect': '选择周',
+//   // 'DatePicker.clear': '清除',
+//   // 'DatePicker.month': '月',
+//   // 'DatePicker.year': '年',
+//   // 'DatePicker.previousMonth': '上个月 (翻页上键)',
+//   // 'DatePicker.nextMonth': '下个月 (翻页下键)',
+//   // 'DatePicker.monthSelect': '选择月份',
+//   // 'DatePicker.yearSelect': '选择年份',
+//   // 'DatePicker.decadeSelect': '选择年代',
+//   // 'DatePicker.yearFormat': 'YYYY年',
+//   // 'DatePicker.dayFormat': 'D日',
+//   // 'DatePicker.dateFormat': 'YYYY年M月D日',
+//   // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
+//   // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
+//   // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
+//   // 'DatePicker.previousDecade': '上一年代',
+//   // 'DatePicker.nextDecade': '下一年代',
+//   // 'DatePicker.previousCentury': '上一世纪',
+//   // 'DatePicker.nextCentury': '下一世纪',
+// }
+// export default locale

package/es/date-picker/locale/en_US.d.ts

@@ -0,0 +1 @@
+

package/es/date-picker/locale/en_US.js

@@ -0,0 +1,33 @@
+// import { Locale } from '../interface'
+// const locale: Locale = {
+//   'DatePicker.placeholder': '请选择日期',
+//   'DatePicker.yearPlaceholder': '请选择年份',
+//   'DatePicker.quarterPlaceholder': '请选择季度',
+//   'DatePicker.monthPlaceholder': '请选择月份',
+//   'DatePicker.weekPlaceholder': '请选择周',
+//   // 'DatePicker.today': '今天',
+//   // 'DatePicker.now': '此刻',
+//   // 'DatePicker.backToToday': '返回今天',
+//   // 'DatePicker.timeSelect': '选择时间',
+//   // 'DatePicker.dateSelect': '选择日期',
+//   // 'DatePicker.weekSelect': '选择周',
+//   // 'DatePicker.clear': '清除',
+//   // 'DatePicker.month': '月',
+//   // 'DatePicker.year': '年',
+//   // 'DatePicker.previousMonth': '上个月 (翻页上键)',
+//   // 'DatePicker.nextMonth': '下个月 (翻页下键)',
+//   // 'DatePicker.monthSelect': '选择月份',
+//   // 'DatePicker.yearSelect': '选择年份',
+//   // 'DatePicker.decadeSelect': '选择年代',
+//   // 'DatePicker.yearFormat': 'YYYY年',
+//   // 'DatePicker.dayFormat': 'D日',
+//   // 'DatePicker.dateFormat': 'YYYY年M月D日',
+//   // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
+//   // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
+//   // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
+//   // 'DatePicker.previousDecade': '上一年代',
+//   // 'DatePicker.nextDecade': '下一年代',
+//   // 'DatePicker.previousCentury': '上一世纪',
+//   // 'DatePicker.nextCentury': '下一世纪',
+// }
+// export default locale

package/es/date-picker/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { Locale } from '../interface';
+declare const locale: Locale;
+export default locale;

package/es/date-picker/locale/zh_CN.js

@@ -0,0 +1,41 @@
+var locale = {
+  // locale: 'zh_CN',
+  'DatePicker.placeholder': '请选择日期',
+  'DatePicker.yearPlaceholder': '请选择年份',
+  'DatePicker.quarterPlaceholder': '请选择季度',
+  'DatePicker.monthPlaceholder': '请选择月份',
+  'DatePicker.weekPlaceholder': '请选择周',
+  'DatePicker.timePlaceholder': '请选择时间',
+  'DatePicker.now': '此刻',
+  'DatePicker.confrim': '确定',
+  'DatePicker.today': '今天',
+  // 'DatePicker.backToToday': '返回今天',
+  // 'DatePicker.timeSelect': '选择时间',
+  // 'DatePicker.dateSelect': '选择日期',
+  // 'DatePicker.weekSelect': '选择周',
+  // 'DatePicker.clear': '清除',
+  // 'DatePicker.month': '月',
+  // 'DatePicker.year': '年',
+  // 'DatePicker.previousMonth': '上个月 (翻页上键)',
+  // 'DatePicker.nextMonth': '下个月 (翻页下键)',
+  // 'DatePicker.monthSelect': '选择月份',
+  // 'DatePicker.yearSelect': '选择年份',
+  // 'DatePicker.decadeSelect': '选择年代',
+  // 'DatePicker.yearFormat': 'YYYY年',
+  // 'DatePicker.dayFormat': 'D日',
+  // 'DatePicker.dateFormat': 'YYYY年M月D日',
+  // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
+  // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
+  // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
+  // 'DatePicker.previousDecade': '上一年代',
+  // 'DatePicker.nextDecade': '下一年代',
+  // 'DatePicker.previousCentury': '上一世纪',
+  // 'DatePicker.nextCentury': '下一世纪',
+  'DatePicker.rangePlaceholder': ['开始日期', '结束日期'],
+  'DatePicker.rangeYearPlaceholder': ['开始年份', '结束年份'],
+  'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],
+  'DatePicker.rangeWeekPlaceholder': ['开始周', '结束周'],
+  'DatePicker.rangeQuarterPlaceholder': ['开始季度', '结束季度'],
+  'DatePicker.rangeTimePlaceholder': ['开始时间', '结束时间']
+};
+export default locale;

package/es/date-picker/locale/zh_TW.d.ts

@@ -0,0 +1 @@
+

package/es/date-picker/locale/zh_TW.js

@@ -0,0 +1,33 @@
+// import { Locale } from '../interface'
+// const locale: Locale = {
+//   'DatePicker.placeholder': '请选择日期',
+//   'DatePicker.yearPlaceholder': '请选择年份',
+//   'DatePicker.quarterPlaceholder': '请选择季度',
+//   'DatePicker.monthPlaceholder': '请选择月份',
+//   'DatePicker.weekPlaceholder': '请选择周',
+//   // 'DatePicker.today': '今天',
+//   // 'DatePicker.now': '此刻',
+//   // 'DatePicker.backToToday': '返回今天',
+//   // 'DatePicker.timeSelect': '选择时间',
+//   // 'DatePicker.dateSelect': '选择日期',
+//   // 'DatePicker.weekSelect': '选择周',
+//   // 'DatePicker.clear': '清除',
+//   // 'DatePicker.month': '月',
+//   // 'DatePicker.year': '年',
+//   // 'DatePicker.previousMonth': '上个月 (翻页上键)',
+//   // 'DatePicker.nextMonth': '下个月 (翻页下键)',
+//   // 'DatePicker.monthSelect': '选择月份',
+//   // 'DatePicker.yearSelect': '选择年份',
+//   // 'DatePicker.decadeSelect': '选择年代',
+//   // 'DatePicker.yearFormat': 'YYYY年',
+//   // 'DatePicker.dayFormat': 'D日',
+//   // 'DatePicker.dateFormat': 'YYYY年M月D日',
+//   // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
+//   // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
+//   // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
+//   // 'DatePicker.previousDecade': '上一年代',
+//   // 'DatePicker.nextDecade': '下一年代',
+//   // 'DatePicker.previousCentury': '上一世纪',
+//   // 'DatePicker.nextCentury': '下一世纪',
+// }
+// export default locale

package/es/date-picker/panel/date-time/date-time.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { CalendarProps } from '../../calendar';
+import { SharedTimeProps } from '../time/time';
+import { DateType, DisabledTime, PanelSharedProps } from '../../interface';
+export interface DatetimePanelProps extends PanelSharedProps, Omit<CalendarProps, 'disabledHours' | 'disabledMinutes' | 'disabledSeconds'> {
+    dateHeader: React.ReactNode;
+    disabledTimePanel?: DisabledTime;
+    showTime?: boolean | SharedTimeProps;
+    defaultValue?: DateType;
+}
+declare function DatetimePanel(props: DatetimePanelProps): JSX.Element;
+export default DatetimePanel;

package/es/date-picker/panel/date-time/date-time.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import * as React from 'react';
+import classNames from 'classnames';
+import Context from '../../context';
+import Calendar from '../../calendar';
+import TimePanel from '../time/time';
+
+function DatetimePanel(props) {
+  var context = React.useContext(Context);
+  var prefixCls = context.prefixCls,
+      panelPosition = context.panelPosition,
+      dateValue = context.dateValue,
+      rangeValue = context.rangeValue;
+  var disabledTimePanel = props.disabledTimePanel,
+      showTime = props.showTime,
+      dateHeader = props.dateHeader;
+  var value = dateValue;
+
+  if (panelPosition === 'left') {
+    value = rangeValue[0];
+  } else if (panelPosition === 'right') {
+    value = rangeValue[1];
+  }
+
+  var timeProps = _typeof(showTime) === 'object' ? _extends({}, showTime) : {};
+  var disabledTimes = disabledTimePanel ? disabledTimePanel(value || null) : {};
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefixCls, "-datetime-panel"), {// [`${panelPrefixCls}-active`]: activePanel,
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefixCls, "-date"))
+  }, dateHeader, /*#__PURE__*/React.createElement(Calendar, _extends({}, props))), /*#__PURE__*/React.createElement(TimePanel, _extends({}, props, {
+    format: undefined
+  }, timeProps, disabledTimes, {
+    defaultValue: undefined
+  })));
+}
+
+export default DatetimePanel;