@uni-sw/u-design 2.0.4

package/es/components/UDatePicker/date-picker/style/rtl.less

@@ -0,0 +1,246 @@
+.@{picker-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-suffix {
+    .@{picker-prefix-cls}-rtl & {
+      margin-right: (@padding-xs / 2);
+      margin-left: 0;
+    }
+  }
+
+  &-clear {
+    .@{picker-prefix-cls}-rtl & {
+      right: auto;
+      left: 0;
+    }
+  }
+
+  &-separator {
+    .@{picker-prefix-cls}-rtl & {
+      transform: rotate(180deg);
+    }
+  }
+
+  &-header {
+    &-view {
+      button {
+        &:not(:first-child) {
+          .@{picker-prefix-cls}-panel-rtl & {
+            margin-right: @padding-xs;
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+
+  // ======================== Range =========================
+  &-range {
+    // Clear
+    .@{picker-prefix-cls}-clear {
+      .@{picker-prefix-cls}-rtl& {
+        right: auto;
+        left: @input-padding-horizontal-base;
+      }
+    }
+
+    // Active bar
+    .@{picker-prefix-cls}-active-bar {
+      .@{picker-prefix-cls}-rtl& {
+        margin-right: @input-padding-horizontal-base;
+        margin-left: 0;
+      }
+    }
+
+    &.@{picker-prefix-cls}-small {
+      .@{picker-prefix-cls}-active-bar {
+        .@{picker-prefix-cls}-rtl& {
+          margin-right: @input-padding-horizontal-sm;
+        }
+      }
+    }
+  }
+
+  // ======================== Ranges ========================
+  &-ranges {
+    .@{picker-prefix-cls}-dropdown-rtl & {
+      text-align: right;
+    }
+
+    .@{picker-prefix-cls}-ok {
+      .@{picker-prefix-cls}-dropdown-rtl & {
+        float: left;
+        margin-right: @padding-xs;
+        margin-left: 0;
+      }
+    }
+  }
+
+  // ======================== Panel ========================
+  &-panel {
+    &-rtl {
+      direction: rtl;
+    }
+  }
+
+  &-prev-icon,
+  &-super-prev-icon {
+    .@{picker-prefix-cls}-panel-rtl & {
+      transform: rotate(135deg);
+    }
+  }
+
+  &-next-icon,
+  &-super-next-icon {
+    .@{picker-prefix-cls}-panel-rtl & {
+      transform: rotate(-45deg);
+    }
+  }
+
+  &-cell {
+    .picker-cell-inner(~'@{picker-cell-inner-cls}');
+  }
+
+  // ======================== Body ==========================
+  .picker-cell-inner(@cellClassName) {
+    .@{cellClassName} {
+      position: relative;
+      z-index: 2;
+      display: inline-block;
+      min-width: @picker-panel-cell-height;
+      height: @picker-panel-cell-height;
+      line-height: @picker-panel-cell-height;
+      border-radius: @border-radius-base;
+      transition: background @animation-duration-slow, border @animation-duration-slow;
+    }
+
+    &-in-view&-range-start::before {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 50%;
+        left: 0;
+      }
+    }
+
+    &-in-view&-range-end::before {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 0;
+        left: 50%;
+      }
+    }
+
+    &-in-view&-range-start&-range-end::before {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 50%;
+        left: 50%;
+      }
+    }
+
+    .@{picker-prefix-cls}-date-panel
+      &-in-view&-in-range&-range-hover-start
+      .@{cellClassName}::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 0;
+        left: -5px - @border-width-base;
+      }
+    }
+
+    .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: -5px - @border-width-base;
+        left: 0;
+      }
+    }
+
+    // Hover with range start & end
+    &-range-hover&-range-start::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 0;
+        left: 50%;
+      }
+    }
+
+    &-range-hover&-range-end::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 50%;
+        left: 0;
+      }
+    }
+
+    // range start border-radius
+    &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
+      .@{picker-prefix-cls}-panel-rtl & {
+        border-radius: 0 @border-radius-base @border-radius-base 0;
+      }
+    }
+
+    // range end border-radius
+    &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
+      .@{picker-prefix-cls}-panel-rtl & {
+        border-radius: @border-radius-base 0 0 @border-radius-base;
+      }
+    }
+
+    // Edge start
+    tr > &-in-view&-range-hover:not(&-selected):first-child::after,
+    &-in-view&-start&-range-hover-edge-start&-range-hover-edge-start-near-range::after,
+    &-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
+    &-in-view&-range-hover-start::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 6px;
+        left: 0;
+        border-right: @border-width-base dashed @picker-date-hover-range-border-color;
+        border-left: none;
+        border-radius: 0 @border-radius-base @border-radius-base 0;
+      }
+    }
+
+    // Edge end
+    tr > &-in-view&-range-hover:not(&-selected):last-child::after,
+    &-in-view&-end&-range-hover-edge-end&-range-hover-edge-end-near-range::after,
+    &-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
+    &-in-view&-range-hover-end::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 0;
+        left: 6px;
+        border-right: none;
+        border-left: @border-width-base dashed @picker-date-hover-range-border-color;
+        border-radius: @border-radius-base 0 0 @border-radius-base;
+      }
+    }
+
+    tr > &-in-view&-range-hover-start:last-child::after,
+    tr > &-in-view&-range-hover-end:first-child::after,
+    &-in-view&-start&-range-hover-edge-start:not(&-range-hover)::after,
+    &-in-view&-start&-range-hover-end&-range-hover-edge-start:not(&-range-hover)::after,
+    &-in-view&-end&-range-hover-start&-range-hover-edge-end:not(&-range-hover)::after,
+    tr > &-in-view&-start&-range-hover&-range-hover-edge-start:last-child::after,
+    tr > &-in-view&-end&-range-hover&-range-hover-edge-end:first-child::after {
+      .@{picker-prefix-cls}-panel-rtl & {
+        right: 6px;
+        left: 6px;
+        border-right: @border-width-base dashed @picker-date-hover-range-border-color;
+        border-left: @border-width-base dashed @picker-date-hover-range-border-color;
+        border-radius: @border-radius-base;
+      }
+    }
+  }
+
+  // ======================== Footer ========================
+  &-footer {
+    &-extra {
+      .@{picker-prefix-cls}-dropdown-rtl & {
+        direction: rtl;
+        text-align: right;
+      }
+    }
+  }
+
+  // ====================== Time Panel ======================
+  &-time-panel {
+    .@{picker-prefix-cls}-panel-rtl & {
+      direction: ltr;
+    }
+  }
+}

package/es/components/UDatePicker/date-picker/style/status.less

@@ -0,0 +1,39 @@
+@import '../../../UInput/input/style/mixin';
+
+@picker-prefix-cls: ~'@{ud-prefix}-picker';
+
+.picker-status-color(@text-color: @input-color;
+    @border-color: @input-border-color;
+    @background-color: @input-bg;
+    @hoverBorderColor: @primary-color-hover;
+    @outlineColor: @primary-color-outline;
+
+) {
+    &.@{picker-prefix-cls} {
+
+        &,
+        &:not([disabled]):hover {
+            background-color: @background-color;
+            border-color: @border-color;
+        }
+
+        &-focused,
+        &:focus {
+            .active(@text-color, @hoverBorderColor, @outlineColor);
+        }
+
+        .@{picker-prefix-cls}-active-bar {
+            background: @hoverBorderColor;
+        }
+    }
+}
+
+.@{picker-prefix-cls} {
+    &-status-error {
+        .picker-status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
+    }
+
+    &-status-warning {
+        .picker-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
+    }
+}

package/es/components/UDatePicker/date-picker/util.d.ts

@@ -0,0 +1,15 @@
+import type { PickerMode } from 'rc-picker/lib/interface';
+import type { DirectionType } from '../../UConfigProvider';
+import type { SelectCommonPlacement } from '../../_util/motion';
+import type { PickerLocale } from './generatePicker';
+export declare function getPlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: string): string;
+export declare function getRangePlaceholder(picker: PickerMode | undefined, locale: PickerLocale, customizePlaceholder?: [string, string]): [string, string] | undefined;
+export declare function transPlacement2DropdownAlign(direction: DirectionType, placement?: SelectCommonPlacement): {
+    points: string[];
+    offset: number[];
+    overflow: {
+        adjustX: number;
+        adjustY: number;
+    };
+};
+export declare function getMomentValueByString(defaultValue: any, format: any, picker: any): any;

package/es/components/UDatePicker/date-picker/util.js

@@ -0,0 +1,121 @@
+import moment from 'moment';
+export function getPlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.yearPlaceholder;
+  }
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.quarterPlaceholder;
+  }
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.monthPlaceholder;
+  }
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.weekPlaceholder;
+  }
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.placeholder;
+  }
+  return locale.lang.placeholder;
+}
+export function getRangePlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.rangeYearPlaceholder;
+  }
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.rangeQuarterPlaceholder;
+  }
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.rangeMonthPlaceholder;
+  }
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.rangeWeekPlaceholder;
+  }
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.rangePlaceholder;
+  }
+  return locale.lang.rangePlaceholder;
+}
+export function transPlacement2DropdownAlign(direction, placement) {
+  var overflow = {
+    adjustX: 1,
+    adjustY: 1
+  };
+  switch (placement) {
+    case 'bottomLeft':
+      {
+        return {
+          points: ['tl', 'bl'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+    case 'bottomRight':
+      {
+        return {
+          points: ['tr', 'br'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+    case 'topLeft':
+      {
+        return {
+          points: ['bl', 'tl'],
+          offset: [0, -4],
+          overflow: overflow
+        };
+      }
+    case 'topRight':
+      {
+        return {
+          points: ['br', 'tr'],
+          offset: [0, -4],
+          overflow: overflow
+        };
+      }
+    default:
+      {
+        return {
+          points: direction === 'rtl' ? ['tr', 'br'] : ['tl', 'bl'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+  }
+}
+export function getMomentValueByString(defaultValue, format, picker) {
+  var innerDefaultValue = defaultValue;
+  if (!!defaultValue && Array.isArray(defaultValue)) {
+    innerDefaultValue = defaultValue.map(function (item) {
+      if (!!item && typeof item === 'string') {
+        return getMomentValue(format, picker, item);
+      }
+      return item;
+    });
+  } else if (!!defaultValue && typeof defaultValue === 'string') {
+    innerDefaultValue = getMomentValue(format, picker, defaultValue);
+  }
+  return innerDefaultValue;
+}
+function toArray(list) {
+  if (!list) {
+    return [];
+  }
+  return Array.isArray(list) ? list : [list];
+}
+function getMomentValue(format, picker, defaultValue) {
+  var firstFormat = toArray(format)[0];
+  if (firstFormat && typeof firstFormat === 'string') {
+    return moment(defaultValue, firstFormat);
+  }
+  if (picker === 'time') {
+    return moment(defaultValue, 'HH:mm:ss');
+  }
+  return moment(defaultValue);
+}

package/es/components/UDatePicker/index.d.ts

@@ -0,0 +1,199 @@
+import type { Moment } from 'moment';
+import * as React from 'react';
+import type { PickerDateProps, PickerProps, RangePickerProps as BaseRangePickerProps } from './date-picker/generatePicker';
+import type { PickerTimeProps, RangePickerTimeProps } from './date-picker/generatePicker';
+import type { InputStatus } from '../_util/statusUtils';
+import './date-picker/style';
+import './time-picker/style';
+import './style';
+export type DatePickerProps = PickerProps<Moment>;
+export type MonthPickerProps = Omit<PickerDateProps<Moment>, 'picker'>;
+export type WeekPickerProps = Omit<PickerDateProps<Moment>, 'picker'>;
+export type RangePickerProps = BaseRangePickerProps<Moment>;
+declare const UDatePicker: import("./date-picker/generatePicker/interface").PickerComponentClass<PickerProps<Moment> & {
+    status?: "" | "warning" | "error" | undefined;
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+    theme?: "dark" | "light" | undefined;
+    onlyShow?: boolean | undefined;
+} & {
+    isDataString?: boolean | undefined;
+    autoSwitchInputCursor?: boolean | undefined;
+}, unknown> & {
+    UWeekPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UMonthPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UYearPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    URangePicker: import("./date-picker/generatePicker/interface").PickerComponentClass<BaseRangePickerProps<Moment> & {
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+        onClick?: ((e: any) => void) | undefined;
+        isFastSelect?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+    }, unknown>;
+    UTimePicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("./date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("../UConfigProvider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UQuarterPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("./date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("../UConfigProvider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UNVWeekPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UNVMonthPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UNVYearPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<PickerProps<Moment> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UNVRangePicker: import("./date-picker/generatePicker/interface").PickerComponentClass<BaseRangePickerProps<Moment> & {
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+        onClick?: ((e: any) => void) | undefined;
+        isFastSelect?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+    }, unknown>;
+    UNVTimePicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("./date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("../UConfigProvider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+    UNVQuarterPicker: import("./date-picker/generatePicker/interface").PickerComponentClass<Omit<Omit<import("rc-picker/lib/Picker").PickerTimeProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: import("./date-picker/generatePicker").PickerLocale | undefined;
+        size?: import("../UConfigProvider/SizeContext").SizeType;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+        theme?: "dark" | "light" | undefined;
+        onlyShow?: boolean | undefined;
+    } & {
+        isDataString?: boolean | undefined;
+        autoSwitchInputCursor?: boolean | undefined;
+    }, "picker">, unknown>;
+};
+export interface TimePickerLocale {
+    placeholder?: string;
+    rangePlaceholder?: [string, string];
+}
+export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Moment>, 'picker'> {
+    /**
+     * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+     *   version.Please use `popupClassName` instead.
+     */
+    dropdownClassName?: string;
+    popupClassName?: string;
+}
+declare const RangeTimerPicker: React.ForwardRefExoticComponent<TimeRangePickerProps & React.RefAttributes<any>>;
+export interface TimePickerProps extends Omit<PickerTimeProps<Moment>, 'picker'> {
+    addon?: () => React.ReactNode;
+    popupClassName?: string;
+    /**
+     * @deprecated `dropdownClassName` is deprecated which will be removed in next major
+     *   version.Please use `popupClassName` instead.
+     */
+    dropdownClassName?: string;
+    status?: InputStatus;
+}
+declare const TimerPicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
+type MergedUDatePickerType = typeof UDatePicker & {
+    UTimerPicker: typeof TimerPicker;
+    URangeTimerPicker: typeof RangeTimerPicker;
+    UNVTimerPicker: typeof TimerPicker;
+    UNVRangeTimerPicker: typeof RangeTimerPicker;
+};
+declare const MergedUDatePicker: MergedUDatePickerType;
+export default MergedUDatePicker;

package/es/components/UDatePicker/index.js

@@ -0,0 +1,61 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import momentGenerateConfig from 'rc-picker/lib/generate/moment';
+import generatePicker from "./date-picker/generatePicker";
+import warning from "../_util/warning";
+import classNames from 'classnames';
+import { CUSTOM_PREFIX } from "../../globalVarious";
+import "./date-picker/style";
+import "./time-picker/style";
+import "./style";
+var UDatePicker = generatePicker(momentGenerateConfig);
+var InternalTimePicker = UDatePicker.UTimePicker,
+  InternalRangePicker = UDatePicker.URangePicker;
+var RangeTimerPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var dropdownClassName = props.dropdownClassName,
+    popupClassName = props.popupClassName,
+    className = props.className;
+  return /*#__PURE__*/React.createElement(InternalRangePicker, Object.assign({}, props, {
+    className: classNames("".concat(CUSTOM_PREFIX, "-date-picker-time"), className),
+    dropdownClassName: dropdownClassName,
+    popupClassName: popupClassName,
+    picker: "time",
+    mode: undefined,
+    ref: ref
+  }));
+});
+var TimerPicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var addon = _a.addon,
+    renderExtraFooter = _a.renderExtraFooter,
+    popupClassName = _a.popupClassName,
+    dropdownClassName = _a.dropdownClassName,
+    className = _a.className,
+    restProps = __rest(_a, ["addon", "renderExtraFooter", "popupClassName", "dropdownClassName", "className"]);
+  var internalRenderExtraFooter = React.useMemo(function () {
+    if (renderExtraFooter) {
+      return renderExtraFooter;
+    }
+    if (addon) {
+      warning(false, 'TimePicker', '`addon` is deprecated. Please use `renderExtraFooter` instead.');
+      return addon;
+    }
+    return undefined;
+  }, [addon, renderExtraFooter]);
+  return /*#__PURE__*/React.createElement(InternalTimePicker, Object.assign({}, restProps, {
+    dropdownClassName: dropdownClassName,
+    popupClassName: popupClassName,
+    className: classNames("".concat(CUSTOM_PREFIX, "-date-picker-time"), className),
+    mode: undefined,
+    ref: ref,
+    renderExtraFooter: internalRenderExtraFooter
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  TimerPicker.displayName = 'TimePicker';
+}
+var MergedUDatePicker = UDatePicker;
+MergedUDatePicker.URangeTimerPicker = RangeTimerPicker;
+MergedUDatePicker.UTimerPicker = TimerPicker;
+MergedUDatePicker.UNVRangeTimerPicker = RangeTimerPicker;
+MergedUDatePicker.UNVTimerPicker = TimerPicker;
+export default MergedUDatePicker;

package/es/components/UDatePicker/locale/en_US.d.ts

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