@semcore/date-picker 4.56.0 → 16.0.0-prerelease.11

package/lib/esm/components/PickerAbstract.mjs

@@ -1,231 +1,274 @@
-import H from "@babel/runtime/helpers/esm/classCallCheck";
-import M from "@babel/runtime/helpers/esm/createClass";
-import s from "@babel/runtime/helpers/esm/assertThisInitialized";
-import z from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import o from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as V } from "@semcore/utils/lib/core/index";
-import { CORE_INSTANCE as b, sstyled as N, assignProps as A, Component as F } from "@semcore/core";
-import g from "react";
-import c from "dayjs";
-import Y from "@semcore/dropdown";
-import K from "@semcore/utils/lib/enhances/i18nEnhance";
-import { localizedMessages as D } from "../translations/__intergalactic-dynamic-locales.mjs";
-import { includesDate as B } from "../utils/includesDate.mjs";
-import { formatMMYY as j, formatDDMMYY as L } from "../utils/formatDate.mjs";
-var O = (
+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, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
+import React from "react";
+import dayjs from "dayjs";
+import Dropdown from "@semcore/dropdown";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
+import { includesDate } from "../utils/includesDate.mjs";
+import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
+var style = (
   /*__reshadow_css_start__*/
-  (V.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_1mx7u_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1mx7u_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1mx7u_gg_:active,.___SPopper_1mx7u_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1mx7u_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1mx7u_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1mx7u_gg_,.___STitle_1mx7u_gg_{display:flex;align-items:center}.___STitle_1mx7u_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1mx7u_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1mx7u_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1mx7u_gg_ .___SInner_1mx7u_gg_{justify-content:flex-start}.___SInputMask_1mx7u_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_1mx7u_gg_.__animationsDisabled_1mx7u_gg_{transition:none}.___SInputMask_1mx7u_gg_ .___SValue_1mx7u_gg_{letter-spacing:0}.___SIndicator_1mx7u_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1mx7u_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1mx7u_gg_._range_value_1mx7u_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1mx7u_gg_._range_compare_1mx7u_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1mx7u_gg_.__disabled_1mx7u_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1mx7u_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1mx7u_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1mx7u_gg_ .___SMask_1mx7u_gg_,.___SDateRange_1mx7u_gg_ .___SValue_1mx7u_gg_,.___SSingleDateInput_1mx7u_gg_ .___SMask_1mx7u_gg_,.___SSingleDateInput_1mx7u_gg_ .___SValue_1mx7u_gg_{opacity:0}.___SSingleDateInput_1mx7u_gg_:focus-within .___SHumanizedDate_1mx7u_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1mx7u_gg_:focus-within .___SMask_1mx7u_gg_,.___SSingleDateInput_1mx7u_gg_:focus-within .___SValue_1mx7u_gg_{opacity:1}.___SDateRange_1mx7u_gg_:focus-within .___SHumanizedDate_1mx7u_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1mx7u_gg_:focus-within .___SMask_1mx7u_gg_,.___SDateRange_1mx7u_gg_:focus-within .___SValue_1mx7u_gg_{opacity:1}.___SInputMask_1mx7u_gg_.__noHumanizedDate_1mx7u_gg_ .___SMask_1mx7u_gg_,.___SInputMask_1mx7u_gg_.__noHumanizedDate_1mx7u_gg_ .___SValue_1mx7u_gg_{opacity:1}.___SDateRange_1mx7u_gg_ .___SInputMask_1mx7u_gg_:focus-within .___SMask_1mx7u_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1mx7u_gg_:focus-within .___SRangeSep_1mx7u_gg_,.___SRangeSep_1mx7u_gg_.__fulfilled_1mx7u_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1mx7u_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1mx7u_gg_,.___SRangeComparatorHeader_1mx7u_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1mx7u_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1mx7u_gg_,.___SPeriodsList_1mx7u_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1mx7u_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1mx7u_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1mx7u_gg_{transition:none}}",
-    "1mx7u_gg_"
+    ".___SPopper_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1plgq_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1plgq_gg_:active,.___SPopper_1plgq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1plgq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1plgq_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1plgq_gg_,.___STitle_1plgq_gg_{display:flex;align-items:center}.___STitle_1plgq_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1plgq_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1plgq_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1plgq_gg_ .___SInner_1plgq_gg_{justify-content:flex-start}.___SInputMask_1plgq_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_1plgq_gg_.__animationsDisabled_1plgq_gg_{transition:none}.___SInputMask_1plgq_gg_ .___SValue_1plgq_gg_{letter-spacing:0}.___SIndicator_1plgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1plgq_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1plgq_gg_._range_value_1plgq_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1plgq_gg_._range_compare_1plgq_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1plgq_gg_.__disabled_1plgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1plgq_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1plgq_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1plgq_gg_ .___SMask_1plgq_gg_,.___SDateRange_1plgq_gg_ .___SValue_1plgq_gg_,.___SSingleDateInput_1plgq_gg_ .___SMask_1plgq_gg_,.___SSingleDateInput_1plgq_gg_ .___SValue_1plgq_gg_{opacity:0}.___SSingleDateInput_1plgq_gg_:focus-within .___SHumanizedDate_1plgq_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1plgq_gg_:focus-within .___SMask_1plgq_gg_,.___SSingleDateInput_1plgq_gg_:focus-within .___SValue_1plgq_gg_{opacity:1}.___SDateRange_1plgq_gg_:focus-within .___SHumanizedDate_1plgq_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1plgq_gg_:focus-within .___SMask_1plgq_gg_,.___SDateRange_1plgq_gg_:focus-within .___SValue_1plgq_gg_{opacity:1}.___SInputMask_1plgq_gg_.__noHumanizedDate_1plgq_gg_ .___SMask_1plgq_gg_,.___SInputMask_1plgq_gg_.__noHumanizedDate_1plgq_gg_ .___SValue_1plgq_gg_{opacity:1}.___SDateRange_1plgq_gg_ .___SInputMask_1plgq_gg_:focus-within .___SMask_1plgq_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1plgq_gg_:focus-within .___SRangeSep_1plgq_gg_,.___SRangeSep_1plgq_gg_.__fulfilled_1plgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1plgq_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1plgq_gg_,.___SRangeComparatorHeader_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1plgq_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1plgq_gg_,.___SPeriodsList_1plgq_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1plgq_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1plgq_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1plgq_gg_{transition:none}}",
+    "1plgq_gg_"
   ), {
-    __SHeader: "___SHeader_1mx7u_gg_",
-    __STitle: "___STitle_1mx7u_gg_",
-    __SToday: "___SToday_1mx7u_gg_",
-    __SPeriod: "___SPeriod_1mx7u_gg_",
-    __SButton: "___SButton_1mx7u_gg_",
-    __SInner: "___SInner_1mx7u_gg_",
-    __SInputMask: "___SInputMask_1mx7u_gg_",
-    _animationsDisabled: "__animationsDisabled_1mx7u_gg_",
-    __SValue: "___SValue_1mx7u_gg_",
-    __SIndicator: "___SIndicator_1mx7u_gg_",
-    __SRangeIndicator: "___SRangeIndicator_1mx7u_gg_",
-    _range_value: "_range_value_1mx7u_gg_",
-    _range_compare: "_range_compare_1mx7u_gg_",
-    _disabled: "__disabled_1mx7u_gg_",
-    __SHumanizedDate: "___SHumanizedDate_1mx7u_gg_",
-    __SMask: "___SMask_1mx7u_gg_",
-    __SSingleDateInput: "___SSingleDateInput_1mx7u_gg_",
-    __SDateRange: "___SDateRange_1mx7u_gg_",
-    _noHumanizedDate: "__noHumanizedDate_1mx7u_gg_",
-    __SRangeSep: "___SRangeSep_1mx7u_gg_",
-    _fulfilled: "__fulfilled_1mx7u_gg_",
-    __SRangeComparatorHeader: "___SRangeComparatorHeader_1mx7u_gg_",
-    __SRangeCalendar: "___SRangeCalendar_1mx7u_gg_",
-    __SFooter: "___SFooter_1mx7u_gg_",
-    __SPeriodsList: "___SPeriodsList_1mx7u_gg_",
-    __STooltip: "___STooltip_1mx7u_gg_",
-    __SCompareToggle: "___SCompareToggle_1mx7u_gg_",
-    __SPopper: "___SPopper_1mx7u_gg_"
+    "__SHeader": "___SHeader_1plgq_gg_",
+    "__STitle": "___STitle_1plgq_gg_",
+    "__SToday": "___SToday_1plgq_gg_",
+    "__SPeriod": "___SPeriod_1plgq_gg_",
+    "__SButton": "___SButton_1plgq_gg_",
+    "__SInner": "___SInner_1plgq_gg_",
+    "__SInputMask": "___SInputMask_1plgq_gg_",
+    "_animationsDisabled": "__animationsDisabled_1plgq_gg_",
+    "__SValue": "___SValue_1plgq_gg_",
+    "__SIndicator": "___SIndicator_1plgq_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1plgq_gg_",
+    "_range_value": "_range_value_1plgq_gg_",
+    "_range_compare": "_range_compare_1plgq_gg_",
+    "_disabled": "__disabled_1plgq_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1plgq_gg_",
+    "__SMask": "___SMask_1plgq_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1plgq_gg_",
+    "__SDateRange": "___SDateRange_1plgq_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1plgq_gg_",
+    "__SRangeSep": "___SRangeSep_1plgq_gg_",
+    "_fulfilled": "__fulfilled_1plgq_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1plgq_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1plgq_gg_",
+    "__SFooter": "___SFooter_1plgq_gg_",
+    "__SPeriodsList": "___SPeriodsList_1plgq_gg_",
+    "__STooltip": "___STooltip_1plgq_gg_",
+    "__SCompareToggle": "___SCompareToggle_1plgq_gg_",
+    "__SPopper": "___SPopper_1plgq_gg_"
   })
-), G = ["INPUT"], U = ["ArrowDown", "Enter", " "], $ = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), S = /* @__PURE__ */ function(x) {
-  z(l, x);
-  var m = E(l);
-  function l() {
-    var _;
-    H(this, l);
-    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
-      a[t] = arguments[t];
-    return _ = m.call.apply(m, [this].concat(a)), o(s(_), "popperRef", /* @__PURE__ */ g.createRef()), o(s(_), "unitRefs", {}), o(s(_), "navigateStep", void 0), o(s(_), "keyDiff", void 0), o(s(_), "keyStep", void 0), o(s(_), "navigateView", function(i) {
-      var r = _.asProps.displayedPeriod, n = i >= 1 ? "add" : "subtract", d = c(r)[n](1, _.navigateStep).toDate();
-      _.handlers.displayedPeriod(d);
-    }), o(s(_), "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(s(_), "handlerKeyDown", function(i) {
-      return function(r) {
-        var n = _.asProps, d = n.value, p = n.displayedPeriod, u = n.highlighted;
-        n.disabled;
-        var k = n.visible, I = r.key;
-        i === "trigger" && U.includes(I) && (r.stopPropagation(), _.handlers.visible(!k), setTimeout(function() {
-          var h = _.popperRef.current;
-          h && h.focus();
-        }, 0));
-        var P = _.keyDiff[r.key], y = function(T) {
-          return T.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" && u.length) && (_.isDisabled(u[0]) || _.handlers.value(u[0]), r.preventDefault()), P) {
-          if (G.includes(r.target.tagName)) return;
-          var w = !u[0] && !d ? c(u[0] || p) : c(p).add(P, _.keyStep), v = y(w) || y(c(u[0] || p));
-          if (v) {
-            var f;
-            _.handlers.highlighted([v]), _.handlers.displayedPeriod(v), r.preventDefault();
-            var C = _.keyStep === "month" ? j : L, R = C(v, _.asProps.locale);
-            (f = _.unitRefs[R]) === null || f === void 0 || f.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 M(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, d = n.displayedPeriod, p = n.defaultDisplayedPeriod;
-              e.handlers.displayedPeriod(d || p);
+        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(B(c(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[b];
+    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[b];
+    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, d = e.onVisibleChange, p = e.onChange, u = 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: p,
-        highlighted: n,
-        value: [r, r],
-        renderOutdated: !0,
-        onVisibleChange: d,
+        locale,
+        displayedPeriod,
+        disabled,
+        onChange,
+        highlighted,
+        value: [value, value],
+        renderOutdated: true,
+        onVisibleChange,
         unitRefs: this.unitRefs,
-        getI18nText: u,
+        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 = N(i), /* @__PURE__ */ g.createElement(Y, A({
-        "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(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: D,
+        i18n: localizedMessages,
         locale: "en",
-        defaultDisplayedPeriod: a || t || $,
+        defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,
         defaultValue: null,
-        defaultVisible: !1,
+        defaultVisible: false,
         defaultHighlighted: [],
         disabled: [],
         size: "m"
       };
     }
-  }]), l;
-}(F);
-o(S, "displayName", "DatePicker");
-o(S, "style", O);
-o(S, "enhance", [K(D)]);
-o(S, "add", function(x, m, l) {
-  return c(x).add(m, 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(S, "subtract", function(x, m, l) {
-  return c(x).subtract(m, l).toDate();
+_defineProperty(PickerAbstract, "subtract", function(date, amount, unit) {
+  return dayjs(date).subtract(amount, unit).toDate();
 });
 export {
-  S as default
+  PickerAbstract as default
 };