@semcore/date-picker 4.57.2-prerelease.0 → 4.58.0-prerelease.0

package/lib/es6/components/index.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { assignProps as _assignProps8 } from "@semcore/core";
@@ -16,15 +15,15 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
-import React from 'react';
-import dayjs from 'dayjs';
+import { Box } from '@semcore/base-components';
+import Button from '@semcore/button';
 import { Component, Root, sstyled } from '@semcore/core';
+import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
 import Dropdown from '@semcore/dropdown';
-import { Box } from '@semcore/flex-box';
-import Button from '@semcore/button';
 import ChevronLeft from '@semcore/icon/ChevronLeft/m';
 import ChevronRight from '@semcore/icon/ChevronRight/m';
-import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
+import dayjs from 'dayjs';
+import React from 'react';
 import ButtonTrigger from './ButtonTrigger';
 import InputTriggerBase from './InputTrigger';
 
@@ -59,36 +58,34 @@ export function Popper(props) {
 }
 export function Header(props) {
   var _ref4 = arguments[0],
-    _ref10;
+    _ref0;
   var SHeader = Box;
-  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SHeader, _ref10.cn("SHeader", _objectSpread({}, _assignProps4({}, _ref4))));
+  return _ref0 = sstyled(props.styles), /*#__PURE__*/React.createElement(SHeader, _ref0.cn("SHeader", _objectSpread({}, _assignProps4({}, _ref4))));
 }
-export var Title = function Title(_ref13) {
+export function Title(_ref11) {
   var _ref5 = arguments[0],
-    _ref11;
-  var Children = _ref13.Children,
-    styles = _ref13.styles;
+    _ref1;
+  var Children = _ref11.Children,
+    styles = _ref11.styles;
   var STitle = Box;
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, _assignProps5({
+  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref1.cn("STitle", _objectSpread({}, _assignProps5({
     "aria-live": 'polite'
-  }, _ref5))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
-};
-export function Prev(_ref14) {
+  }, _ref5))), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
+}
+export function Prev(_ref12) {
   var _ref6 = arguments[0];
-  var getI18nText = _ref14.getI18nText,
-    children = _ref14.children,
-    Children = _ref14.Children;
+  var children = _ref12.children,
+    Children = _ref12.Children;
   return /*#__PURE__*/React.createElement(Button, _assignProps6({
     "use": 'tertiary',
     "theme": 'muted',
     "size": 'l'
   }, _ref6), children ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ChevronLeft, null)));
 }
-export function Next(_ref15) {
+export function Next(_ref13) {
   var _ref7 = arguments[0];
-  var getI18nText = _ref15.getI18nText,
-    children = _ref15.children,
-    Children = _ref15.Children;
+  var children = _ref13.children,
+    Children = _ref13.Children;
   return /*#__PURE__*/React.createElement(Button, _assignProps7({
     "use": 'tertiary',
     "theme": 'muted',
@@ -96,16 +93,14 @@ export function Next(_ref15) {
   }, _ref7), children ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ChevronRight, null)));
 }
 export var Period = /*#__PURE__*/function (_Component) {
-  _inherits(Period, _Component);
-  var _super = _createSuper(Period);
   function Period() {
     var _this;
     _classCallCheck(this, Period);
     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), "getActiveControl", function () {
+    _this = _callSuper(this, Period, [].concat(args));
+    _defineProperty(_this, "getActiveControl", function () {
       var period = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
       function compareMonth(monthOne, monthTwo) {
@@ -120,11 +115,12 @@ export var Period = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(Period, [{
+  _inherits(Period, _Component);
+  return _createClass(Period, [{
     key: "render",
     value: function render() {
       var _ref8 = this.asProps,
-        _ref12,
+        _ref10,
         _this2 = this;
       var SPeriod = Box;
       var _this$asProps = this.asProps,
@@ -133,14 +129,16 @@ export var Period = /*#__PURE__*/function (_Component) {
         onChange = _this$asProps.onChange,
         periods = _this$asProps.periods,
         onHighlightedChange = _this$asProps.onHighlightedChange,
-        onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange;
-      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, _assignProps8({}, _ref8))), periods.map(function (_ref16, i) {
-        var period = _ref16.value,
-          onClick = _ref16.onClick,
-          onMouseEnter = _ref16.onMouseEnter,
-          onMouseLeave = _ref16.onMouseLeave,
-          other = _objectWithoutProperties(_ref16, _excluded);
+        onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange,
+        periodRef = _this$asProps.periodRef;
+      return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriod, _ref10.cn("SPeriod", _objectSpread({}, _assignProps8({}, _ref8))), periods.map(function (_ref14, i) {
+        var period = _ref14.value,
+          onClick = _ref14.onClick,
+          onMouseEnter = _ref14.onMouseEnter,
+          onMouseLeave = _ref14.onMouseLeave,
+          other = _objectWithoutProperties(_ref14, _excluded);
         return /*#__PURE__*/React.createElement(Button, _extends({
+          ref: periodRef === null || periodRef === void 0 ? void 0 : periodRef(i),
           key: i,
           use: "tertiary",
           theme: "muted",
@@ -162,6 +160,5 @@ export var Period = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return Period;
 }(Component);
 //# sourceMappingURL=index.js.map

package/lib/es6/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","InputTriggerBase","Trigger","_ref","arguments[0]","createElement","_assignProps","InputTrigger","_ref2","_assignProps2","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","_ref3","_ref9","SPopper","styles","cn","_objectSpread","_assignProps3","Header","_ref4","_ref10","SHeader","_assignProps4","Title","_ref13","_ref5","_ref11","Children","STitle","_assignProps5","Prev","_ref14","_ref6","getI18nText","children","_assignProps6","Next","_ref15","_ref7","_assignProps7","Period","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","period","undefined","value","compareMonth","monthOne","monthTwo","isSame","isArray","_createClass","key","render","_ref8","asProps","_ref12","_this2","SPeriod","_this$asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","_assignProps8","map","_ref16","i","onClick","onMouseEnter","onMouseLeave","other","_objectWithoutProperties","_excluded","_extends","use","theme","role","active","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value', 'id']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(<SPopper render={Dropdown.Popper} role='dialog' />);\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box} aria-live='polite'>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev({ getI18nText, children, Children }) {\n  return (\n    <Root render={Button} use='tertiary' theme='muted' size='l'>\n      {children ? (\n        <Children />\n      ) : (\n        <Button.Addon>\n          <ChevronLeft />\n        </Button.Addon>\n      )}\n    </Root>\n  );\n}\n\nexport function Next({ getI18nText, children, Children }) {\n  return (\n    <Root render={Button} use='tertiary' theme='muted' size='l'>\n      {children ? (\n        <Children />\n      ) : (\n        <Button.Addon>\n          <ChevronRight />\n        </Button.Addon>\n      )}\n    </Root>\n  );\n}\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value = undefined) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            key={i}\n            use='tertiary'\n            theme='muted'\n            role='option'\n            styles={styles}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Box","Button","Component","Root","sstyled","callAllEventHandlers","Dropdown","ChevronLeft","ChevronRight","dayjs","React","ButtonTrigger","InputTriggerBase","Trigger","_ref","arguments[0]","createElement","_assignProps","InputTrigger","_ref2","_assignProps2","Indicator","MaskedInput","Addon","SingleDateInput","DateRange","DateRangeFromInput","DateRangeToInput","Popper","props","_ref3","_ref9","SPopper","styles","cn","_objectSpread","_assignProps3","Header","_ref4","_ref0","SHeader","_assignProps4","Title","_ref11","_ref5","_ref1","Children","STitle","_assignProps5","Prev","_ref12","_ref6","children","_assignProps6","Next","_ref13","_ref7","_assignProps7","Period","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","period","undefined","value","compareMonth","monthOne","monthTwo","isSame","isArray","_inherits","_createClass","key","render","_ref8","asProps","_ref10","_this2","SPeriod","_this$asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","periodRef","_assignProps8","map","_ref14","i","onClick","onMouseEnter","onMouseLeave","other","_objectWithoutProperties","_excluded","_extends","ref","use","theme","role","active","getActiveControl","toDate","Date"],"sources":["../../../src/components/index.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Dropdown from '@semcore/dropdown';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport ButtonTrigger from './ButtonTrigger';\nimport InputTriggerBase from './InputTrigger';\n\n/** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function InputTrigger() {\n  return (\n    <Root\n      render={Dropdown.Trigger}\n      tag={InputTriggerBase}\n      __excludeProps={['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value', 'id']}\n    />\n  );\n}\nInputTrigger.Indicator = InputTriggerBase.Indicator;\nInputTrigger.MaskedInput = InputTriggerBase.MaskedInput;\nInputTrigger.Addon = InputTriggerBase.Addon;\nInputTrigger.SingleDateInput = InputTriggerBase.SingleDateInput;\nInputTrigger.DateRange = InputTriggerBase.DateRange;\nInputTrigger.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nInputTrigger.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(<SPopper render={Dropdown.Popper} role='dialog' />);\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport function Title({ Children, styles }) {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box} aria-live='polite'>\n      <Children />\n    </STitle>,\n  );\n}\n\nexport function Prev({ children, Children }) {\n  return (\n    <Root render={Button} use='tertiary' theme='muted' size='l'>\n      {children\n        ? (\n            <Children />\n          )\n        : (\n            <Button.Addon>\n              <ChevronLeft />\n            </Button.Addon>\n          )}\n    </Root>\n  );\n}\n\nexport function Next({ children, Children }) {\n  return (\n    <Root render={Button} use='tertiary' theme='muted' size='l'>\n      {children\n        ? (\n            <Children />\n          )\n        : (\n            <Button.Addon>\n              <ChevronRight />\n            </Button.Addon>\n          )}\n    </Root>\n  );\n}\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value = undefined) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange, periodRef } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            ref={periodRef?.(i)}\n            key={i}\n            use='tertiary'\n            theme='muted'\n            role='option'\n            styles={styles}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\nimport { TooltipProps } from '@semcore/tooltip';\nimport Popper from '@semcore/popper';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /**\n   * @ignore\n   * */\n  highlighted?: DateConstructorParams[];\n  /**\n   * @ignore\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n\n  renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n  selected?: boolean;\n  outdated?: boolean;\n  disabled?: boolean;\n  today?: boolean;\n  startSelected?: boolean;\n  endSelected?: boolean;\n  highlighted?: boolean;\n  startHighlighted?: boolean;\n  endHighlighted?: boolean;\n  date?: Date;\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams[];\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date[]) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n  extends DateRangePickerPeriodProps,\n    UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n  extends AbstractDatePickerHandlers,\n    UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\nexport type BaseInputTriggerProps = InputProps &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n  extends DatePickerMaskedInputProps,\n    UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: Boolean; month: Boolean; day: Boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\n  WithI18nEnhanceProps & {\n    /**\n     * Selected date ranges\n     * */\n    value?: DateRangeComparatorValue;\n    /**\n     * Default value for selected date ranges\n     * */\n    defaultValue?: DateRangeComparatorValue;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n    onChange?: (ranges: {\n      value?: DateConstructorParams[];\n      compare?: DateConstructorParams[];\n    }) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n    /**\n     * Error message when user attempts to input a disabled date\n     * */\n    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    compareHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onCompareHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n    preselectedValue?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n    onPreselectedValueChange?: (date: Date[]) => void;\n    /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n    preselectedCompare?: DateConstructorParams[];\n    /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n    onPreselectedCompareChange?: (date: Date[]) => void;\n    /**\n     * Controls that compare range input is enabled.\n     */\n    compareToggle?: boolean;\n    /**\n     * Toggles when compare range input enables or disables.\n     */\n    onCompareToggleChange?: (compareToggle: boolean) => void;\n    /**\n     * Controls which date range is focused.\n     */\n    focusedRange?: DateRangeComparatorFocusRange;\n    /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n    onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Popper.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Popper from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { ButtonProps } from '@semcore/button';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { InputProps, InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { InputMaskValueProps } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   */\n  disabled?: DisabledDates;\n  /** Internal */\n  highlighted?: DateConstructorParams[];\n  /** Internal */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n  /** Controls whether to render dates from previous/next months */\n  renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = BoxProps & {\n  /** Indicates if the calendar unit is part of a selected date range */\n  selected?: boolean;\n  /** Marks units from previous/next months that appear in the current month view */\n  outdated?: boolean;\n  /** Prevents interaction with the unit */\n  disabled?: boolean;\n  /** Highlights the current date */\n  today?: boolean;\n  /** Marks the beginning of a selected date range */\n  startSelected?: boolean;\n  /** Marks the end of a selected date range */\n  endSelected?: boolean;\n  /** Shows preview highlighting during range selection */\n  highlighted?: boolean;\n  /** Marks the start of a highlighted range */\n  startHighlighted?: boolean;\n  /** Marks the end of a highlighted range */\n  endHighlighted?: boolean;\n  /** The actual Date object this unit represents */\n  date?: Date;\n  /** Content to display within the unit (typically the day number) */\n  children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * Component size\n     * @default m\n     */\n  size?: 'm' | 'l';\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  value?: DateConstructorParams[];\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultValue?: DateConstructorParams[];\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onChange?: (date: Date[]) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = InputProps &\n  TooltipProps & {\n    /**\n     * Date input placeholder characters\n     * @default { year: 'Y'; month: 'M'; day: 'D' }\n     */\n    placeholders?: { year: string; month: string; day: string };\n    locale?: string;\n    onDisplayedPeriodChange?: (date: Date) => void;\n  };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n  /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n  showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: boolean; month: boolean; day: boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Popper.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n  value?: DateConstructorParams[];\n  compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n  DropdownProps,\n  'disabled'\n> &\nWithI18nEnhanceProps & {\n  /**\n     * Selected date ranges\n     * */\n  value?: DateRangeComparatorValue;\n  /**\n     * Default value for selected date ranges\n     * */\n  defaultValue?: DateRangeComparatorValue;\n  /**\n     * Default value date for showing the necessary month\n     * */\n  defaultDisplayedPeriod?: DateConstructorParams;\n  /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n  defaultHighlighted?: DateConstructorParams[];\n  /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n  onChange?: (ranges: {\n    value?: DateConstructorParams[];\n    compare?: DateConstructorParams[];\n  }) => void;\n  /**\n     * Array of dates blocked for selection\n     * */\n  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n  /**\n     * Error message when user attempts to input a disabled date\n     * */\n  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n  /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n  displayedPeriod?: DateConstructorParams;\n  /**\n     * To be activated upon changing the current shown month\n     * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  highlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n  compareHighlighted?: DateConstructorParams[];\n  /**\n     * To be activated upon selecting the date\n     * */\n  onCompareHighlightedChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n     */\n  preselectedValue?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a date range and when user applies this range.\n     */\n  onPreselectedValueChange?: (date: Date[]) => void;\n  /**\n     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n     */\n  preselectedCompare?: DateConstructorParams[];\n  /**\n     * Normally called when user preselects a compare range and when user applies ranges.\n     */\n  onPreselectedCompareChange?: (date: Date[]) => void;\n  /**\n     * Controls that compare range input is enabled.\n     */\n  compareToggle?: boolean;\n  /**\n     * Toggles when compare range input enables or disables.\n     */\n  onCompareToggleChange?: (compareToggle: boolean) => void;\n  /**\n     * Controls which date range is focused.\n     */\n  focusedRange?: DateRangeComparatorFocusRange;\n  /**\n     * Called when user focuses or is focused on some of the date ranges.\n     */\n  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n  /**\n     * Remove the 'Reset' button\n     * */\n  unclearable?: boolean;\n  /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Popper.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex & {\n    Divider: typeof Divider;\n    Column: typeof Flex;\n    Options: typeof Flex;\n    Controls: typeof Flex;\n  };\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DatePicker","DateRangePicker","DateRangeComparator","MonthPicker","MonthRangePicker","MonthDateRangeComparator"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as DateRangeComparator } from './DateRangeComparator';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n\nexport { default as MonthDateRangeComparator } from './MonthDateRangeComparator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAE5B,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB;AAE9D,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,uBAAuB;AAEtE,SAASH,OAAO,IAAII,WAAW,QAAQ,eAAe;AAEtD,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAEhE,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,4BAA4B"}
+{"version":3,"file":"index.js","names":["default","DatePicker","DateRangePicker","DateRangeComparator","MonthPicker","MonthRangePicker","MonthDateRangeComparator"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as DateRangeComparator } from './DateRangeComparator';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n\nexport { default as MonthDateRangeComparator } from './MonthDateRangeComparator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAE5B,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB;AAE9D,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,uBAAuB;AAEtE,SAASH,OAAO,IAAII,WAAW,QAAQ,eAAe;AAEtD,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAEhE,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,4BAA4B","ignoreList":[]}

package/lib/es6/style/calendar.shadow.css

@@ -1,6 +1,11 @@
 SCalendar {
   display: flex;
   flex-direction: column;
+  border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
+
+  SCalendarUnit:focus-visible {
+    outline: none;
+  }
 }
 
 SGridDays {
@@ -27,7 +32,7 @@ SWeekDay {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   font-size: var(--intergalactic-fs-200, 14px);
   font-weight: var(--intergalactic-regular, 400);
   overflow: hidden;
@@ -41,13 +46,13 @@ SCalendarUnit {
   text-align: center;
   vertical-align: middle;
   border: 1px solid transparent;
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   box-shadow: none;
   overflow: visible;
   user-select: none;
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
-  background-color: var(--intergalactic-date-picker-cell, #ffffff);
+  background-color: var(--intergalactic-date-picker-cell, oklch(1 0 0));
 
   align-items: center;
   border-radius: var(--intergalactic-control-rounded, 6px);
@@ -59,14 +64,14 @@ SCalendarUnit {
   min-height: 32px;
   min-width: 32px;
   position: relative;
-  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0.15s 0.15s;
+  transition: border-radius 0.15s 0.15s;
   outline: none;
   margin: 0;
   margin-top: 4px;
 
   &:hover {
-    color: var(--intergalactic-text-primary, #191b23);
-    background-color: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
+    color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+    background-color: var(--intergalactic-date-picker-cell-hover, oklch(0.98 0.001 180));
   }
 }
 
@@ -81,42 +86,42 @@ SCalendarUnit[today] {
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     box-sizing: border-box;
-    border: 1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b);
+    border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.109 0.023 165.5 / 0.337));
   }
 }
 
 SCalendarUnit[today]SCalendarUnit[startSelected],
 SCalendarUnit[today]SCalendarUnit[endSelected] {
   &:before {
-    border-color: var(--intergalactic-border-secondary, #e0e1e9);
+    border-color: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
   }
 }
 
 SCalendarUnit[selected] {
-  background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
+  background-color: var(--intergalactic-date-picker-cell-range, oklch(0.96 0.015 278.4));
   border-radius: 0;
-  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
-  color: var(--intergalactic-text-primary, #191b23);
+  transition: border-radius 0s 0s;
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
-    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
   }
 }
 
 SCalendarUnit[highlighted] {
-  background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+  background-color: var(--intergalactic-date-picker-cell-range, oklch(0.96 0.015 278.4));
   border-radius: 0;
-  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
-  color: var(--intergalactic-text-primary, #191b23);
+  transition: border-radius 0s 0s;
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
-    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
   }
 }
 
 SCalendarUnit[startSelected] {
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+  background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
 
   &:not([highlighted]) {
     border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
@@ -126,14 +131,14 @@ SCalendarUnit[startSelected] {
   }
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.15 278.4));
   }
 }
 
 SCalendarUnit[endSelected] {
-  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
 
   &:not([highlighted]) {
     border-bottom-left-radius: 0;
@@ -143,8 +148,8 @@ SCalendarUnit[endSelected] {
   }
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.15 278.4));
   }
 }
 
@@ -177,8 +182,8 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
 }
 
 SCalendarUnit[compareHighlighted] {
-  border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
-  border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
+  border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
   border-radius: 0;
   transition: none;
 }
@@ -186,19 +191,19 @@ SCalendarUnit[compareHighlighted] {
 
 SCalendarUnit[compareStartHighlighted],
 SCalendarUnit[compareEndHighlighted] {
-  border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
-  border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
+  border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
 }
 
 SCalendarUnit[compareStart],
 SCalendarUnit[compareEnd] {
   border-radius: 0;
-  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
+  color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
 
   &:hover {
-    color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab);
+    color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
+    background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, oklch(0.6 0.244 297.8));
   }
 }
 
@@ -233,19 +238,12 @@ SCalendarUnit[disabled] {
 }
 
 SCalendar:focus {
-  outline: none;
   & SCalendarUnit[highlighted] {
     z-index: 1;
-    box-shadow: var(
-      --intergalactic-keyboard-focus,
-      0px 0px 0px 3px rgba(0, 143, 248, 0.5)
-    );
   }
+
   &:not(&:has(SCalendarUnit[highlighted])) {
-    box-shadow: var(
-      --intergalactic-keyboard-focus,
-      0px 0px 0px 3px rgba(0, 143, 248, 0.5)
-    );
+    border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
   }
 }
 
@@ -256,4 +254,4 @@ SCalendar:focus {
   SCalendarUnit[highlighted] {
     transition: none;
   }
-}
+}

package/lib/es6/style/date-picker.shadow.css

@@ -10,13 +10,8 @@ SPopper {
   &:active,
   &:hover,
   &:focus {
-    outline: 0;
     text-decoration: none;
   }
-
-  &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-  }
 }
 
 SHeader {
@@ -26,7 +21,7 @@ SHeader {
 
 STitle {
   font-size: var(--intergalactic-fs-200, 14px);
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   height: 32px;
   width: 100%;
   display: flex;
@@ -51,7 +46,7 @@ SButton SInner {
 }
 
 SInputMask {
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   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;
@@ -63,10 +58,14 @@ SInputMask[animationsDisabled] {
 
 SInputMask SValue {
   letter-spacing: 0;
+
+  &:focus {
+    outline: none;
+  }
 }
 
 SIndicator {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
 }
 
 SRangeIndicator {
@@ -75,15 +74,15 @@ SRangeIndicator {
 }
 
 SRangeIndicator[range='value'] {
-  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.135 278.4));
 }
 
 SRangeIndicator[range='compare'] {
-  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
 }
 
 SRangeIndicator[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
 }
 
 SHumanizedDate {
@@ -138,16 +137,16 @@ SInputMask[noHumanizedDate] SMask {
 }
 
 SDateRange SInputMask:focus-within SMask {
-  background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
+  background-color: var(--intergalactic-bg-highlight-focus, oklch(0.94 0.023 278.4));
 }
 
 SRangeSep[fulfilled],
 SDateRange:focus-within SRangeSep {
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 
 SRangeComparatorHeader {
-  border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   padding: var(--intergalactic-spacing-4x, 16px);
 }
 
@@ -156,7 +155,7 @@ SRangeCalendar {
 }
 
 SFooter {
-  border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   padding: var(--intergalactic-spacing-4x, 16px);
 }
 
@@ -176,4 +175,4 @@ SCompareToggle {
   SInputMask {
     transition: none;
   }
-}
+}