@semcore/date-picker 4.57.0 → 4.57.1

package/lib/esm/components/PickerAbstract.mjs

@@ -1,231 +1,278 @@
-import R from "@babel/runtime/helpers/esm/classCallCheck";
-import T from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/assertThisInitialized";
-import H from "@babel/runtime/helpers/esm/inherits";
-import M from "@babel/runtime/helpers/esm/createSuper";
-import o from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as z } from "@semcore/utils/lib/core/index";
-import { CORE_INSTANCE as y, sstyled as E, assignProps as V, Component as N } from "@semcore/core";
-import g from "react";
-import u from "dayjs";
-import A from "@semcore/dropdown";
-import F from "@semcore/utils/lib/enhances/i18nEnhance";
-import { localizedMessages as b } from "../translations/__intergalactic-dynamic-locales.mjs";
-import { includesDate as Y } from "../utils/includesDate.mjs";
-import { formatMMYY as K, formatDDMMYY as B } from "../utils/formatDate.mjs";
-var L = (
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { CORE_INSTANCE, sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import dayjs from "dayjs";
+import Dropdown from "@semcore/dropdown";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
+import { includesDate } from "../utils/includesDate.mjs";
+import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
+/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (z.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_182qj_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_182qj_gg_:active,.___SPopper_182qj_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_182qj_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_182qj_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_182qj_gg_,.___STitle_182qj_gg_{display:flex;align-items:center}.___STitle_182qj_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_182qj_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_182qj_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_182qj_gg_ .___SInner_182qj_gg_{justify-content:flex-start}.___SInputMask_182qj_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_182qj_gg_.__animationsDisabled_182qj_gg_{transition:none}.___SInputMask_182qj_gg_ .___SValue_182qj_gg_{letter-spacing:0}.___SIndicator_182qj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_182qj_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_182qj_gg_._range_value_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_182qj_gg_._range_compare_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_182qj_gg_.__disabled_182qj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_182qj_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_182qj_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_182qj_gg_ .___SMask_182qj_gg_,.___SDateRange_182qj_gg_ .___SValue_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SValue_182qj_gg_{opacity:0}.___SSingleDateInput_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SDateRange_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SMask_182qj_gg_,.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_ .___SInputMask_182qj_gg_:focus-within .___SMask_182qj_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_182qj_gg_:focus-within .___SRangeSep_182qj_gg_,.___SRangeSep_182qj_gg_.__fulfilled_182qj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_182qj_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_182qj_gg_,.___SRangeComparatorHeader_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_182qj_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_182qj_gg_,.___SPeriodsList_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_182qj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_182qj_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_182qj_gg_{transition:none}}",
-    "182qj_gg_"
-  ), {
-    __SHeader: "___SHeader_182qj_gg_",
-    __STitle: "___STitle_182qj_gg_",
-    __SToday: "___SToday_182qj_gg_",
-    __SPeriod: "___SPeriod_182qj_gg_",
-    __SButton: "___SButton_182qj_gg_",
-    __SInner: "___SInner_182qj_gg_",
-    __SInputMask: "___SInputMask_182qj_gg_",
-    _animationsDisabled: "__animationsDisabled_182qj_gg_",
-    __SValue: "___SValue_182qj_gg_",
-    __SIndicator: "___SIndicator_182qj_gg_",
-    __SRangeIndicator: "___SRangeIndicator_182qj_gg_",
-    _range_value: "_range_value_182qj_gg_",
-    _range_compare: "_range_compare_182qj_gg_",
-    _disabled: "__disabled_182qj_gg_",
-    __SHumanizedDate: "___SHumanizedDate_182qj_gg_",
-    __SMask: "___SMask_182qj_gg_",
-    __SSingleDateInput: "___SSingleDateInput_182qj_gg_",
-    __SDateRange: "___SDateRange_182qj_gg_",
-    _noHumanizedDate: "__noHumanizedDate_182qj_gg_",
-    __SRangeSep: "___SRangeSep_182qj_gg_",
-    _fulfilled: "__fulfilled_182qj_gg_",
-    __SRangeComparatorHeader: "___SRangeComparatorHeader_182qj_gg_",
-    __SRangeCalendar: "___SRangeCalendar_182qj_gg_",
-    __SFooter: "___SFooter_182qj_gg_",
-    __SPeriodsList: "___SPeriodsList_182qj_gg_",
-    __STooltip: "___STooltip_182qj_gg_",
-    __SCompareToggle: "___SCompareToggle_182qj_gg_",
-    __SPopper: "___SPopper_182qj_gg_"
+    ".___SPopper_svfjr_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_svfjr_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_svfjr_gg_:active,.___SPopper_svfjr_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_svfjr_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_svfjr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_svfjr_gg_,.___STitle_svfjr_gg_{display:flex;align-items:center}.___STitle_svfjr_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_svfjr_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_svfjr_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_svfjr_gg_ .___SInner_svfjr_gg_{justify-content:flex-start}.___SInputMask_svfjr_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_svfjr_gg_.__animationsDisabled_svfjr_gg_{transition:none}.___SInputMask_svfjr_gg_ .___SValue_svfjr_gg_{letter-spacing:0}.___SIndicator_svfjr_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_svfjr_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_svfjr_gg_._range_value_svfjr_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_svfjr_gg_._range_compare_svfjr_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_svfjr_gg_.__disabled_svfjr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_svfjr_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_svfjr_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_svfjr_gg_ .___SMask_svfjr_gg_,.___SDateRange_svfjr_gg_ .___SValue_svfjr_gg_,.___SSingleDateInput_svfjr_gg_ .___SMask_svfjr_gg_,.___SSingleDateInput_svfjr_gg_ .___SValue_svfjr_gg_{opacity:0}.___SSingleDateInput_svfjr_gg_:focus-within .___SHumanizedDate_svfjr_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_svfjr_gg_:focus-within .___SMask_svfjr_gg_,.___SSingleDateInput_svfjr_gg_:focus-within .___SValue_svfjr_gg_{opacity:1}.___SDateRange_svfjr_gg_:focus-within .___SHumanizedDate_svfjr_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_svfjr_gg_:focus-within .___SMask_svfjr_gg_,.___SDateRange_svfjr_gg_:focus-within .___SValue_svfjr_gg_{opacity:1}.___SInputMask_svfjr_gg_.__noHumanizedDate_svfjr_gg_ .___SMask_svfjr_gg_,.___SInputMask_svfjr_gg_.__noHumanizedDate_svfjr_gg_ .___SValue_svfjr_gg_{opacity:1}.___SDateRange_svfjr_gg_ .___SInputMask_svfjr_gg_:focus-within .___SMask_svfjr_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_svfjr_gg_:focus-within .___SRangeSep_svfjr_gg_,.___SRangeSep_svfjr_gg_.__fulfilled_svfjr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_svfjr_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_svfjr_gg_,.___SRangeComparatorHeader_svfjr_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_svfjr_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_svfjr_gg_,.___SPeriodsList_svfjr_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_svfjr_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_svfjr_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_svfjr_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "svfjr_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SHeader": "___SHeader_svfjr_gg_",
+    "__STitle": "___STitle_svfjr_gg_",
+    "__SToday": "___SToday_svfjr_gg_",
+    "__SPeriod": "___SPeriod_svfjr_gg_",
+    "__SButton": "___SButton_svfjr_gg_",
+    "__SInner": "___SInner_svfjr_gg_",
+    "__SInputMask": "___SInputMask_svfjr_gg_",
+    "_animationsDisabled": "__animationsDisabled_svfjr_gg_",
+    "__SValue": "___SValue_svfjr_gg_",
+    "__SIndicator": "___SIndicator_svfjr_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_svfjr_gg_",
+    "_range_value": "_range_value_svfjr_gg_",
+    "_range_compare": "_range_compare_svfjr_gg_",
+    "_disabled": "__disabled_svfjr_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_svfjr_gg_",
+    "__SMask": "___SMask_svfjr_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_svfjr_gg_",
+    "__SDateRange": "___SDateRange_svfjr_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_svfjr_gg_",
+    "__SRangeSep": "___SRangeSep_svfjr_gg_",
+    "_fulfilled": "__fulfilled_svfjr_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_svfjr_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_svfjr_gg_",
+    "__SFooter": "___SFooter_svfjr_gg_",
+    "__SPeriodsList": "___SPeriodsList_svfjr_gg_",
+    "__STooltip": "___STooltip_svfjr_gg_",
+    "__SCompareToggle": "___SCompareToggle_svfjr_gg_",
+    "__SPopper": "___SPopper_svfjr_gg_"
   })
-), O = ["INPUT"], G = ["ArrowDown", "Enter", " "], U = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), f = /* @__PURE__ */ function(v) {
-  H(l, v);
-  var S = M(l);
-  function l() {
-    var _;
-    R(this, l);
-    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
-      a[t] = arguments[t];
-    return _ = S.call.apply(S, [this].concat(a)), o(d(_), "popperRef", /* @__PURE__ */ g.createRef()), o(d(_), "unitRefs", {}), o(d(_), "navigateStep", void 0), o(d(_), "keyDiff", void 0), o(d(_), "keyStep", void 0), o(d(_), "navigateView", function(i) {
-      var r = _.asProps.displayedPeriod, n = i >= 1 ? "add" : "subtract", p = u(r)[n](1, _.navigateStep).toDate();
-      _.handlers.displayedPeriod(p);
-    }), o(d(_), "bindHandlerNavigateClick", function(i) {
+);
+var INTERACTION_TAGS = ["INPUT"];
+var INTERACTION_KEYS = ["ArrowDown", "Enter", " "];
+var defaultDisplayedPeriod = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+var PickerAbstract = /* @__PURE__ */ function(_Component) {
+  _inherits(PickerAbstract2, _Component);
+  var _super = _createSuper(PickerAbstract2);
+  function PickerAbstract2() {
+    var _this;
+    _classCallCheck(this, PickerAbstract2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "unitRefs", {});
+    _defineProperty(_assertThisInitialized(_this), "navigateStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "navigateView", function(direction) {
+      var displayedPeriod = _this.asProps.displayedPeriod;
+      var action = direction >= 1 ? "add" : "subtract";
+      var date = dayjs(displayedPeriod)[action](1, _this.navigateStep).toDate();
+      _this.handlers.displayedPeriod(date);
+    });
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerNavigateClick", function(direction) {
       return function() {
-        _.navigateView(i);
+        _this.navigateView(direction);
       };
-    }), o(d(_), "handlerKeyDown", function(i) {
-      return function(r) {
-        var n = _.asProps, p = n.value, c = n.displayedPeriod, s = n.highlighted;
-        n.disabled;
-        var D = n.visible, k = r.key;
-        i === "trigger" && G.includes(k) && (r.stopPropagation(), _.handlers.visible(!D), setTimeout(function() {
-          var m = _.popperRef.current;
-          m && m.focus();
-        }, 0));
-        var q = _.keyDiff[r.key], P = function(C) {
-          return C.toDate();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDown", function(place) {
+      return function(e) {
+        var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted;
+        _this$asProps.disabled;
+        var visible = _this$asProps.visible;
+        var key = e.key;
+        if (place === "trigger" && INTERACTION_KEYS.includes(key)) {
+          e.stopPropagation();
+          _this.handlers.visible(!visible);
+          setTimeout(function() {
+            var popper = _this.popperRef.current;
+            if (popper) {
+              popper.focus();
+            }
+          }, 0);
+        }
+        var day = _this.keyDiff[e.key];
+        var getCurrentHighlightedDay = function getCurrentHighlightedDay2(day2) {
+          return day2.toDate();
         };
-        if (i === "popper" && (r.key === " " || r.key === "Enter" && s.length) && (_.isDisabled(s[0]) || _.handlers.value(s[0]), r.preventDefault()), q) {
-          if (O.includes(r.target.tagName)) return;
-          var x = !s[0] && !p ? u(s[0] || c) : u(c).add(q, _.keyStep), h = P(x) || P(u(s[0] || c));
-          if (h) {
-            var j;
-            _.handlers.highlighted([h]), _.handlers.displayedPeriod(h), r.preventDefault();
-            var I = _.keyStep === "month" ? K : B, w = I(h, _.asProps.locale);
-            (j = _.unitRefs[w]) === null || j === void 0 || j.focus();
+        if (place === "popper" && (e.key === " " || e.key === "Enter" && highlighted.length)) {
+          if (!_this.isDisabled(highlighted[0])) {
+            _this.handlers.value(highlighted[0]);
+          }
+          e.preventDefault();
+        }
+        if (day) {
+          if (INTERACTION_TAGS.includes(e.target.tagName)) return;
+          var current_highlighted = !highlighted[0] && !value ? dayjs(highlighted[0] || displayedPeriod) : dayjs(displayedPeriod).add(day, _this.keyStep);
+          var current_day = getCurrentHighlightedDay(current_highlighted) || getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));
+          if (current_day) {
+            var _this$unitRefs$format;
+            _this.handlers.highlighted([current_day]);
+            _this.handlers.displayedPeriod(current_day);
+            e.preventDefault();
+            var formatter = _this.keyStep === "month" ? formatMMYY : formatDDMMYY;
+            var formattedDate = formatter(current_day, _this.asProps.locale);
+            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 ? void 0 : _this$unitRefs$format.focus();
           }
         }
       };
-    }), _;
+    });
+    return _this;
   }
-  return T(l, [{
+  _createClass(PickerAbstract2, [{
     key: "uncontrolledProps",
-    value: function() {
-      var e = this;
+    value: function uncontrolledProps() {
+      var _this2 = this;
       return {
         displayedPeriod: null,
-        visible: [null, function(a) {
-          var t = e.asProps, i = t.value, r = t.displayedPeriod;
-          if (a || e.handlers.highlighted([]), a) {
-            if (i && i !== r)
-              e.handlers.displayedPeriod(i);
-            else if (!i) {
-              var n = e.props, p = n.displayedPeriod, c = n.defaultDisplayedPeriod;
-              e.handlers.displayedPeriod(p || c);
+        visible: [null, function(visible) {
+          var _this2$asProps = _this2.asProps, value = _this2$asProps.value, displayedPeriod = _this2$asProps.displayedPeriod;
+          if (!visible) {
+            _this2.handlers.highlighted([]);
+          }
+          if (visible) {
+            if (value && value !== displayedPeriod) {
+              _this2.handlers.displayedPeriod(value);
+            } else if (!value) {
+              var _this2$props = _this2.props, _displayedPeriod = _this2$props.displayedPeriod, _defaultDisplayedPeriod = _this2$props.defaultDisplayedPeriod;
+              _this2.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
             }
           }
         }],
         highlighted: null,
-        value: [null, function(a) {
-          a && e.handlers.visible(!1), e.handlers.displayedPeriod(a ?? void 0);
+        value: [null, function(value) {
+          if (value) {
+            _this2.handlers.visible(false);
+          }
+          _this2.handlers.displayedPeriod(value !== null && value !== void 0 ? value : void 0);
         }]
       };
     }
   }, {
     key: "isDisabled",
-    value: function(e) {
-      var a = this.asProps.disabled;
-      return a.some(Y(u(e), "date"));
+    value: function isDisabled(date) {
+      var disabled = this.asProps.disabled;
+      return disabled.some(includesDate(dayjs(date), "date"));
     }
   }, {
     key: "getButtonTriggerProps",
-    value: function() {
-      var e = this.asProps, a = e.value, t = e.size, i = e.visible;
+    value: function getButtonTriggerProps() {
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, size = _this$asProps2.size, visible = _this$asProps2.visible;
       return {
-        popoverVisible: i,
-        size: t,
-        empty: !a,
+        popoverVisible: visible,
+        size,
+        empty: !value,
         onKeyDown: this.handlerKeyDown("trigger")
       };
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      var e = this[y];
+    value: function getPopperProps() {
+      var Picker = this[CORE_INSTANCE];
       return {
         tabIndex: 0,
         ref: this.popperRef,
         onKeyDown: this.handlerKeyDown("popper"),
-        children: /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(e.Header, null), /* @__PURE__ */ g.createElement(e.Calendar, null))
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Picker.Header, null), /* @__PURE__ */ React.createElement(Picker.Calendar, null))
       };
     }
   }, {
     key: "getHeaderProps",
-    value: function() {
-      var e = this[y];
+    value: function getHeaderProps() {
+      var Picker = this[CORE_INSTANCE];
       return {
-        children: /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(e.Prev, null), /* @__PURE__ */ g.createElement(e.Title, null), /* @__PURE__ */ g.createElement(e.Next, null))
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Picker.Prev, null), /* @__PURE__ */ React.createElement(Picker.Title, null), /* @__PURE__ */ React.createElement(Picker.Next, null))
       };
     }
   }, {
     key: "getTitleProps",
-    value: function() {
+    value: function getTitleProps() {
       return {};
     }
   }, {
     key: "getNextProps",
-    value: function() {
-      var e = this.asProps.getI18nText, a = this.navigateStep;
+    value: function getNextProps() {
+      var getI18nText = this.asProps.getI18nText;
+      var navigateStep = this.navigateStep;
       return {
         onClick: this.bindHandlerNavigateClick(1),
-        getI18nText: e,
-        "aria-label": e(a === "month" ? "nextMonth" : "nextYear")
+        getI18nText,
+        "aria-label": navigateStep === "month" ? getI18nText("nextMonth") : getI18nText("nextYear")
       };
     }
   }, {
     key: "getPrevProps",
-    value: function() {
-      var e = this.asProps.getI18nText, a = this.navigateStep;
+    value: function getPrevProps() {
+      var getI18nText = this.asProps.getI18nText;
+      var navigateStep = this.navigateStep;
       return {
         onClick: this.bindHandlerNavigateClick(-1),
-        getI18nText: e,
-        "aria-label": e(a === "month" ? "prevMonth" : "prevYear")
+        getI18nText,
+        "aria-label": navigateStep === "month" ? getI18nText("prevMonth") : getI18nText("prevYear")
       };
     }
   }, {
     key: "getCalendarProps",
-    value: function() {
-      var e = this.asProps, a = e.locale, t = e.displayedPeriod, i = e.disabled, r = e.value, n = e.highlighted, p = e.onVisibleChange, c = e.onChange, s = e.getI18nText;
+    value: function getCalendarProps() {
+      var _this$asProps3 = this.asProps, locale = _this$asProps3.locale, displayedPeriod = _this$asProps3.displayedPeriod, disabled = _this$asProps3.disabled, value = _this$asProps3.value, highlighted = _this$asProps3.highlighted, onVisibleChange = _this$asProps3.onVisibleChange, onChange = _this$asProps3.onChange, getI18nText = _this$asProps3.getI18nText;
       return {
-        locale: a,
-        displayedPeriod: t,
-        disabled: i,
-        onChange: c,
-        highlighted: n,
-        value: [r, r],
-        renderOutdated: !0,
-        onVisibleChange: p,
+        locale,
+        displayedPeriod,
+        disabled,
+        onChange,
+        highlighted,
+        value: [value, value],
+        renderOutdated: true,
+        onVisibleChange,
         unitRefs: this.unitRefs,
-        getI18nText: s,
+        getI18nText,
         actionsDescribing: null
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, a, t = this.asProps, i = t.styles, r = t.Children, n = t["aria-label"];
-      return /* @__PURE__ */ g.createElement(g.Fragment, null, (a = E(i), /* @__PURE__ */ g.createElement(A, V({
-        "use:aria-label": n,
-        __excludeProps: ["onChange", "value"]
-      }, e), /* @__PURE__ */ g.createElement(r, a.cn("Children", {})))));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, Children = _this$asProps4.Children, providedAriaLabel = _this$asProps4["aria-label"];
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
+        "use:aria-label": providedAriaLabel,
+        "__excludeProps": ["onChange", "value"]
+      }, _ref), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})))));
     }
   }], [{
     key: "defaultProps",
-    value: function(e) {
-      var a = e.value, t = e.defaultValue;
+    value: function defaultProps(_ref3) {
+      var value = _ref3.value, defaultValue = _ref3.defaultValue;
       return {
-        i18n: b,
+        i18n: localizedMessages,
         locale: "en",
-        defaultDisplayedPeriod: a || t || U,
+        defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,
         defaultValue: null,
-        defaultVisible: !1,
+        defaultVisible: false,
         defaultHighlighted: [],
         disabled: [],
         size: "m"
       };
     }
-  }]), l;
-}(N);
-o(f, "displayName", "DatePicker");
-o(f, "style", L);
-o(f, "enhance", [F(b)]);
-o(f, "add", function(v, S, l) {
-  return u(v).add(S, l).toDate();
+  }]);
+  return PickerAbstract2;
+}(Component);
+_defineProperty(PickerAbstract, "displayName", "DatePicker");
+_defineProperty(PickerAbstract, "style", style);
+_defineProperty(PickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(PickerAbstract, "add", function(date, amount, unit) {
+  return dayjs(date).add(amount, unit).toDate();
 });
-o(f, "subtract", function(v, S, l) {
-  return u(v).subtract(S, l).toDate();
+_defineProperty(PickerAbstract, "subtract", function(date, amount, unit) {
+  return dayjs(date).subtract(amount, unit).toDate();
 });
 export {
-  f as default
+  PickerAbstract as default
 };