tdesign-react/lib/date-picker/base/Footer.js

TDesign Component for React

/**
 * tdesign v1.16.6
 * (c) 2026 tdesign
 * @license MIT
 */

import { _ as _defineProperty } from '../../_chunks/dep-99591f55.js';
import { _ as _slicedToArray } from '../../_chunks/dep-dcb6b3df.js';
import React from 'react';
import classNames from 'classnames';
import { isFunction } from 'lodash-es';
import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
import { Button } from '../../button/index.js';
import useConfig from '../../hooks/useConfig.js';
import '../../_chunks/dep-8b6f4661.js';
import '../../_chunks/dep-054b5858.js';
import '../../_chunks/dep-3d8e28be.js';
import '../../config-provider/ConfigProvider.js';
import '../../config-provider/ConfigContext.js';
import '../../_chunks/dep-b82e19f8.js';
import '../../_chunks/dep-9293f372.js';
import 'dayjs';
import '../../button/Button.js';
import '../../_chunks/dep-343cd404.js';
import '../../hooks/useDomRefCallback.js';
import '../../hooks/useRipple.js';
import '../../_chunks/dep-57ad3d84.js';
import '../../hooks/useAnimation.js';
import '../../_chunks/dep-4bb7cfcf.js';
import '../../loading/index.js';
import '../../loading/Loading.js';
import '../../common/Portal.js';
import 'react-dom';
import '../../hooks/useLayoutEffect.js';
import '../../hooks/useDefaultProps.js';
import '../../loading/defaultProps.js';
import '../../loading/gradient.js';
import '../../_chunks/dep-46d850af.js';
import '../../_chunks/dep-550d14c2.js';
import '../../_chunks/dep-045f6f97.js';
import '../../loading/plugin.js';
import '../../_util/react-render.js';
import '../../_chunks/dep-5975a3a5.js';
import '../../common/PluginContainer.js';
import '../../button/defaultProps.js';
import '../../_util/parseTNode.js';
import '../../_chunks/dep-38fb5449.js';

var DatePickerFooter = function DatePickerFooter(props) {
  var _useLocaleReceiver = useLocaleReceiver("datePicker"),
    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
    local = _useLocaleReceiver2[0],
    t = _useLocaleReceiver2[1];
  var confirmText = t(local.confirm);
  var _useConfig = useConfig(),
    classPrefix = _useConfig.classPrefix;
  var enableTimePicker = props.enableTimePicker,
    onConfirmClick = props.onConfirmClick,
    _props$presetsPlaceme = props.presetsPlacement,
    presetsPlacement = _props$presetsPlaceme === void 0 ? "bottom" : _props$presetsPlaceme,
    presets = props.presets,
    onPresetClick = props.onPresetClick,
    selectedValue = props.selectedValue,
    needConfirm = props.needConfirm,
    onTimePanelChange = props.onTimePanelChange,
    isSwitchTimeMode = props.isSwitchTimeMode;
  var footerClass = classNames("".concat(classPrefix, "-date-picker__footer"), "".concat(classPrefix, "-date-picker__footer--").concat(presetsPlacement));
  var renderPresets = function renderPresets() {
    if (presets) {
      if (/*#__PURE__*/React.isValidElement(presets)) return presets;
      if (isFunction(presets)) return presets();
      return Object.keys(presets).map(function (key) {
        return /* @__PURE__ */React.createElement(Button, {
          key: key,
          size: "small",
          variant: "text",
          onClick: function onClick(e) {
            return onPresetClick(presets[key], {
              e: e,
              preset: _defineProperty({}, key, presets[key])
            });
          }
        }, key);
      });
    }
    return null;
  };
  return /* @__PURE__ */React.createElement("div", {
    className: footerClass
  }, /* @__PURE__ */React.createElement("div", {
    className: "".concat(classPrefix, "-date-picker__presets")
  }, renderPresets()), /* @__PURE__ */React.createElement("div", null, isSwitchTimeMode && /* @__PURE__ */React.createElement(Button, {
    style: {
      marginRight: 16
    },
    size: "small",
    theme: "primary",
    variant: "text",
    onClick: onTimePanelChange
  }, props.isDateRangeContent ? t(local.selectTime) : t(local.selectDate)), enableTimePicker && needConfirm && /* @__PURE__ */React.createElement(Button, {
    disabled: !selectedValue,
    size: "small",
    theme: "primary",
    onClick: function onClick(e) {
      return onConfirmClick({
        e: e
      });
    }
  }, confirmText)));
};
DatePickerFooter.displayName = "DatePickerFooter";

export { DatePickerFooter as default };
//# sourceMappingURL=Footer.js.map