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

TDesign Component for React

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

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var defineProperty = require('../../_chunks/dep-1f6c39e3.js');
var slicedToArray = require('../../_chunks/dep-3281986a.js');
var React = require('react');
var classNames = require('classnames');
var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
var button_index = require('../../button/index.js');
var hooks_useConfig = require('../../hooks/useConfig.js');
var isFunction = require('../../_chunks/dep-8c9795f9.js');
require('../../_chunks/dep-90a93885.js');
require('../../_chunks/dep-54373955.js');
require('../../_chunks/dep-ef5bfcf1.js');
require('../../_chunks/dep-202d6c73.js');
require('../../_chunks/dep-615c149d.js');
require('../../_chunks/dep-a8d5081a.js');
require('../../_chunks/dep-0173c82c.js');
require('../../config-provider/ConfigProvider.js');
require('../../config-provider/ConfigContext.js');
require('../../_chunks/dep-875a5344.js');
require('../../_chunks/dep-20f09a63.js');
require('dayjs');
require('../../_chunks/dep-e691746e.js');
require('../../_chunks/dep-9d3b1a05.js');
require('../../_chunks/dep-1f8c969d.js');
require('../../_chunks/dep-403f5edf.js');
require('../../_chunks/dep-d24b94bc.js');
require('../../_chunks/dep-6478e7e3.js');
require('../../_chunks/dep-c9025587.js');
require('../../_chunks/dep-8663a5c9.js');
require('../../_chunks/dep-50349518.js');
require('../../_chunks/dep-723e29d6.js');
require('../../_chunks/dep-0bd8b970.js');
require('../../_chunks/dep-73ef2133.js');
require('../../_chunks/dep-cae1e5aa.js');
require('../../_chunks/dep-0b97e212.js');
require('../../_chunks/dep-0652d2a6.js');
require('../../_chunks/dep-1a7ce20e.js');
require('../../_chunks/dep-116af952.js');
require('../../_chunks/dep-f6a777ad.js');
require('../../_chunks/dep-ff301423.js');
require('../../_chunks/dep-400d026f.js');
require('../../_chunks/dep-081faea2.js');
require('../../_chunks/dep-91b467dd.js');
require('../../_chunks/dep-18ca5cd9.js');
require('../../_chunks/dep-3facd669.js');
require('../../button/Button.js');
require('../../_chunks/dep-79129c54.js');
require('../../hooks/useDomRefCallback.js');
require('../../hooks/useRipple.js');
require('../../_chunks/dep-4cca69f7.js');
require('../../hooks/useAnimation.js');
require('../../_chunks/dep-2bbded38.js');
require('../../loading/index.js');
require('../../loading/Loading.js');
require('../../common/Portal.js');
require('react-dom');
require('../../hooks/useLayoutEffect.js');
require('../../hooks/useDefaultProps.js');
require('../../loading/defaultProps.js');
require('../../loading/gradient.js');
require('../../_chunks/dep-d7a3225b.js');
require('../../_chunks/dep-33be2db8.js');
require('../../_chunks/dep-989c8b4a.js');
require('../../_chunks/dep-4c4d8eee.js');
require('../../loading/plugin.js');
require('../../_util/react-render.js');
require('../../_chunks/dep-05097eca.js');
require('../../common/PluginContainer.js');
require('../../button/defaultProps.js');
require('../../_util/parseTNode.js');
require('../../_chunks/dep-ed99b2c6.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);

var DatePickerFooter = function DatePickerFooter(props) {
  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("datePicker"),
    _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
    local = _useLocaleReceiver2[0],
    t = _useLocaleReceiver2[1];
  var confirmText = t(local.confirm);
  var _useConfig = hooks_useConfig["default"](),
    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__default["default"]("".concat(classPrefix, "-date-picker__footer"), "".concat(classPrefix, "-date-picker__footer--").concat(presetsPlacement));
  var renderPresets = function renderPresets() {
    if (presets) {
      if (/*#__PURE__*/React__default["default"].isValidElement(presets)) return presets;
      if (isFunction.isFunction(presets)) return presets();
      return Object.keys(presets).map(function (key) {
        return /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
          key: key,
          size: "small",
          variant: "text",
          onClick: function onClick(e) {
            return onPresetClick(presets[key], {
              e: e,
              preset: defineProperty._defineProperty({}, key, presets[key])
            });
          }
        }, key);
      });
    }
    return null;
  };
  return /* @__PURE__ */React__default["default"].createElement("div", {
    className: footerClass
  }, /* @__PURE__ */React__default["default"].createElement("div", {
    className: "".concat(classPrefix, "-date-picker__presets")
  }, renderPresets()), /* @__PURE__ */React__default["default"].createElement("div", null, isSwitchTimeMode && /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
    style: {
      marginRight: 16
    },
    size: "small",
    theme: "primary",
    variant: "text",
    onClick: onTimePanelChange
  }, props.isDateRangeContent ? t(local.selectTime) : t(local.selectDate)), enableTimePicker && needConfirm && /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
    disabled: !selectedValue,
    size: "small",
    theme: "primary",
    onClick: function onClick(e) {
      return onConfirmClick({
        e: e
      });
    }
  }, confirmText)));
};
DatePickerFooter.displayName = "DatePickerFooter";

exports["default"] = DatePickerFooter;
//# sourceMappingURL=Footer.js.map