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

package/lib/esm/DateRangeComparator.mjs

@@ -1,213 +1,230 @@
-import y from "@babel/runtime/helpers/esm/classCallCheck";
-import D from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import h from "@babel/runtime/helpers/esm/get";
-import S from "@babel/runtime/helpers/esm/getPrototypeOf";
-import I from "@babel/runtime/helpers/esm/inherits";
-import _ from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import w, { sstyled as m, assignProps as F } from "@semcore/core";
-import e from "react";
-import { Popper as T, Header as b, Title as k, Prev as A, Next as B, Period as H } from "./components/index.mjs";
-import { CalendarDays as E } from "./components/Calendar.mjs";
-import { Flex as c, Box as P } from "@semcore/flex-box";
-import x from "@semcore/divider";
-import v, { Header as O, Apply as M, Reset as V, Trigger as N, CompareToggle as $, Body as j, Footer as z } from "./components/DateRangeComparatorAbstract.mjs";
-import u from "./components/InputTrigger.mjs";
-function d(t) {
-  var n = arguments[0], l, r = t.styles, o = P, i = P;
-  return l = m(r), /* @__PURE__ */ e.createElement(o, l.cn("SComparatorRangeInput", p({}, F({
+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 _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import React from "react";
+import { Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
+import { CalendarDays } from "./components/Calendar.mjs";
+import { Flex, Box } from "@semcore/flex-box";
+import Divider from "@semcore/divider";
+import DateRangeComparatorAbstract, { Header as Header$1, Apply, Reset, Trigger, CompareToggle, Body, Footer } from "./components/DateRangeComparatorAbstract.mjs";
+import InputTrigger from "./components/InputTrigger.mjs";
+function RangeInput(props) {
+  var _ref = arguments[0], _ref2;
+  var styles = props.styles;
+  var SComparatorRangeInput = Box;
+  var SRangeIndicator = Box;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SComparatorRangeInput, _ref2.cn("SComparatorRangeInput", _objectSpread({}, assignProps({
     "data-name": "SComparatorRangeInput",
-    tag: u,
-    unit: "date",
-    __excludeProps: ["role", "aria-haspopup", "aria-expanded", "onChange", "value", "id"]
-  }, n))), /* @__PURE__ */ e.createElement(u.DateRange, null, /* @__PURE__ */ e.createElement(i, l.cn("SRangeIndicator", {
-    range: t.range,
-    disabled: t.disabled,
-    w: 12,
-    h: 12,
-    ml: 2
-  })), /* @__PURE__ */ e.createElement(u.DateRange.Indicator, null), /* @__PURE__ */ e.createElement(u.DateRange.FromMaskedInput, null), /* @__PURE__ */ e.createElement(u.DateRange.RangeSep, null), /* @__PURE__ */ e.createElement(u.DateRange.ToMaskedInput, null)));
+    "tag": InputTrigger,
+    "unit": "date",
+    "__excludeProps": ["role", "aria-haspopup", "aria-expanded", "onChange", "value", "id"]
+  }, _ref))), /* @__PURE__ */ React.createElement(InputTrigger.DateRange, null, /* @__PURE__ */ React.createElement(SRangeIndicator, _ref2.cn("SRangeIndicator", {
+    "range": props.range,
+    "disabled": props.disabled,
+    "w": 12,
+    "h": 12,
+    "ml": 2
+  })), /* @__PURE__ */ React.createElement(InputTrigger.DateRange.Indicator, null), /* @__PURE__ */ React.createElement(InputTrigger.DateRange.FromMaskedInput, null), /* @__PURE__ */ React.createElement(InputTrigger.DateRange.RangeSep, null), /* @__PURE__ */ React.createElement(InputTrigger.DateRange.ToMaskedInput, null)));
 }
-d.Indicator = u.Indicator;
-d.MaskedInput = u.MaskedInput;
-d.Addon = u.Addon;
-d.SingleDateInput = u.SingleDateInput;
-d.DateRange = u.DateRange;
-d.DateRangeFromInput = u.DateRangeFromInput;
-d.DateRangeToInput = u.DateRangeToInput;
-var R = /* @__PURE__ */ function(t) {
-  I(l, t);
-  var n = _(l);
-  function l() {
-    var r;
-    y(this, l);
-    for (var o = arguments.length, i = new Array(o), s = 0; s < o; s++)
-      i[s] = arguments[s];
-    return r = n.call.apply(n, [this].concat(i)), g(f(r), "navigateStep", "month"), g(f(r), "keyStep", "day"), g(f(r), "keyDiff", {
+RangeInput.Indicator = InputTrigger.Indicator;
+RangeInput.MaskedInput = InputTrigger.MaskedInput;
+RangeInput.Addon = InputTrigger.Addon;
+RangeInput.SingleDateInput = InputTrigger.SingleDateInput;
+RangeInput.DateRange = InputTrigger.DateRange;
+RangeInput.DateRangeFromInput = InputTrigger.DateRangeFromInput;
+RangeInput.DateRangeToInput = InputTrigger.DateRangeToInput;
+var DateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
+  _inherits(DateRangeComparatorRoot2, _RangeComparatorAbstr);
+  var _super = _createSuper(DateRangeComparatorRoot2);
+  function DateRangeComparatorRoot2() {
+    var _this;
+    _classCallCheck(this, DateRangeComparatorRoot2);
+    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), "navigateStep", "month");
+    _defineProperty(_assertThisInitialized(_this), "keyStep", "day");
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -7,
       ArrowRight: 1,
       ArrowDown: 7
-    }), r;
+    });
+    return _this;
   }
-  return D(l, [{
+  _createClass(DateRangeComparatorRoot2, [{
     key: "getRangeInput",
-    value: function() {
-      return /* @__PURE__ */ e.createElement(a.RangeInput.DateRange, null);
+    value: function getRangeInput() {
+      return /* @__PURE__ */ React.createElement(DateRangeComparator.RangeInput.DateRange, null);
     }
   }, {
     key: "getRangeCalendarProps",
-    value: function() {
+    value: function getRangeCalendarProps() {
       return {
-        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(c, {
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Flex, {
           direction: "column"
-        }, /* @__PURE__ */ e.createElement(a.CalendarHeader, {
-          tag: c
-        }, /* @__PURE__ */ e.createElement(a.Prev, null), /* @__PURE__ */ e.createElement(a.Title, null)), /* @__PURE__ */ e.createElement(a.Calendar, null)), /* @__PURE__ */ e.createElement(c, {
+        }, /* @__PURE__ */ React.createElement(DateRangeComparator.CalendarHeader, {
+          tag: Flex
+        }, /* @__PURE__ */ React.createElement(DateRangeComparator.Prev, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Title, null)), /* @__PURE__ */ React.createElement(DateRangeComparator.Calendar, null)), /* @__PURE__ */ React.createElement(Flex, {
           direction: "column"
-        }, /* @__PURE__ */ e.createElement(a.CalendarHeader, {
-          tag: c
-        }, /* @__PURE__ */ e.createElement(a.Title, null), /* @__PURE__ */ e.createElement(a.Next, null)), /* @__PURE__ */ e.createElement(a.Calendar, null)))
+        }, /* @__PURE__ */ React.createElement(DateRangeComparator.CalendarHeader, {
+          tag: Flex
+        }, /* @__PURE__ */ React.createElement(DateRangeComparator.Title, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Next, null)), /* @__PURE__ */ React.createElement(DateRangeComparator.Calendar, null)))
       };
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      return p(p({}, h(S(l.prototype), "getPopperProps", this).call(this)), {}, {
-        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Header, null), /* @__PURE__ */ e.createElement(a.Body, {
-          showButtons: !0
+    value: function getPopperProps() {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangeComparatorRoot2.prototype), "getPopperProps", this).call(this)), {}, {
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Header, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Body, {
+          showButtons: true
         }))
       });
     }
   }, {
     key: "getHeaderProps",
-    value: function() {
+    value: function getHeaderProps() {
       return {
-        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.ValueDateRange, null), /* @__PURE__ */ e.createElement(a.CompareToggle, null), /* @__PURE__ */ e.createElement(a.CompareDateRange, null))
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.ValueDateRange, null), /* @__PURE__ */ React.createElement(DateRangeComparator.CompareToggle, null), /* @__PURE__ */ React.createElement(DateRangeComparator.CompareDateRange, null))
       };
     }
   }, {
     key: "getBodyProps",
-    value: function(o) {
-      var i = o.showButtons;
+    value: function getBodyProps(_ref11) {
+      var showButtons = _ref11.showButtons;
       return {
-        children: /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(a.RangeCalendar, null), /* @__PURE__ */ e.createElement(a.Periods, {
-          showButtons: i
+        children: /* @__PURE__ */ React.createElement(Flex, null, /* @__PURE__ */ React.createElement(DateRangeComparator.RangeCalendar, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Periods, {
+          showButtons
         }))
       };
     }
   }, {
     key: "getPeriodsProps",
-    value: function(o) {
-      var i = o.showButtons, s = o.unclearable, C = s === void 0 ? !1 : s;
+    value: function getPeriodsProps(_ref12) {
+      var showButtons = _ref12.showButtons, _ref12$unclearable = _ref12.unclearable, unclearable = _ref12$unclearable === void 0 ? false : _ref12$unclearable;
       return {
-        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Periods.Divider, null), /* @__PURE__ */ e.createElement(a.Periods.Column, null, /* @__PURE__ */ e.createElement(a.Periods.Options, null), i && /* @__PURE__ */ e.createElement(a.Periods.Controls, null, /* @__PURE__ */ e.createElement(a.Apply, null), !C && /* @__PURE__ */ e.createElement(a.Reset, null))))
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Divider, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Column, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Options, null), showButtons && /* @__PURE__ */ React.createElement(DateRangeComparator.Periods.Controls, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(DateRangeComparator.Reset, null))))
       };
     }
   }, {
     key: "getFooterProps",
-    value: function(o) {
-      var i = o.unclearable, s = i === void 0 ? !1 : i;
+    value: function getFooterProps(_ref13) {
+      var _ref13$unclearable = _ref13.unclearable, unclearable = _ref13$unclearable === void 0 ? false : _ref13$unclearable;
       return {
-        children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Apply, null), !s && /* @__PURE__ */ e.createElement(a.Reset, null))
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(DateRangeComparator.Reset, null))
       };
     }
-  }]), l;
-}(v);
-g(R, "displayName", "DateRangeComparator");
-g(R, "defaultProps", function(t) {
-  return p(p({}, v.defaultProps(t)), {}, {
-    children: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(a.Trigger, null), /* @__PURE__ */ e.createElement(a.Popper, null))
+  }]);
+  return DateRangeComparatorRoot2;
+}(DateRangeComparatorAbstract);
+_defineProperty(DateRangeComparatorRoot, "displayName", "DateRangeComparator");
+_defineProperty(DateRangeComparatorRoot, "defaultProps", function(props) {
+  return _objectSpread(_objectSpread({}, DateRangeComparatorAbstract.defaultProps(props)), {}, {
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangeComparator.Trigger, null), /* @__PURE__ */ React.createElement(DateRangeComparator.Popper, null))
   });
 });
-function L(t) {
-  var n, l = t.Root, r = t.styles;
-  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SValueDateRange", {
-    render: a.RangeInput,
-    range: "value"
+function ValueDateRange(props) {
+  var _ref3;
+  var SValueDateRange = props.Root, styles = props.styles;
+  return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SValueDateRange, _ref3.cn("SValueDateRange", {
+    "render": DateRangeComparator.RangeInput,
+    "range": "value"
   }));
 }
-function U(t) {
-  var n, l = t.Root, r = t.styles;
-  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SSecondaryDateRange", {
-    render: a.RangeInput,
-    range: "compare"
+function CompareDateRange(props) {
+  var _ref4;
+  var SSecondaryDateRange = props.Root, styles = props.styles;
+  return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSecondaryDateRange, _ref4.cn("SSecondaryDateRange", {
+    "render": DateRangeComparator.RangeInput,
+    "range": "compare"
   }));
 }
-function q(t) {
-  var n, l = t.Root, r = t.Children, o = t.styles;
-  return n = m(o), /* @__PURE__ */ e.createElement(l, n.cn("SRangeCalendar", {
-    render: c,
-    gap: 8
-  }), /* @__PURE__ */ e.createElement(r, n.cn("Children", {})));
+function RangeCalendar(props) {
+  var _ref5;
+  var SRangeCalendar = props.Root, Children = props.Children, styles = props.styles;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SRangeCalendar, _ref5.cn("SRangeCalendar", {
+    "render": Flex,
+    "gap": 8
+  }), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})));
 }
-function G(t) {
-  var n, l = t.Root, r = t.styles;
-  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriods", {
-    render: c
+function Periods(props) {
+  var _ref6;
+  var SPeriods = props.Root, styles = props.styles;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriods, _ref6.cn("SPeriods", {
+    "render": Flex
   }));
 }
-function J(t) {
-  var n, l = t.Root, r = t.styles;
-  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriodsDivider", {
-    orientation: "vertical",
-    h: "auto",
-    render: x
+function PeriodsDivider(props) {
+  var _ref7;
+  var SPeriodsDivider = props.Root, styles = props.styles;
+  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsDivider, _ref7.cn("SPeriodsDivider", {
+    "orientation": "vertical",
+    "h": "auto",
+    "render": Divider
   }));
 }
-function K(t) {
-  var n, l = t.Root, r = t.styles;
-  return n = m(r), /* @__PURE__ */ e.createElement(l, n.cn("SPeriodsColumn", {
-    render: c,
-    direction: "column",
-    justifyContent: "space-between"
+function PeriodsColumn(props) {
+  var _ref8;
+  var SPeriodsColumn = props.Root, styles = props.styles;
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsColumn, _ref8.cn("SPeriodsColumn", {
+    "render": Flex,
+    "direction": "column",
+    "justifyContent": "space-between"
   }));
 }
-function Q(t) {
-  var n, l = t.styles, r = t.Root;
-  return n = m(l), /* @__PURE__ */ e.createElement(r, n.cn("SPeriodsOptions", {
-    render: a.Period,
-    p: 2
+function PeriodsOptions(props) {
+  var _ref9;
+  var styles = props.styles, SPeriodsOptions = props.Root;
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsOptions, _ref9.cn("SPeriodsOptions", {
+    "render": DateRangeComparator.Period,
+    "p": 2
   }));
 }
-function W(t) {
-  var n, l = t.styles, r = t.Root;
-  return n = m(l), /* @__PURE__ */ e.createElement(r, n.cn("SPeriodsControls", {
-    render: c,
-    p: 4,
-    gap: 2
+function PeriodsControls(props) {
+  var _ref10;
+  var styles = props.styles, SPeriodsControls = props.Root;
+  return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref10.cn("SPeriodsControls", {
+    "render": Flex,
+    "p": 4,
+    "gap": 2
   }));
 }
-var a = w(R, {
-  Popper: T,
-  CalendarHeader: b,
-  Title: k,
-  Header: O,
-  Prev: A,
-  Next: B,
-  Calendar: E,
-  Period: H,
-  Apply: M,
-  Reset: V,
-  Trigger: N,
-  ValueDateRange: L,
-  CompareToggle: $,
-  CompareDateRange: U,
-  Body: j,
-  RangeCalendar: q,
-  Periods: [G, {
-    Divider: J,
-    Column: K,
-    Options: Q,
-    Controls: W
+var DateRangeComparator = createComponent(DateRangeComparatorRoot, {
+  Popper,
+  CalendarHeader: Header,
+  Title,
+  Header: Header$1,
+  Prev,
+  Next,
+  Calendar: CalendarDays,
+  Period,
+  Apply,
+  Reset,
+  Trigger,
+  ValueDateRange,
+  CompareToggle,
+  CompareDateRange,
+  Body,
+  RangeCalendar,
+  Periods: [Periods, {
+    Divider: PeriodsDivider,
+    Column: PeriodsColumn,
+    Options: PeriodsOptions,
+    Controls: PeriodsControls
   }],
-  Footer: z,
-  RangeInput: d
+  Footer,
+  RangeInput
 }, {
-  parent: E
+  parent: CalendarDays
 });
 export {
-  a as default
+  DateRangeComparator as default
 };

package/lib/esm/DateRangePicker.mjs

@@ -1,63 +1,69 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
-import w from "@babel/runtime/helpers/esm/classCallCheck";
-import x from "@babel/runtime/helpers/esm/createClass";
-import u from "@babel/runtime/helpers/esm/assertThisInitialized";
-import d from "@babel/runtime/helpers/esm/get";
-import m from "@babel/runtime/helpers/esm/getPrototypeOf";
-import A from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import s from "react";
-import n from "dayjs";
-import I from "@semcore/core";
-import S from "./utils/shortDateRangeFormat.mjs";
-import { InputTrigger as P, Trigger as B, Popper as j, Header as F, Title as H, Prev as M, Next as N, Period as V } from "./components/index.mjs";
-import { CalendarDays as h } from "./components/Calendar.mjs";
-import v, { Apply as W, Reset as $ } from "./components/RangePickerAbstract.mjs";
-var c = /* @__PURE__ */ function(p) {
-  A(o, p);
-  var g = E(o);
-  function o() {
-    var a;
-    w(this, o);
-    for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-      t[r] = arguments[r];
-    return a = g.call.apply(g, [this].concat(t)), l(u(a), "navigateStep", "month"), l(u(a), "keyStep", "day"), l(u(a), "keyDiff", {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+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 React from "react";
+import dayjs from "dayjs";
+import { createComponent } from "@semcore/core";
+import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
+import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
+import { CalendarDays } from "./components/Calendar.mjs";
+import RangePickerAbstract, { Apply, Reset } from "./components/RangePickerAbstract.mjs";
+var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
+  _inherits(DateRangePickerRoot2, _RangePickerAbstract);
+  var _super = _createSuper(DateRangePickerRoot2);
+  function DateRangePickerRoot2() {
+    var _this;
+    _classCallCheck(this, DateRangePickerRoot2);
+    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), "navigateStep", "month");
+    _defineProperty(_assertThisInitialized(_this), "keyStep", "day");
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -7,
       ArrowRight: 1,
       ArrowDown: 7
-    }), a;
+    });
+    return _this;
   }
-  return x(o, [{
+  _createClass(DateRangePickerRoot2, [{
     key: "getDefaultPeriods",
-    value: function() {
-      var e = this.asProps.getI18nText, t = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+    value: function getDefaultPeriods() {
+      var getI18nText = this.asProps.getI18nText;
+      var today = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return [{
-        children: e("last2Days"),
-        value: [n(t).subtract(1, "day").toDate(), t]
+        children: getI18nText("last2Days"),
+        value: [dayjs(today).subtract(1, "day").toDate(), today]
       }, {
-        children: e("lastWeek"),
-        value: [n(t).subtract(6, "day").toDate(), t]
+        children: getI18nText("lastWeek"),
+        value: [dayjs(today).subtract(6, "day").toDate(), today]
       }, {
-        children: e("last2Weeks"),
-        value: [n(t).subtract(13, "day").toDate(), t]
+        children: getI18nText("last2Weeks"),
+        value: [dayjs(today).subtract(13, "day").toDate(), today]
       }, {
-        children: e("lastMonth"),
-        value: [n(t).subtract(1, "month").toDate(), t]
+        children: getI18nText("lastMonth"),
+        value: [dayjs(today).subtract(1, "month").toDate(), today]
       }, {
-        children: e("last2Months"),
-        value: [n(t).subtract(2, "month").toDate(), t]
+        children: getI18nText("last2Months"),
+        value: [dayjs(today).subtract(2, "month").toDate(), today]
       }];
     }
   }, {
     key: "getButtonTriggerProps",
-    value: function() {
-      var e = this.asProps, t = e.value, r = e.locale;
-      return i(i({}, d(m(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+    value: function getButtonTriggerProps() {
+      var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
         placeholder: "Select date period",
-        children: S(t, {
-          locale: r,
+        children: shortDateRangeFormat(value, {
+          locale,
           day: "numeric",
           month: "short",
           year: "numeric"
@@ -66,46 +72,48 @@ var c = /* @__PURE__ */ function(p) {
     }
   }, {
     key: "getTriggerProps",
-    value: function() {
-      var e = this.asProps, t = e.visible, r = e.preselectedValue, D = e.onChange, y = e.onDisplayedPeriodChange, T = e.locale, b = e.disabled, R = e.disabledErrorText, k = e.getI18nText, C = e.animationsDisabled, _ = t ? [r[0] || this.asProps.value[0], r[1] || this.asProps.value[1]] : this.asProps.value;
-      return i(i({}, d(m(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
-        value: _,
-        onChange: D,
-        onDisplayedPeriodChange: y,
-        locale: T,
-        disabledDates: b,
-        disabledErrorText: R,
-        children: function() {
-          return /* @__PURE__ */ s.createElement(P.DateRange, null);
+    value: function getTriggerProps() {
+      var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, preselectedValue = _this$asProps2.preselectedValue, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
+      var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value,
+        onChange,
+        onDisplayedPeriodChange,
+        locale,
+        disabledDates: disabled,
+        disabledErrorText,
+        children: function children() {
+          return /* @__PURE__ */ React.createElement(InputTrigger.DateRange, null);
         },
-        getI18nText: k,
-        animationsDisabled: C,
+        getI18nText,
+        animationsDisabled,
         unit: this.keyStep
       });
     }
-  }]), o;
-}(v);
-l(c, "displayName", "DateRangePicker");
-l(c, "defaultProps", function(p) {
-  return i(i({}, v.defaultProps(p)), {}, {
-    children: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(f.Trigger, null), /* @__PURE__ */ s.createElement(f.Popper, null))
+  }]);
+  return DateRangePickerRoot2;
+}(RangePickerAbstract);
+_defineProperty(DateRangePickerRoot, "displayName", "DateRangePicker");
+_defineProperty(DateRangePickerRoot, "defaultProps", function(props) {
+  return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DateRangePicker.Trigger, null), /* @__PURE__ */ React.createElement(DateRangePicker.Popper, null))
   });
 });
-var f = I(c, {
-  Trigger: P,
-  ButtonTrigger: B,
-  Popper: j,
-  Header: F,
-  Title: H,
-  Prev: M,
-  Next: N,
-  Calendar: h,
-  Period: V,
-  Apply: W,
-  Reset: $
+var DateRangePicker = createComponent(DateRangePickerRoot, {
+  Trigger: InputTrigger,
+  ButtonTrigger: Trigger,
+  Popper,
+  Header,
+  Title,
+  Prev,
+  Next,
+  Calendar: CalendarDays,
+  Period,
+  Apply,
+  Reset
 }, {
-  parent: h
+  parent: CalendarDays
 });
 export {
-  f as default
+  DateRangePicker as default
 };