import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
import { Button } from '../Button/index.js';
import { Tag } from '../Tag/index.js';
import { a as _toPropertyKey, _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
import React__default from 'react';
import clsx from 'clsx';
import RCPicker, { RangePicker } from 'rc-picker';
import CloseCircle from '@iam-com/icons/CloseCircle';
import DateIcon from '@iam-com/icons/Calendar';
import TimeIcon from '@iam-com/icons/Time';
import { g as getTimeProps, a as getPlaceholder, m as mergedLocale, f as formatPickerValue, b as getPopupContainer, i as isolationPopupPollution, c as getRangePlaceholder } from '../_verture/index-fac03ce3.js';
import CalendarLocale from 'rc-picker/lib/locale/en_US';
import CalendarLocale$1 from 'rc-picker/lib/locale/zh_CN';
import GlobalContext from '@para-ui/core/GlobalContext';
import Label from '../Label/index.js';
import HelperText from '../HelperText/index.js';
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
import { UUID } from '@iam-com/lib';
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
import PickerArrowIcon from '@iam-com/icons/SortRight';
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
import '@iam-com/icons/LoadingF';
import '@iam-com/icons/Forbid';
import '../Tooltip/index.js';
import 'rc-tooltip';
import 'rc-tooltip/lib/placements';
import '@iam-com/icons/Down';
import '../_verture/useFormatMessage-703f8b20.js';
import '../_verture/unsupportedIterableToArray-cb478f24.js';
import 'rc-dropdown';
import '../_verture/usePopupContainer-87febeb9.js';
import 'dayjs';
import '@iam-com/icons/Close';
import '../_verture/toConsumableArray-81040c9e.js';
import '../AutoTips/index.js';
import '@iam-com/icons/Plus';
import '../Help/index.js';
import '@iam-com/icons/Help';

function PickerButton(props) {
  return jsx(Button, Object.assign({}, props, {
    size: 'small',
    variant: 'contained'
  }));
}

function PickerTag(props) {
  return jsx(Tag, Object.assign({}, props, {
    style: {
      cursor: 'pointer'
    }
  }));
}

function _classCallCheck(instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
}

function _defineProperties(target, props) {
  for (var i = 0; i < props.length; i++) {
    var descriptor = props[i];
    descriptor.enumerable = descriptor.enumerable || false;
    descriptor.configurable = true;
    if ("value" in descriptor) descriptor.writable = true;
    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
  }
}
function _createClass(Constructor, protoProps, staticProps) {
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
  if (staticProps) _defineProperties(Constructor, staticProps);
  Object.defineProperty(Constructor, "prototype", {
    writable: false
  });
  return Constructor;
}

function _assertThisInitialized(self) {
  if (self === void 0) {
    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  }
  return self;
}

function _setPrototypeOf(o, p) {
  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
    o.__proto__ = p;
    return o;
  };
  return _setPrototypeOf(o, p);
}

function _inherits(subClass, superClass) {
  if (typeof superClass !== "function" && superClass !== null) {
    throw new TypeError("Super expression must either be null or a function");
  }
  subClass.prototype = Object.create(superClass && superClass.prototype, {
    constructor: {
      value: subClass,
      writable: true,
      configurable: true
    }
  });
  Object.defineProperty(subClass, "prototype", {
    writable: false
  });
  if (superClass) _setPrototypeOf(subClass, superClass);
}

function _possibleConstructorReturn(self, call) {
  if (call && (_typeof(call) === "object" || typeof call === "function")) {
    return call;
  } else if (call !== void 0) {
    throw new TypeError("Derived constructors may only return object or undefined");
  }
  return _assertThisInitialized(self);
}

function _getPrototypeOf(o) {
  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
    return o.__proto__ || Object.getPrototypeOf(o);
  };
  return _getPrototypeOf(o);
}

var locale$3 = {
  placeholder: 'Select time',
  rangePlaceholder: ['Start time', 'End time']
};

// Merge into a locale object
var locale$2 = {
  lang: Object.assign(Object.assign({
    placeholder: 'Select date',
    yearPlaceholder: 'Select year',
    quarterPlaceholder: 'Select quarter',
    monthPlaceholder: 'Select month',
    weekPlaceholder: 'Select week',
    rangePlaceholder: ['Start date', 'End date'],
    rangeYearPlaceholder: ['Start year', 'End year'],
    rangeMonthPlaceholder: ['Start month', 'End month'],
    rangeWeekPlaceholder: ['Start week', 'End week']
  }, CalendarLocale), {
    today: 'Today',
    now: 'Now',
    ok: 'Ok'
  }),
  timePickerLocale: Object.assign({}, locale$3)
};

var locale$1 = {
  placeholder: '请选择时间',
  rangePlaceholder: ['开始时间', '结束时间']
};

// 统一合并为完整的 Locale
var locale = {
  lang: Object.assign(Object.assign({
    placeholder: '请选择日期',
    yearPlaceholder: '请选择年份',
    quarterPlaceholder: '请选择季度',
    monthPlaceholder: '请选择月份',
    weekPlaceholder: '请选择周',
    rangePlaceholder: ['开始日期', '结束日期'],
    rangeYearPlaceholder: ['开始年份', '结束年份'],
    rangeMonthPlaceholder: ['开始月份', '结束月份'],
    rangeWeekPlaceholder: ['开始周', '结束周']
  }, CalendarLocale$1), {
    today: '选择今天',
    now: '当前时间',
    ok: '确 定'
  }),
  timePickerLocale: Object.assign({}, locale$1)
};

var ELocale = {
  zh: locale,
  en: locale$2,
  zh_CN: locale,
  en_US: locale$2,
  'en-US': locale$2,
  'zh-CN': locale
};

function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
//picker
function generatePicker$1(generateConfig) {
  //生成picker
  function getPicker(picker, displayName) {
    var Picker = /*#__PURE__*/function (_React$Component) {
      _inherits(Picker, _React$Component);
      var _super = _createSuper$1(Picker);
      function Picker(props) {
        var _this;
        _classCallCheck(this, Picker);
        _this = _super.call(this, props);
        _this.pickerRef = /*#__PURE__*/React__default.createRef();
        _this.wrapRef = /*#__PURE__*/React__default.createRef();
        _this.popupRecord = null;
        _this.uuidRef = '';
        _this.focus = function () {
          if (_this.pickerRef.current) {
            _this.pickerRef.current.focus();
          }
        };
        _this.blur = function () {
          if (_this.pickerRef.current) {
            _this.pickerRef.current.blur();
          }
        };
        //渲染
        _this.renderPicker = function (locale) {
          var _clsx;
          var _a = _this.props,
            className = _a.className;
            _a.size;
            var _a$bordered = _a.bordered,
            bordered = _a$bordered === void 0 ? true : _a$bordered,
            placeholder = _a.placeholder,
            _a$error = _a.error,
            error = _a$error === void 0 ? false : _a$error,
            helperText = _a.helperText,
            style = _a.style,
            value = _a.value,
            defaultValue = _a.defaultValue,
            _a$label = _a.label,
            label = _a$label === void 0 ? '' : _a$label,
            labelTooltip = _a.labelTooltip,
            _a$required = _a.required,
            required = _a$required === void 0 ? false : _a$required,
            customizeContainer = _a.getPopupContainer,
            _a$isolationPopupOnHi = _a.isolationPopupOnHide,
            isolationPopupOnHide = _a$isolationPopupOnHi === void 0 ? false : _a$isolationPopupOnHi,
            restProps = __rest(_a, ["className", "size", "bordered", "placeholder", "error", "helperText", "style", "value", "defaultValue", "label", "labelTooltip", "required", "getPopupContainer", "isolationPopupOnHide"]);
          var _this$props = _this.props,
            format = _this$props.format,
            showTime = _this$props.showTime,
            use12Hours = _this$props.use12Hours;
          var prefixCls = "".concat($prefixCls, "-picker");
          var additionalProps = {
            showToday: true
          };
          var additionalOverrideProps = {};
          if (picker) {
            additionalOverrideProps.picker = picker;
          }
          var mergedPicker = picker || _this.props.picker;
          additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? getTimeProps(Object.assign({
            format: format,
            picker: mergedPicker
          }, showTime)) : {}), mergedPicker === 'time' ? getTimeProps(Object.assign(Object.assign({
            format: format
          }, _this.props), {
            picker: mergedPicker
          })) : {});
          if (additionalOverrideProps.style) delete additionalOverrideProps.style;
          //格式化value
          var getValue = function getValue(value) {
            var innerFormat = format !== null && format !== void 0 ? format : pickerFormatMap[mergedPicker];
            return formatPickerValue(value, innerFormat);
          };
          //渲染label
          var renderLabel = function renderLabel() {
            if (label || required) {
              return jsx(Label, Object.assign({
                label: label,
                required: required
              }, labelTooltip));
            }
            return null;
          };
          //处理浮层渲染容器
          var handlePopupContainer = function handlePopupContainer(triggerNode) {
            return getPopupContainer(triggerNode, customizeContainer, _assertThisInitialized(_this));
          };
          //open change
          var handleOpenChange = function handleOpenChange(open) {
            var _a;
            (_a = restProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(restProps, open);
            if (isolationPopupOnHide) {
              //关闭时隔离dom污染
              isolationPopupPollution(open, _this.uuidRef);
            }
          };
          return jsxs("div", Object.assign({
            ref: _this.wrapRef,
            className: clsx("".concat(prefixCls, "-wrapper"), className),
            style: style
          }, {
            children: [renderLabel(), jsx(RCPicker, Object.assign({
              ref: _this.pickerRef,
              placeholder: getPlaceholder(mergedPicker, locale, placeholder),
              suffixIcon: mergedPicker === 'time' ? jsx(TimeIcon, {}) : jsx(DateIcon, {}),
              clearIcon: jsx(CloseCircle, {}),
              allowClear: true
            }, additionalProps, restProps, additionalOverrideProps, {
              defaultValue: getValue(defaultValue),
              value: getValue(value),
              locale: locale.lang,
              className: clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_clsx, "".concat(prefixCls, "-error"), error), _clsx)),
              prefixCls: prefixCls,
              generateConfig: generateConfig,
              prevIcon: jsx("span", {
                className: "".concat(prefixCls, "-prev-icon")
              }),
              nextIcon: jsx("span", {
                className: "".concat(prefixCls, "-next-icon")
              }),
              superPrevIcon: jsx("span", {
                className: "".concat(prefixCls, "-super-prev-icon")
              }),
              superNextIcon: jsx("span", {
                className: "".concat(prefixCls, "-super-next-icon")
              }),
              components: Components,
              direction: 'ltr',
              dropdownClassName: clsx(_this.uuidRef, restProps.dropdownClassName, use12Hours && "".concat(prefixCls, "-use12Hours"), "".concat($prefixCls, "-scrollbar-small")),
              getPopupContainer: handlePopupContainer,
              onOpenChange: handleOpenChange
            })), jsx(HelperText, {
              error: error,
              helperText: helperText
            })]
          }));
        };
        _this.uuidRef = UUID();
        return _this;
      }
      _createClass(Picker, [{
        key: "componentWillUnmount",
        value: function componentWillUnmount() {
          if (this.popupRecord) this.popupRecord.style.position = '';
        }
      }, {
        key: "render",
        value: function render() {
          //国际化
          var _this$context = this.context,
            language = _this$context.language,
            locale = _this$context.locale;
          var outerLocale = {};
          if (locale) {
            var t = locale[language || 'zh'];
            if (t) outerLocale = t['DatePicker'];
          }
          //默认locale
          var defaultLocale = ELocale[language || 'zh'] || ELocale['zh'];
          var newLocale = mergedLocale(outerLocale, defaultLocale);
          return jsx(Fragment, {
            children: this.renderPicker(newLocale)
          });
        }
      }]);
      return Picker;
    }(React__default.Component);
    Picker.contextType = GlobalContext;
    return Picker;
  }
  var DatePicker = getPicker();
  var WeekPicker = getPicker('week');
  var MonthPicker = getPicker('month');
  var YearPicker = getPicker('year');
  var TimePicker = getPicker('time');
  var QuarterPicker = getPicker('quarter');
  return {
    DatePicker: DatePicker,
    WeekPicker: WeekPicker,
    MonthPicker: MonthPicker,
    YearPicker: YearPicker,
    TimePicker: TimePicker,
    QuarterPicker: QuarterPicker
  };
}

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
//范围选择器
function generateRangePicker(generateConfig) {
  var RangePicker$1 = /*#__PURE__*/function (_React$Component) {
    _inherits(RangePicker$1, _React$Component);
    var _super = _createSuper(RangePicker$1);
    function RangePicker$1(props) {
      var _this;
      _classCallCheck(this, RangePicker$1);
      _this = _super.call(this, props);
      _this.pickerRef = /*#__PURE__*/React__default.createRef();
      _this.wrapRef = /*#__PURE__*/React__default.createRef();
      _this.popupRecord = null;
      _this.uuidRef = '';
      _this.focus = function () {
        if (_this.pickerRef.current) {
          _this.pickerRef.current.focus();
        }
      };
      _this.blur = function () {
        if (_this.pickerRef.current) {
          _this.pickerRef.current.blur();
        }
      };
      _this.renderPicker = function (locale) {
        var _clsx, _clsx2;
        var _a = _this.props,
          className = _a.className;
          _a.size;
          var _a$bordered = _a.bordered,
          bordered = _a$bordered === void 0 ? true : _a$bordered,
          placeholder = _a.placeholder,
          _a$error = _a.error,
          error = _a$error === void 0 ? false : _a$error,
          helperText = _a.helperText,
          style = _a.style,
          value = _a.value,
          defaultValue = _a.defaultValue,
          _a$label = _a.label,
          label = _a$label === void 0 ? '' : _a$label,
          labelTooltip = _a.labelTooltip,
          _a$required = _a.required,
          required = _a$required === void 0 ? false : _a$required,
          shortcuts = _a.shortcuts,
          ranges = _a.ranges,
          _a$shortcutsPlacement = _a.shortcutsPlacement,
          shortcutsPlacement = _a$shortcutsPlacement === void 0 ? 'right' : _a$shortcutsPlacement,
          customizeContainer = _a.getPopupContainer,
          _a$isolationPopupOnHi = _a.isolationPopupOnHide,
          isolationPopupOnHide = _a$isolationPopupOnHi === void 0 ? false : _a$isolationPopupOnHi,
          restProps = __rest(_a, ["className", "size", "bordered", "placeholder", "error", "helperText", "style", "value", "defaultValue", "label", "labelTooltip", "required", "shortcuts", "ranges", "shortcutsPlacement", "getPopupContainer", "isolationPopupOnHide"]);
        var _this$props = _this.props,
          format = _this$props.format,
          showTime = _this$props.showTime,
          picker = _this$props.picker,
          use12Hours = _this$props.use12Hours;
        var prefixCls = "".concat($prefixCls, "-picker");
        var additionalOverrideProps = {};
        additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? getTimeProps(Object.assign({
          format: format,
          picker: picker
        }, showTime)) : {}), picker === 'time' ? getTimeProps(Object.assign(Object.assign({
          format: format
        }, _this.props), {
          picker: picker
        })) : {});
        if (additionalOverrideProps.style) delete additionalOverrideProps.style;
        //格式化value
        var getValue = function getValue(value) {
          if (!Array.isArray(value)) return value;
          var innerFormat = format !== null && format !== void 0 ? format : pickerFormatMap[picker];
          return value.map(function (v) {
            return formatPickerValue(v, innerFormat);
          });
        };
        //渲染label
        var renderLabel = function renderLabel() {
          if (label || required) {
            return jsx(Label, Object.assign({
              label: label,
              required: required
            }, labelTooltip));
          }
          return null;
        };
        //预设时间快捷选择
        var rangesObj = Object.assign({}, ranges);
        if (shortcuts) {
          shortcuts.forEach(function (_ref) {
            var text = _ref.text,
              value = _ref.value;
            rangesObj[text] = value;
          });
        }
        var hasShortcuts = !!Object.keys(rangesObj).length;
        //dropdown cls
        var dropdownCls = clsx(_this.uuidRef, restProps.dropdownClassName, "".concat($prefixCls, "-scrollbar-small"), (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-use12Hours"), use12Hours), _defineProperty(_clsx, "".concat(prefixCls, "-shortcuts-").concat(shortcutsPlacement), hasShortcuts), _clsx));
        //自定义面板渲染
        var customPanelRender = function customPanelRender(originPanel) {
          if (!hasShortcuts || shortcutsPlacement === 'bottom' || !showTime) return originPanel;
          return React__default.Children.map(originPanel, function (panel) {
            return React__default.Children.map(panel.props.children, function (child, idx) {
              var _panel$props$children = _slicedToArray(panel.props.children, 2),
                c2 = _panel$props$children[1];
              if (idx === 0) {
                //picker-panels
                return jsxs("div", Object.assign({
                  className: 'range-picker-panels-wrap'
                }, {
                  children: [child, c2]
                }));
              }
              return child;
            });
          });
        };
        //处理浮层渲染容器
        var handlePopupContainer = function handlePopupContainer(triggerNode) {
          return getPopupContainer(triggerNode, customizeContainer, _assertThisInitialized(_this));
        };
        //open change
        var handleOpenChange = function handleOpenChange(open) {
          var _a;
          (_a = restProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(restProps, open);
          if (isolationPopupOnHide) {
            //关闭时隔离dom污染
            isolationPopupPollution(open, _this.uuidRef);
          }
        };
        return jsxs("div", Object.assign({
          ref: _this.wrapRef,
          className: clsx("".concat(prefixCls, "-wrapper"), className),
          style: style
        }, {
          children: [renderLabel(), jsx(RangePicker, Object.assign({
            separator: jsx("span", Object.assign({
              "aria-label": "to",
              className: "".concat(prefixCls, "-separator")
            }, {
              children: jsx(PickerArrowIcon, {})
            })),
            ref: _this.pickerRef,
            placeholder: getRangePlaceholder(picker, locale, placeholder),
            suffixIcon: picker === 'time' ? jsx(TimeIcon, {}) : jsx(DateIcon, {
              className: 'picker-icon'
            }),
            clearIcon: jsx(CloseCircle, {}),
            allowClear: true
          }, restProps, additionalOverrideProps, {
            defaultValue: getValue(defaultValue),
            value: getValue(value),
            ranges: rangesObj,
            className: clsx((_clsx2 = {}, _defineProperty(_clsx2, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_clsx2, "".concat(prefixCls, "-error"), error), _defineProperty(_clsx2, "".concat(prefixCls, "-shortcuts-").concat(shortcutsPlacement), error), _clsx2)),
            locale: locale.lang,
            prefixCls: prefixCls,
            generateConfig: generateConfig,
            prevIcon: jsx("span", {
              className: "".concat(prefixCls, "-prev-icon")
            }),
            nextIcon: jsx("span", {
              className: "".concat(prefixCls, "-next-icon")
            }),
            superPrevIcon: jsx("span", {
              className: "".concat(prefixCls, "-super-prev-icon")
            }),
            superNextIcon: jsx("span", {
              className: "".concat(prefixCls, "-super-next-icon")
            }),
            components: Components,
            direction: 'ltr',
            dropdownClassName: dropdownCls,
            panelRender: customPanelRender,
            getPopupContainer: handlePopupContainer,
            onOpenChange: handleOpenChange
          })), jsx(HelperText, {
            error: error,
            helperText: helperText
          })]
        }));
      };
      _this.uuidRef = UUID();
      return _this;
    }
    _createClass(RangePicker$1, [{
      key: "componentWillUnmount",
      value: function componentWillUnmount() {
        if (this.popupRecord) this.popupRecord.style.position = '';
      }
    }, {
      key: "render",
      value: function render() {
        //国际化
        var _this$context = this.context,
          language = _this$context.language,
          locale = _this$context.locale;
        var outerLocale = {};
        if (locale) {
          var t = locale[language || 'zh'];
          if (t) outerLocale = t['DatePicker'];
        }
        //默认locale
        var defaultLocale = ELocale[language || 'zh'] || ELocale['zh'];
        var newLocale = mergedLocale(outerLocale, defaultLocale);
        return jsx(Fragment, {
          children: this.renderPicker(newLocale)
        });
      }
    }]);
    return RangePicker$1;
  }(React__default.Component);
  RangePicker$1.contextType = GlobalContext;
  return RangePicker$1;
}

//内部自定义组件
var Components = {
  button: PickerButton,
  rangeItem: PickerTag
};
//format map
var pickerFormatMap = {
  'year': 'YYYY',
  'quarter': 'YYYY-QQ',
  'month': 'YYYY-MM',
  'week': 'YYYY-WW',
  'time': 'HH:mm:ss'
};
//picker 生成器
function generatePicker(generateConfig) {
  var _generateSinglePicker = generatePicker$1(generateConfig),
    DatePicker = _generateSinglePicker.DatePicker,
    WeekPicker = _generateSinglePicker.WeekPicker,
    MonthPicker = _generateSinglePicker.MonthPicker,
    YearPicker = _generateSinglePicker.YearPicker,
    TimePicker = _generateSinglePicker.TimePicker,
    QuarterPicker = _generateSinglePicker.QuarterPicker;
  //Range Picker
  var RangePicker = generateRangePicker(generateConfig);
  //合并类型
  var MergedDatePicker = DatePicker;
  MergedDatePicker.WeekPicker = WeekPicker;
  MergedDatePicker.MonthPicker = MonthPicker;
  MergedDatePicker.YearPicker = YearPicker;
  MergedDatePicker.RangePicker = RangePicker;
  MergedDatePicker.TimePicker = TimePicker;
  MergedDatePicker.QuarterPicker = QuarterPicker;
  return MergedDatePicker;
}

var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午2:25\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes datePickerSlideUpIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideUpOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n}\n@keyframes datePickerSlideDownIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n}\n@keyframes datePickerSlideDownOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 100% 100%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 100% 100%;\n    opacity: 0;\n  }\n}\n.paraui-v3-picker {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  padding: 6px 11px 6px;\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n  align-items: center;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  transition: border 0.3s, box-shadow 0.3s;\n}\n.paraui-v3-picker:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-disabled {\n  background: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-suffix {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-borderless {\n  background-color: transparent !important;\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.paraui-v3-picker-input {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n}\n.paraui-v3-picker-input > input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-width: 0;\n  padding: 4px 11px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  background-color: rgb(255, 255, 255);\n  background-image: none;\n  transition: all 0.3s;\n  flex: auto;\n  min-width: 1px;\n  height: auto;\n  padding: 0;\n  background: transparent;\n  border: 0;\n}\n.paraui-v3-picker-input > input::-moz-placeholder {\n  opacity: 1;\n}\n.paraui-v3-picker-input > input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-picker-input > input:placeholder-shown {\n  text-overflow: ellipsis;\n}\n.paraui-v3-picker-input > input:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input:focus, .paraui-v3-picker-input > input-focused {\n  border-color: rgb(54, 102, 214);\n  border-right-width: 1px !important;\n  outline: 0;\n}\n.paraui-v3-picker-input > input-disabled {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input-disabled:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input[disabled] {\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n  opacity: 1;\n}\n.paraui-v3-picker-input > input[disabled]:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  border-right-width: 1px !important;\n}\n.paraui-v3-picker-input > input-borderless, .paraui-v3-picker-input > input-borderless:hover, .paraui-v3-picker-input > input-borderless:focus, .paraui-v3-picker-input > input-borderless-focused, .paraui-v3-picker-input > input-borderless-disabled, .paraui-v3-picker-input > input-borderless[disabled] {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\n.paraui-v3-picker-input > inputtextarea {\n  max-width: 100%;\n  height: auto;\n  min-height: 32px;\n  line-height: 1.5715;\n  vertical-align: bottom;\n  transition: all 0.3s, height 0s;\n}\n.paraui-v3-picker-input > input-lg {\n  padding: 6.5px 11px;\n  font-size: 16px;\n}\n.paraui-v3-picker-input > input-sm {\n  padding: 0px 7px;\n}\n.paraui-v3-picker-input > input:focus {\n  box-shadow: none;\n}\n.paraui-v3-picker-input > input[disabled] {\n  background: transparent;\n}\n.paraui-v3-picker-input:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-input-placeholder > input {\n  color: #bfbfbf;\n}\n.paraui-v3-picker-large {\n  padding: 6.5px 11px 6.5px;\n}\n.paraui-v3-picker-large .paraui-v3-picker-input > input {\n  font-size: 16px;\n}\n.paraui-v3-picker-small {\n  padding: 0px 7px 0px;\n}\n.paraui-v3-picker-suffix {\n  align-self: center;\n  margin-left: 4px;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  pointer-events: none;\n}\n.paraui-v3-picker-suffix > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-suffix svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 1;\n  background: rgb(255, 255, 255);\n  transform: translateY(-50%);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.3s, color 0.3s;\n}\n.paraui-v3-picker-clear svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-picker-clear > * {\n  vertical-align: top;\n}\n.paraui-v3-picker-clear:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-separator {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 16px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n  vertical-align: top;\n  cursor: default;\n}\n.paraui-v3-picker-separator svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-picker-focused .paraui-v3-picker-separator svg {\n  color: inherit;\n}\n.paraui-v3-picker-disabled .paraui-v3-picker-range-separator .paraui-v3-picker-separator {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-range {\n  position: relative;\n  display: inline-flex;\n}\n.paraui-v3-picker-range .paraui-v3-picker-clear {\n  right: 11px;\n}\n.paraui-v3-picker-range:hover .paraui-v3-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-picker-range .paraui-v3-picker-active-bar {\n  bottom: -1px;\n  height: 2px;\n  margin-left: 11px;\n  background: rgb(54, 102, 214);\n  opacity: 0;\n  transition: all 0.3s ease-out;\n  pointer-events: none;\n}\n.paraui-v3-picker-range.paraui-v3-picker-focused .paraui-v3-picker-active-bar {\n  opacity: 1;\n}\n.paraui-v3-picker-range-separator {\n  align-items: center;\n  padding: 0 8px;\n  line-height: 1;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-clear {\n  right: 7px;\n}\n.paraui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar {\n  margin-left: 7px;\n}\n.paraui-v3-picker-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  z-index: 1500;\n}\n.paraui-v3-picker-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-picker-dropdown-placement-bottomLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  top: 1.66666667px;\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-dropdown-placement-topLeft .paraui-v3-picker-range-arrow {\n  display: none;\n  bottom: 1.66666667px;\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-topRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownIn;\n}\n.paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-enter.slide-up-enter-active.paraui-v3-picker-dropdown-placement-bottomRight, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-appear.slide-up-appear-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpIn;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-topRight {\n  animation-name: datePickerSlideDownOut;\n}\n.paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomLeft, .paraui-v3-picker-dropdown.slide-up-leave.slide-up-leave-active.paraui-v3-picker-dropdown-placement-bottomRight {\n  animation-name: datePickerSlideUpOut;\n}\n.paraui-v3-picker-dropdown-range {\n  padding: 6.66666667px 0;\n}\n.paraui-v3-picker-dropdown-range-hidden {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .paraui-v3-picker-panel, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  border-bottom: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  max-width: 126px;\n  max-height: 310px;\n  flex: 1;\n  min-width: auto;\n  line-height: initial;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges {\n  line-height: initial;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li {\n  width: 100%;\n  margin: 5px 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]), .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-picker-ranges > li:not([class$=picker-preset]) {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  width: 100%;\n  padding: 0 10px;\n  margin-right: 0;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer, .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset], .paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container .range-picker-panels-wrap .paraui-v3-picker-footer [class$=picker-preset] {\n  display: none;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.paraui-v3-picker-shortcuts-left .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container {\n  display: flex;\n}\n.paraui-v3-picker-shortcuts-right .paraui-v3-picker-panel-container > .paraui-v3-picker-footer {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-shortcuts-bottom .paraui-v3-picker-panel-container > .paraui-v3-picker-footer .paraui-v3-tag {\n  padding: 0 10px;\n}\n.paraui-v3-picker-dropdown .paraui-v3-picker-panel > .paraui-v3-picker-time-panel {\n  padding-top: 4px;\n}\n.paraui-v3-picker-ranges {\n  margin-bottom: 0;\n  padding: 4px 12px;\n  overflow: hidden;\n  line-height: 34px;\n  text-align: left;\n  list-style: none;\n}\n.paraui-v3-picker-ranges > li {\n  display: inline-block;\n}\n.paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: right;\n  margin-left: 8px;\n}\n.paraui-v3-picker-range-wrapper {\n  display: flex;\n}\n.paraui-v3-picker-range-arrow {\n  position: absolute;\n  z-index: 1;\n  display: none;\n  width: 10px;\n  height: 10px;\n  margin-left: 16.5px;\n  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);\n  transition: left 0.3s ease-out;\n}\n.paraui-v3-picker-range-arrow::after {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 10px;\n  height: 10px;\n  border: 5px solid rgba(171, 176, 185, 0.2);\n  border-color: #fff #fff transparent transparent;\n  content: \"\";\n}\n.paraui-v3-picker-panel-container {\n  overflow: hidden;\n  vertical-align: top;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  transition: margin 0.3s;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panels {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  direction: ltr;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel {\n  vertical-align: top;\n  background: transparent;\n  border-width: 0 0 1px 0;\n  border-radius: 0;\n}\n.paraui-v3-picker-panel-container .paraui-v3-picker-panel-focused {\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-input > input::-ms-clear {\n  display: none;\n}\n.paraui-v3-picker-input > input::-ms-reveal {\n  display: none;\n}\n.paraui-v3-picker-input > input:-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-picker-input > input::-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-picker-input > input:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-picker-input > input::-ms-input-placeholder {\n  /* Microsoft Edge */\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-picker-panel {\n  display: inline-flex;\n  flex-direction: column;\n  text-align: center;\n  background: #fff;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n  border-radius: 2px;\n  outline: none;\n}\n.paraui-v3-picker-panel-focused {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-decade-panel, .paraui-v3-picker-year-panel, .paraui-v3-picker-quarter-panel, .paraui-v3-picker-month-panel, .paraui-v3-picker-week-panel, .paraui-v3-picker-date-panel, .paraui-v3-picker-time-panel {\n  display: flex;\n  flex-direction: column;\n  width: 300px;\n}\n.paraui-v3-picker-header {\n  display: flex;\n  padding: 0 10px;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-header > * {\n  flex: none;\n}\n.paraui-v3-picker-header button {\n  padding: 0;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 40px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: color 0.3s;\n}\n.paraui-v3-picker-header > button {\n  min-width: 1.6em;\n  line-height: 0;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-header > button:hover {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-header-view {\n  flex: auto;\n  font-weight: 500;\n  line-height: 40px;\n  font-size: 14px;\n}\n.paraui-v3-picker-header-view button {\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 400;\n}\n.paraui-v3-picker-header-view button:not(:first-child) {\n  margin-left: 8px;\n}\n.paraui-v3-picker-header-view button:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-next-icon, .paraui-v3-picker-super-prev-icon, .paraui-v3-picker-super-next-icon {\n  position: relative;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n}\n.paraui-v3-picker-prev-icon::before, .paraui-v3-picker-next-icon::before, .paraui-v3-picker-super-prev-icon::before, .paraui-v3-picker-super-next-icon::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-super-prev-icon::after, .paraui-v3-picker-super-next-icon::after {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  border: 0 solid currentColor;\n  border-width: 1.5px 0 0 1.5px;\n  content: \"\";\n}\n.paraui-v3-picker-prev-icon, .paraui-v3-picker-super-prev-icon {\n  transform: rotate(-45deg);\n}\n.paraui-v3-picker-next-icon, .paraui-v3-picker-super-next-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-content {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.paraui-v3-picker-content th,\n.paraui-v3-picker-content td {\n  position: relative;\n  min-width: 24px;\n  font-weight: 400;\n}\n.paraui-v3-picker-content th {\n  height: 30px;\n  color: rgb(46, 55, 67);\n  line-height: 30px;\n}\n.paraui-v3-picker-cell {\n  padding: 3px 0;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n}\n.paraui-v3-picker-cell-in-view {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-picker-cell-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-picker-cell::before {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: 24px;\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-cell .paraui-v3-picker-cell-inner:after {\n  display: none;\n}\n.paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-in-view) .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell:hover:not(.paraui-v3-picker-cell-selected):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end):not(.paraui-v3-picker-cell-range-hover-start):not(.paraui-v3-picker-cell-range-hover-end) .paraui-v3-picker-cell-inner {\n  background: #ededed;\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n  content: \"\";\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start .paraui-v3-picker-cell-inner, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n  background: rgb(54, 102, 214);\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start:not(.paraui-v3-picker-cell-range-start-single)::before, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single)::before {\n  background: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-start::before {\n  left: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end::before {\n  right: 50%;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:not(.paraui-v3-picker-cell-in-range):not(.paraui-v3-picker-cell-range-start):not(.paraui-v3-picker-cell-range-end)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-end-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-start.paraui-v3-picker-cell-range-end.paraui-v3-picker-cell-range-start-near-hover::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end.paraui-v3-picker-cell-range-end-single::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:not(.paraui-v3-picker-cell-in-range)::after {\n  position: absolute;\n  top: 50%;\n  z-index: 0;\n  height: 24px;\n  border-top: 1px dashed rgba(54, 102, 214, 0.8);\n  border-bottom: 1px dashed rgba(54, 102, 214, 0.8);\n  transform: translateY(-50%);\n  content: \"\";\n}\n.paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-cell-range-hover::after {\n  right: 0;\n  left: 2px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-rage-start:not(.paraui-v3-picker-cell-range-start-single):not(.paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-end:not(.paraui-v3-picker-cell-range-end-single):not(.paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner {\n  border-radius: 4px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after, .paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  background: rgba(54, 102, 214, 0.05);\n  content: \"\";\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-in-range.paraui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-start::after {\n  right: 50%;\n}\n.paraui-v3-picker-cell-range-hover.paraui-v3-picker-cell-range-end::after {\n  left: 50%;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:first-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-start.paraui-v3-picker-cell-range-hover-edge-start.paraui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-start:not(.paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start::after {\n  left: 6px;\n  border-left: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\ntr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover:last-child::after, tr > .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-end.paraui-v3-picker-cell-range-hover-edge-end.paraui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-edge-end:not(.paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-cell-in-view.paraui-v3-picker-cell-range-hover-end::after {\n  right: 6px;\n  border-right: 1px dashed rgba(54, 102, 214, 0.8);\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.paraui-v3-picker-cell-disabled {\n  pointer-events: none;\n}\n.paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  color: #bbbecb;\n  background: transparent;\n}\n.paraui-v3-picker-cell-disabled::before {\n  background: #f8f8f8;\n}\n.paraui-v3-picker-cell-disabled.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgba(0, 0, 0, 0.25);\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-content, .paraui-v3-picker-year-panel .paraui-v3-picker-content, .paraui-v3-picker-quarter-panel .paraui-v3-picker-content, .paraui-v3-picker-month-panel .paraui-v3-picker-content {\n  height: 264px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  padding: 0 8px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-year-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-disabled .paraui-v3-picker-cell-inner {\n  background: #f5f5f5;\n}\n.paraui-v3-picker-quarter-panel .paraui-v3-picker-content {\n  height: 56px;\n}\n.paraui-v3-picker-footer {\n  width: min-content;\n  min-width: 100%;\n  line-height: 43px;\n  text-align: center;\n}\n.paraui-v3-picker-panel .paraui-v3-picker-footer {\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-footer-extra {\n  padding: 0 12px;\n  line-height: 38px;\n  text-align: left;\n}\n.paraui-v3-picker-footer-extra:not(:last-child) {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-now {\n  text-align: left;\n}\n.paraui-v3-picker-now-btn {\n  color: rgb(54, 102, 214);\n  font-size: 12px;\n  cursor: pointer;\n}\n.paraui-v3-picker-today-btn {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n  font-size: 14px;\n}\n.paraui-v3-picker-today-btn:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn:active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-today-btn-disabled-disabled {\n  cursor: not-allowed;\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell-inner {\n  padding: 0 4px;\n}\n.paraui-v3-picker-decade-panel .paraui-v3-picker-cell::before {\n  display: none;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-body, .paraui-v3-picker-quarter-panel .paraui-v3-picker-body, .paraui-v3-picker-month-panel .paraui-v3-picker-body {\n  padding: 0 8px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-inner, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-inner {\n  width: 60px;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-start::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-start::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  right: 14px;\n  border-right: 1px dashed #7ec1ff;\n  border-radius: 0 2px 2px 0;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-year-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-quarter-panel .paraui-v3-picker-cell-range-hover-end::after, .paraui-v3-picker-panel-rtl .paraui-v3-picker-month-panel .paraui-v3-picker-cell-range-hover-end::after {\n  left: 14px;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell:hover .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel .paraui-v3-picker-cell-selected .paraui-v3-picker-cell-inner,\n.paraui-v3-picker-week-panel .paraui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  background: transparent !important;\n}\n.paraui-v3-picker-week-panel-row td {\n  transition: background 0.3s;\n}\n.paraui-v3-picker-week-panel-row:hover td {\n  background: #ededed;\n}\n.paraui-v3-picker-week-panel-row:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td, .paraui-v3-picker-week-panel-row-selected:hover td {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-picker-week-panel-row-selected td:first-child, .paraui-v3-picker-week-panel-row-selected:hover td:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-picker-week-panel-row-selected td:last-child, .paraui-v3-picker-week-panel-row-selected:hover td:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-week, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-week {\n  color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v3-picker-week-panel-row-selected td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before, .paraui-v3-picker-week-panel-row-selected:hover td.paraui-v3-picker-cell-today .paraui-v3-picker-cell-inner::before {\n  border-color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-week-panel-row-selected td .paraui-v3-picker-cell-inner, .paraui-v3-picker-week-panel-row-selected:hover td .paraui-v3-picker-cell-inner {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-body {\n  padding: 8px 12px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content {\n  width: 272px;\n}\n.paraui-v3-picker-date-panel .paraui-v3-picker-content th {\n  width: 36px;\n}\n.paraui-v3-picker-datetime-panel {\n  display: flex;\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel {\n  transition: opacity 0.3s;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel {\n  opacity: 0.3;\n}\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-date-panel-active,\n.paraui-v3-picker-datetime-panel-active .paraui-v3-picker-time-panel-active {\n  opacity: 1;\n}\n.paraui-v3-picker-time-panel {\n  width: auto;\n  min-width: auto;\n}\n.paraui-v3-picker-time-panel .paraui-v3-picker-content {\n  display: flex;\n  flex: auto;\n  height: 224px;\n}\n.paraui-v3-picker-time-panel-column {\n  flex: 1 0 auto;\n  width: 72px;\n  margin: 0;\n  padding: 0;\n  overflow-y: hidden;\n  text-align: left;\n  list-style: none;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child {\n  width: auto;\n}\n.paraui-v3-picker-use12Hours .paraui-v3-picker-time-panel-column:last-child > li .paraui-v3-picker-time-panel-cell-inner {\n  padding: 0 10px;\n}\n.paraui-v3-picker-time-panel-column::after {\n  display: block;\n  height: 196px;\n  content: \"\";\n}\n.paraui-v3-picker-datetime-panel .paraui-v3-picker-time-panel-column::after {\n  height: 198px;\n}\n.paraui-v3-picker-time-panel-column:not(:first-child) {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-picker-time-panel-column-active {\n  background: rgba(230, 247, 255, 0.2);\n}\n.paraui-v3-picker-time-panel-column:hover {\n  overflow-y: auto;\n}\n.paraui-v3-picker-time-panel-column > li {\n  margin: 0;\n  padding: 0;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner {\n  display: block;\n  width: 100%;\n  height: 28px;\n  margin: 0;\n  padding: 0 0 0 28px;\n  color: #6E7488;\n  line-height: 28px;\n  border-radius: 0;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: #ededed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-selected .paraui-v3-picker-time-panel-cell-inner {\n  background: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner {\n  color: #BBBECB;\n  background: transparent;\n  cursor: not-allowed;\n}\n.paraui-v3-picker-time-panel-column > li.paraui-v3-picker-time-panel-cell-disabled .paraui-v3-picker-time-panel-cell-inner:hover {\n  background: transparent;\n}\n\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n_:-ms-fullscreen .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-month-panel .paraui-v3-picker-cell,\n:root .paraui-v3-picker-range-wrapper .paraui-v3-picker-year-panel .paraui-v3-picker-cell {\n  padding: 21px 0;\n}\n\nparaui-v3-picker-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-suffix {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-clear {\n  right: auto;\n  left: 0;\n}\n.paraui-v3-picker-rtl paraui-v3-picker-separator {\n  transform: rotate(180deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-header-view button:not(:first-child) {\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-range .paraui-v3-picker-clear .paraui-v3-picker-rtl {\n  right: auto;\n  left: 11px;\n}\nparaui-v3-picker-range .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 11px;\n  margin-left: 0;\n}\nparaui-v3-picker-range.paraui-v3-picker-small .paraui-v3-picker-active-bar .paraui-v3-picker-rtl {\n  margin-right: 7px;\n}\nparaui-v3-picker-ranges .paraui-v3-picker-dropdown-rtl {\n  text-align: right;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-ranges .paraui-v3-picker-ok {\n  float: left;\n  margin-right: 8px;\n  margin-left: 0;\n}\nparaui-v3-picker-panel-rtl {\n  direction: rtl;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-prev-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-prev-icon {\n  transform: rotate(135deg);\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-next-icon, .paraui-v3-picker-panel-rtl paraui-v3-picker-super-next-icon {\n  transform: rotate(-45deg);\n}\nparaui-v3-picker-cell .paraui-v3-picker-cell-inner {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  min-width: 24px;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n  transition: background 0.3s, border 0.3s;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start::before {\n  right: 50%;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end::before {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-startparaui-v3-picker-cell-range-end::before {\n  right: 50%;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl .paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangeparaui-v3-picker-cell-range-hover-start .paraui-v3-picker-cell-inner::after {\n  right: 0;\n  left: -6px;\n}\n.paraui-v3-picker-date-panel paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-in-rangparaui-v3-picker-cellparaui-v3-picker-cell-range-hover-end .paraui-v3-picker-cell-inner::after .paraui-v3-picker-panel-rtl {\n  right: -6px;\n  left: 0;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-start::after {\n  right: 0;\n  left: 50%;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-end::after {\n  right: 50%;\n  left: 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-start:not(paraui-v3-picker-cell-range-start-single):not(paraui-v3-picker-cell-range-end) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 0 2px 2px 0;\n}\nparaui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-end:not(paraui-v3-picker-cell-range-end-single):not(paraui-v3-picker-cell-range-start) .paraui-v3-picker-cell-inner .paraui-v3-picker-panel-rtl {\n  border-radius: 2px 0 0 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-startparaui-v3-picker-cell-range-hover-edge-start-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover-edge-start-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start::after {\n  right: 6px;\n  left: 0;\n  border-right: 1px dashed #7ec1ff;\n  border-left: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 0;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover:not(paraui-v3-picker-cell-selected):last-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-edge-endparaui-v3-picker-cell-range-hover-edge-end-near-range::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover-edge-end-near-range)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end::after {\n  right: 0;\n  left: 6px;\n  border-right: none;\n  border-left: 1px dashed #7ec1ff;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 2px;\n}\n.paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-range-hover-end:first-child::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hover-endparaui-v3-picker-cell-range-hover-edge-start:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hover-startparaui-v3-picker-cell-range-hover-edge-end:not(paraui-v3-picker-cell-range-hover)::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-startparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-start:last-child::after, .paraui-v3-picker-panel-rtl tr > paraui-v3-picker-cell-in-viewparaui-v3-picker-cell-endparaui-v3-picker-cell-range-hoverparaui-v3-picker-cell-range-hover-edge-end:first-child::after {\n  right: 6px;\n  left: 6px;\n  border-right: 1px dashed #7ec1ff;\n  border-left: 1px dashed #7ec1ff;\n  border-radius: 2px;\n}\n.paraui-v3-picker-dropdown-rtl paraui-v3-picker-footer-extra {\n  direction: rtl;\n  text-align: right;\n}\n.paraui-v3-picker-panel-rtl paraui-v3-picker-time-panel {\n  direction: ltr;\n}\n\n.paraui-v3-picker-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-error {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-picker-wrapper .paraui-v3-picker-helperText {\n  margin: 5px 0 0 12px;\n  color: rgb(235, 96, 84);\n  font-size: 14px;\n}";
styleInject(css_248z);

var DatePicker = generatePicker(dayjsGenerateConfig);

export { DatePicker as default };
