@semcore/date-picker 4.57.0 → 4.57.1

package/lib/esm/MonthDateRangeComparator.mjs

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

package/lib/esm/MonthPicker.mjs

@@ -1,99 +1,106 @@
-import i from "@babel/runtime/helpers/esm/objectSpread2";
-import k from "@babel/runtime/helpers/esm/classCallCheck";
-import w from "@babel/runtime/helpers/esm/createClass";
-import p from "@babel/runtime/helpers/esm/assertThisInitialized";
-import m from "@babel/runtime/helpers/esm/get";
-import c from "@babel/runtime/helpers/esm/getPrototypeOf";
-import I from "@babel/runtime/helpers/esm/inherits";
-import S from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import n from "react";
-import d from "dayjs";
-import x from "@semcore/core";
-import { InputTrigger as P, Trigger as A, Popper as E, Header as B, Title as M, Prev as R, Next as F } from "./components/index.mjs";
-import { CalendarMonths as h } from "./components/Calendar.mjs";
-import y from "./components/PickerAbstract.mjs";
-var $ = {
-  day: !1,
-  month: !0,
-  year: !0
-}, g = /* @__PURE__ */ function(s) {
-  I(o, s);
-  var u = S(o);
-  function o() {
-    var a;
-    k(this, o);
-    for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-      t[r] = arguments[r];
-    return a = u.call.apply(u, [this].concat(t)), l(p(a), "navigateStep", "year"), l(p(a), "keyStep", "month"), l(p(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 { InputTrigger, Trigger, Popper, Header, Title, Prev, Next } from "./components/index.mjs";
+import { CalendarMonths } from "./components/Calendar.mjs";
+import PickerAbstract from "./components/PickerAbstract.mjs";
+var dateParts = {
+  day: false,
+  month: true,
+  year: true
+};
+var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
+  _inherits(MonthPickerRoot2, _PickerAbstract);
+  var _super = _createSuper(MonthPickerRoot2);
+  function MonthPickerRoot2() {
+    var _this;
+    _classCallCheck(this, MonthPickerRoot2);
+    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", "year");
+    _defineProperty(_assertThisInitialized(_this), "keyStep", "month");
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", {
       ArrowLeft: -1,
       ArrowUp: -3,
       ArrowRight: 1,
       ArrowDown: 3
-    }), a;
+    });
+    return _this;
   }
-  return w(o, [{
+  _createClass(MonthPickerRoot2, [{
     key: "getButtonTriggerProps",
-    value: function() {
-      var e = this.asProps, t = e.value, r = e.locale;
-      return i(i({}, m(c(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(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
         placeholder: "Select month",
-        children: t ? new Intl.DateTimeFormat(r, {
+        children: value ? new Intl.DateTimeFormat(locale, {
           month: "short",
           year: "numeric"
-        }).format(d(t).toDate()) : null
+        }).format(dayjs(value).toDate()) : null
       });
     }
   }, {
     key: "getTriggerProps",
-    value: function() {
-      var e = this.asProps, t = e.value, r = e.onChange, T = e.onDisplayedPeriodChange, v = e.locale, D = e.disabled, C = e.disabledErrorText, _ = e.getI18nText, b = e.animationsDisabled;
-      return i(i({}, m(c(o.prototype), "getButtonTriggerProps", this).call(this)), {}, {
-        value: t,
-        onChange: r,
-        onDisplayedPeriodChange: T,
-        locale: v,
-        parts: $,
-        disabledDates: D,
-        disabledErrorText: C,
-        children: function() {
-          return /* @__PURE__ */ n.createElement(P.SingleDateInput, null);
+    value: function getTriggerProps() {
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, 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;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
+        value,
+        onChange,
+        onDisplayedPeriodChange,
+        locale,
+        parts: dateParts,
+        disabledDates: disabled,
+        disabledErrorText,
+        children: function children() {
+          return /* @__PURE__ */ React.createElement(InputTrigger.SingleDateInput, null);
         },
-        getI18nText: _,
-        animationsDisabled: b,
+        getI18nText,
+        animationsDisabled,
         unit: this.keyStep
       });
     }
   }, {
     key: "getTitleProps",
-    value: function() {
-      var e = this.asProps, t = e.displayedPeriod, r = e.locale;
-      return i(i({}, m(c(o.prototype), "getTitleProps", this).call(this)), {}, {
-        children: new Intl.DateTimeFormat(r, {
+    value: function getTitleProps() {
+      var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getTitleProps", this).call(this)), {}, {
+        children: new Intl.DateTimeFormat(locale, {
           year: "numeric"
-        }).format(d(t).startOf("year").toDate())
+        }).format(dayjs(displayedPeriod).startOf("year").toDate())
       });
     }
-  }]), o;
-}(y);
-l(g, "displayName", "MonthPicker");
-l(g, "defaultProps", function(s) {
-  return i(i({}, y.defaultProps(s)), {}, {
-    children: /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(f.Trigger, null), /* @__PURE__ */ n.createElement(f.Popper, null))
+  }]);
+  return MonthPickerRoot2;
+}(PickerAbstract);
+_defineProperty(MonthPickerRoot, "displayName", "MonthPicker");
+_defineProperty(MonthPickerRoot, "defaultProps", function(props) {
+  return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthPicker.Trigger, null), /* @__PURE__ */ React.createElement(MonthPicker.Popper, null))
   });
 });
-var f = x(g, {
-  Trigger: P,
-  ButtonTrigger: A,
-  Popper: E,
-  Header: B,
-  Title: M,
-  Prev: R,
-  Next: F,
-  Calendar: h
+var MonthPicker = createComponent(MonthPickerRoot, {
+  Trigger: InputTrigger,
+  ButtonTrigger: Trigger,
+  Popper,
+  Header,
+  Title,
+  Prev,
+  Next,
+  Calendar: CalendarMonths
 }, {
-  parent: h
+  parent: CalendarMonths
 });
 export {
-  f as default
+  MonthPicker as default
 };