intergalactic 15.65.3 → 15.66.0-prerelease-0004a874

package/date-picker/lib/cjs/MonthDateRangeComparator.js

@@ -39,7 +39,7 @@ function RangeInput(props) {
     "data-name": 'SComparatorRangeInput',
     "tag": _InputTrigger["default"],
     "parts": dateParts,
-    "__excludeProps": ['role', 'aria-haspopup', 'onChange', 'value']
+    "__excludeProps": ['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value']
   }, _ref))), /*#__PURE__*/_react["default"].createElement(_InputTrigger["default"].DateRange, null, /*#__PURE__*/_react["default"].createElement(SRangeIndicator, _ref2.cn("SRangeIndicator", {
     "range": props.range,
     "disabled": props.disabled,
@@ -68,10 +68,10 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateStep", 'year');
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", 'month');
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", {
-      37: -1,
-      38: -3,
-      39: 1,
-      40: 3
+      ArrowLeft: -1,
+      ArrowUp: -3,
+      ArrowRight: 1,
+      ArrowDown: 3
     });
     return _this;
   }
@@ -222,7 +222,8 @@ function PeriodsColumn(props) {
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPeriodsColumn, _ref8.cn("SPeriodsColumn", {
     "render": _flexBox.Flex,
     "direction": 'column',
-    "justifyContent": 'space-between'
+    "justifyContent": 'space-between',
+    "p": 1
   }));
 }
 function PeriodsOptions(props) {

package/date-picker/lib/cjs/MonthDateRangeComparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthDateRangeComparator.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_components","_Calendar","_flexBox","_dayjs","_divider","_DateRangeComparatorAbstract","_InputTrigger","dateParts","day","month","year","RangeInput","props","_ref","arguments[0]","_ref2","styles","SComparatorRangeInput","Box","SRangeIndicator","sstyled","createElement","cn","_objectSpread2","assignProps","InputTriggerBase","DateRange","range","disabled","Indicator","FromMaskedInput","RangeSep","ToMaskedInput","MaskedInput","Addon","SingleDateInput","DateRangeFromInput","DateRangeToInput","MonthDateRangeComparatorRoot","_RangeComparatorAbstr","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","_createClass2","key","value","getTitleProps","index","_this$asProps","asProps","displayedPeriod","locale","_get2","_getPrototypeOf2","prototype","children","Intl","DateTimeFormat","format","dayjs","add","navigateStep","startOf","toDate","getRangeInput","MonthDateRangeComparator","getValueDateRangeProps","w","getCompareDateRangeProps","getPopperProps","Fragment","Header","Body","showButtons","getHeaderProps","ValueDateRange","CompareToggle","CompareDateRange","getBodyProps","_ref11","RangeCalendar","Periods","getPeriodsProps","_ref12","_ref12$unclearable","unclearable","Divider","Column","Options","Controls","Apply","Reset","getFooterProps","_ref13","_ref13$unclearable","RangeComparatorAbstract","defaultProps","Trigger","Popper","_ref3","SValueDateRange","Root","_ref4","SCompareDateRange","_ref5","SRangeCalendar","Flex","CalendarHeader","tag","Prev","Title","Calendar","Next","_ref6","SPeriods","PeriodsDivider","_ref7","SPeriodsDivider","PeriodsColumn","_ref8","SPeriodsColumn","PeriodsOptions","_ref9","SPeriodsList","Period","PeriodsControls","_ref10","SPeriodsControls","createComponent","Footer","parent","_default","exports"],"sources":["../../src/MonthDateRangeComparator.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Header as CalendarHeader, Next, Period, Popper, Prev, Title } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport { Box, Flex } from '@semcore/flex-box';\nimport dayjs from 'dayjs';\nimport Divider from '@semcore/divider';\nimport RangeComparatorAbstract, {\n  Apply,\n  Reset,\n  Header,\n  Trigger,\n  CompareToggle,\n  Body,\n  Footer,\n} from './components/DateRangeComparatorAbstract';\nimport InputTriggerBase from './components/InputTrigger';\n\nconst dateParts = { day: false, month: true, year: true };\n\nfunction RangeInput(props) {\n  const { styles } = props;\n  const SComparatorRangeInput = Root;\n  const SRangeIndicator = Box;\n  return sstyled(styles)(\n    <SComparatorRangeInput\n      data-name='SComparatorRangeInput'\n      render={Box}\n      tag={InputTriggerBase}\n      parts={dateParts}\n      __excludeProps={['role', 'aria-haspopup', 'onChange', 'value']}\n    >\n      <InputTriggerBase.DateRange>\n        <SRangeIndicator range={props.range} disabled={props.disabled} w={12} h={12} ml={2} />\n        <InputTriggerBase.DateRange.Indicator />\n        <InputTriggerBase.DateRange.FromMaskedInput />\n        <InputTriggerBase.DateRange.RangeSep />\n        <InputTriggerBase.DateRange.ToMaskedInput />\n      </InputTriggerBase.DateRange>\n    </SComparatorRangeInput>,\n  );\n}\nRangeInput.Indicator = InputTriggerBase.Indicator;\nRangeInput.MaskedInput = InputTriggerBase.MaskedInput;\nRangeInput.Addon = InputTriggerBase.Addon;\nRangeInput.SingleDateInput = InputTriggerBase.SingleDateInput;\nRangeInput.DateRange = InputTriggerBase.DateRange;\nRangeInput.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nRangeInput.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nclass MonthDateRangeComparatorRoot extends RangeComparatorAbstract {\n  static displayName = 'MonthDateRangeComparator';\n  static defaultProps = (props) => {\n    return {\n      ...RangeComparatorAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthDateRangeComparator.Trigger />\n          <MonthDateRangeComparator.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    37: -1,\n    38: -3,\n    39: 1,\n    40: 3,\n  };\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getRangeInput() {\n    return <MonthDateRangeComparator.RangeInput.DateRange />;\n  }\n\n  getValueDateRangeProps() {\n    const props = super.getValueDateRangeProps();\n    return {\n      ...props,\n      w: props.w - 60,\n    };\n  }\n\n  getCompareDateRangeProps() {\n    const props = super.getCompareDateRangeProps();\n    return {\n      ...props,\n      w: props.w - 60,\n    };\n  }\n\n  getPopperProps() {\n    return {\n      ...super.getPopperProps(),\n      children: (\n        <>\n          <MonthDateRangeComparator.Header />\n          <MonthDateRangeComparator.Body showButtons={true} />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.ValueDateRange />\n          <MonthDateRangeComparator.CompareToggle />\n          <MonthDateRangeComparator.CompareDateRange />\n        </>\n      ),\n    };\n  }\n\n  getBodyProps({ showButtons }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.RangeCalendar />\n          <MonthDateRangeComparator.Periods showButtons={showButtons} />\n        </>\n      ),\n    };\n  }\n\n  getPeriodsProps({ showButtons, unclearable = false }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.Periods.Divider />\n          <MonthDateRangeComparator.Periods.Column>\n            <MonthDateRangeComparator.Periods.Options />\n            {showButtons && (\n              <MonthDateRangeComparator.Periods.Controls>\n                <MonthDateRangeComparator.Apply />\n                {!unclearable && <MonthDateRangeComparator.Reset />}\n              </MonthDateRangeComparator.Periods.Controls>\n            )}\n          </MonthDateRangeComparator.Periods.Column>\n        </>\n      ),\n    };\n  }\n\n  getFooterProps({ unclearable = false }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.Apply />\n          {!unclearable && <MonthDateRangeComparator.Reset />}\n        </>\n      ),\n    };\n  }\n}\n\nfunction ValueDateRange(props) {\n  const { Root: SValueDateRange, styles } = props;\n  return sstyled(styles)(\n    <SValueDateRange render={MonthDateRangeComparator.RangeInput} range='value' />,\n  );\n}\n\nfunction CompareDateRange(props) {\n  const { Root: SCompareDateRange, styles } = props;\n  return sstyled(styles)(\n    <SCompareDateRange render={MonthDateRangeComparator.RangeInput} range='compare' />,\n  );\n}\n\nfunction RangeCalendar(props) {\n  const { Root: SRangeCalendar, styles } = props;\n  return sstyled(styles)(\n    <SRangeCalendar render={Flex} gap={8}>\n      <Flex direction='column'>\n        <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n          <MonthDateRangeComparator.Prev />\n          <MonthDateRangeComparator.Title />\n        </MonthDateRangeComparator.CalendarHeader>\n        <MonthDateRangeComparator.Calendar />\n      </Flex>\n      <Flex direction='column'>\n        <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n          <MonthDateRangeComparator.Title />\n          <MonthDateRangeComparator.Next />\n        </MonthDateRangeComparator.CalendarHeader>\n        <MonthDateRangeComparator.Calendar />\n      </Flex>\n    </SRangeCalendar>,\n  );\n}\nfunction Periods(props) {\n  const { Root: SPeriods, styles } = props;\n  return sstyled(styles)(<SPeriods render={Flex} />);\n}\nfunction PeriodsDivider(props) {\n  const { Root: SPeriodsDivider, styles } = props;\n  return sstyled(styles)(<SPeriodsDivider orientation='vertical' h='auto' render={Divider} />);\n}\nfunction PeriodsColumn(props) {\n  const { Root: SPeriodsColumn, styles } = props;\n  return sstyled(styles)(\n    <SPeriodsColumn render={Flex} direction='column' justifyContent='space-between' />,\n  );\n}\nfunction PeriodsOptions(props) {\n  const { styles, Root: SPeriodsList } = props;\n  return sstyled(styles)(<SPeriodsList render={MonthDateRangeComparator.Period} />);\n}\nfunction PeriodsControls(props) {\n  const { styles, Root: SPeriodsControls } = props;\n  return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);\n}\n\nconst MonthDateRangeComparator = createComponent(\n  MonthDateRangeComparatorRoot,\n  {\n    Popper,\n    CalendarHeader,\n    Title,\n    Header,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n\n    Trigger,\n    ValueDateRange,\n    CompareToggle,\n    CompareDateRange,\n    Body,\n    RangeCalendar,\n    Periods: [\n      Periods,\n      {\n        Divider: PeriodsDivider,\n        Column: PeriodsColumn,\n        Options: PeriodsOptions,\n        Controls: PeriodsControls,\n      },\n    ],\n    Footer,\n    RangeInput,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthDateRangeComparator;\n"],"mappings":"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"}
+{"version":3,"file":"MonthDateRangeComparator.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_components","_Calendar","_flexBox","_dayjs","_divider","_DateRangeComparatorAbstract","_InputTrigger","dateParts","day","month","year","RangeInput","props","_ref","arguments[0]","_ref2","styles","SComparatorRangeInput","Box","SRangeIndicator","sstyled","createElement","cn","_objectSpread2","assignProps","InputTriggerBase","DateRange","range","disabled","Indicator","FromMaskedInput","RangeSep","ToMaskedInput","MaskedInput","Addon","SingleDateInput","DateRangeFromInput","DateRangeToInput","MonthDateRangeComparatorRoot","_RangeComparatorAbstr","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getTitleProps","index","_this$asProps","asProps","displayedPeriod","locale","_get2","_getPrototypeOf2","prototype","children","Intl","DateTimeFormat","format","dayjs","add","navigateStep","startOf","toDate","getRangeInput","MonthDateRangeComparator","getValueDateRangeProps","w","getCompareDateRangeProps","getPopperProps","Fragment","Header","Body","showButtons","getHeaderProps","ValueDateRange","CompareToggle","CompareDateRange","getBodyProps","_ref11","RangeCalendar","Periods","getPeriodsProps","_ref12","_ref12$unclearable","unclearable","Divider","Column","Options","Controls","Apply","Reset","getFooterProps","_ref13","_ref13$unclearable","RangeComparatorAbstract","defaultProps","Trigger","Popper","_ref3","SValueDateRange","Root","_ref4","SCompareDateRange","_ref5","SRangeCalendar","Flex","CalendarHeader","tag","Prev","Title","Calendar","Next","_ref6","SPeriods","PeriodsDivider","_ref7","SPeriodsDivider","PeriodsColumn","_ref8","SPeriodsColumn","PeriodsOptions","_ref9","SPeriodsList","Period","PeriodsControls","_ref10","SPeriodsControls","createComponent","Footer","parent","_default","exports"],"sources":["../../src/MonthDateRangeComparator.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Header as CalendarHeader, Next, Period, Popper, Prev, Title } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport { Box, Flex } from '@semcore/flex-box';\nimport dayjs from 'dayjs';\nimport Divider from '@semcore/divider';\nimport RangeComparatorAbstract, {\n  Apply,\n  Reset,\n  Header,\n  Trigger,\n  CompareToggle,\n  Body,\n  Footer,\n} from './components/DateRangeComparatorAbstract';\nimport InputTriggerBase from './components/InputTrigger';\n\nconst dateParts = { day: false, month: true, year: true };\n\nfunction RangeInput(props) {\n  const { styles } = props;\n  const SComparatorRangeInput = Root;\n  const SRangeIndicator = Box;\n  return sstyled(styles)(\n    <SComparatorRangeInput\n      data-name='SComparatorRangeInput'\n      render={Box}\n      tag={InputTriggerBase}\n      parts={dateParts}\n      __excludeProps={['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value']}\n    >\n      <InputTriggerBase.DateRange>\n        <SRangeIndicator range={props.range} disabled={props.disabled} w={12} h={12} ml={2} />\n        <InputTriggerBase.DateRange.Indicator />\n        <InputTriggerBase.DateRange.FromMaskedInput />\n        <InputTriggerBase.DateRange.RangeSep />\n        <InputTriggerBase.DateRange.ToMaskedInput />\n      </InputTriggerBase.DateRange>\n    </SComparatorRangeInput>,\n  );\n}\nRangeInput.Indicator = InputTriggerBase.Indicator;\nRangeInput.MaskedInput = InputTriggerBase.MaskedInput;\nRangeInput.Addon = InputTriggerBase.Addon;\nRangeInput.SingleDateInput = InputTriggerBase.SingleDateInput;\nRangeInput.DateRange = InputTriggerBase.DateRange;\nRangeInput.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nRangeInput.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nclass MonthDateRangeComparatorRoot extends RangeComparatorAbstract {\n  static displayName = 'MonthDateRangeComparator';\n  static defaultProps = (props) => {\n    return {\n      ...RangeComparatorAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthDateRangeComparator.Trigger />\n          <MonthDateRangeComparator.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    ArrowLeft: -1,\n    ArrowUp: -3,\n    ArrowRight: 1,\n    ArrowDown: 3,\n  };\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n\n  getRangeInput() {\n    return <MonthDateRangeComparator.RangeInput.DateRange />;\n  }\n\n  getValueDateRangeProps() {\n    const props = super.getValueDateRangeProps();\n    return {\n      ...props,\n      w: props.w - 60,\n    };\n  }\n\n  getCompareDateRangeProps() {\n    const props = super.getCompareDateRangeProps();\n    return {\n      ...props,\n      w: props.w - 60,\n    };\n  }\n\n  getPopperProps() {\n    return {\n      ...super.getPopperProps(),\n      children: (\n        <>\n          <MonthDateRangeComparator.Header />\n          <MonthDateRangeComparator.Body showButtons={true} />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.ValueDateRange />\n          <MonthDateRangeComparator.CompareToggle />\n          <MonthDateRangeComparator.CompareDateRange />\n        </>\n      ),\n    };\n  }\n\n  getBodyProps({ showButtons }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.RangeCalendar />\n          <MonthDateRangeComparator.Periods showButtons={showButtons} />\n        </>\n      ),\n    };\n  }\n\n  getPeriodsProps({ showButtons, unclearable = false }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.Periods.Divider />\n          <MonthDateRangeComparator.Periods.Column>\n            <MonthDateRangeComparator.Periods.Options />\n            {showButtons && (\n              <MonthDateRangeComparator.Periods.Controls>\n                <MonthDateRangeComparator.Apply />\n                {!unclearable && <MonthDateRangeComparator.Reset />}\n              </MonthDateRangeComparator.Periods.Controls>\n            )}\n          </MonthDateRangeComparator.Periods.Column>\n        </>\n      ),\n    };\n  }\n\n  getFooterProps({ unclearable = false }) {\n    return {\n      children: (\n        <>\n          <MonthDateRangeComparator.Apply />\n          {!unclearable && <MonthDateRangeComparator.Reset />}\n        </>\n      ),\n    };\n  }\n}\n\nfunction ValueDateRange(props) {\n  const { Root: SValueDateRange, styles } = props;\n  return sstyled(styles)(\n    <SValueDateRange render={MonthDateRangeComparator.RangeInput} range='value' />,\n  );\n}\n\nfunction CompareDateRange(props) {\n  const { Root: SCompareDateRange, styles } = props;\n  return sstyled(styles)(\n    <SCompareDateRange render={MonthDateRangeComparator.RangeInput} range='compare' />,\n  );\n}\n\nfunction RangeCalendar(props) {\n  const { Root: SRangeCalendar, styles } = props;\n  return sstyled(styles)(\n    <SRangeCalendar render={Flex} gap={8}>\n      <Flex direction='column'>\n        <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n          <MonthDateRangeComparator.Prev />\n          <MonthDateRangeComparator.Title />\n        </MonthDateRangeComparator.CalendarHeader>\n        <MonthDateRangeComparator.Calendar />\n      </Flex>\n      <Flex direction='column'>\n        <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n          <MonthDateRangeComparator.Title />\n          <MonthDateRangeComparator.Next />\n        </MonthDateRangeComparator.CalendarHeader>\n        <MonthDateRangeComparator.Calendar />\n      </Flex>\n    </SRangeCalendar>,\n  );\n}\nfunction Periods(props) {\n  const { Root: SPeriods, styles } = props;\n  return sstyled(styles)(<SPeriods render={Flex} />);\n}\nfunction PeriodsDivider(props) {\n  const { Root: SPeriodsDivider, styles } = props;\n  return sstyled(styles)(<SPeriodsDivider orientation='vertical' h='auto' render={Divider} />);\n}\nfunction PeriodsColumn(props) {\n  const { Root: SPeriodsColumn, styles } = props;\n  return sstyled(styles)(\n    <SPeriodsColumn render={Flex} direction='column' justifyContent='space-between' p={1} />,\n  );\n}\nfunction PeriodsOptions(props) {\n  const { styles, Root: SPeriodsList } = props;\n  return sstyled(styles)(<SPeriodsList render={MonthDateRangeComparator.Period} />);\n}\nfunction PeriodsControls(props) {\n  const { styles, Root: SPeriodsControls } = props;\n  return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);\n}\n\nconst MonthDateRangeComparator = createComponent(\n  MonthDateRangeComparatorRoot,\n  {\n    Popper,\n    CalendarHeader,\n    Title,\n    Header,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n\n    Trigger,\n    ValueDateRange,\n    CompareToggle,\n    CompareDateRange,\n    Body,\n    RangeCalendar,\n    Periods: [\n      Periods,\n      {\n        Divider: PeriodsDivider,\n        Column: PeriodsColumn,\n        Options: PeriodsOptions,\n        Controls: PeriodsControls,\n      },\n    ],\n    Footer,\n    RangeInput,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthDateRangeComparator;\n"],"mappings":"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"}

package/date-picker/lib/cjs/components/Calendar.js

@@ -26,29 +26,31 @@ var _flexBox = require("intergalactic/flex-box");
 var _fire = _interopRequireDefault(require("intergalactic/utils/lib/fire"));
 var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
 var _formatDate = require("../utils/formatDate");
+var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
+var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _excluded = ["date"];
 /*__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_upmfe_gg_{display:flex;flex-direction:column}.___SGridDays_upmfe_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_upmfe_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_upmfe_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_upmfe_gg_,.___SWeekDay_upmfe_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_upmfe_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_upmfe_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_upmfe_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_upmfe_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_upmfe_gg_.__today_upmfe_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_upmfe_gg_.___SCalendarUnit_upmfe_gg_.__today_upmfe_gg_.__endSelected_upmfe_gg_:before,.___SCalendarUnit_upmfe_gg_.___SCalendarUnit_upmfe_gg_.__today_upmfe_gg_.__startSelected_upmfe_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_upmfe_gg_.__highlighted_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__selected_upmfe_gg_{border-radius:0;transition:color .15s,background .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_upmfe_gg_.__selected_upmfe_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_upmfe_gg_.__selected_upmfe_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_upmfe_gg_.__highlighted_upmfe_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_upmfe_gg_.__highlighted_upmfe_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_upmfe_gg_.__startSelected_upmfe_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_upmfe_gg_.__startSelected_upmfe_gg_:not(.__highlighted_upmfe_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_upmfe_gg_.__startSelected_upmfe_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_upmfe_gg_.__endSelected_upmfe_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_upmfe_gg_.__endSelected_upmfe_gg_:not(.__highlighted_upmfe_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_upmfe_gg_.__endSelected_upmfe_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_upmfe_gg_.__startHighlighted_upmfe_gg_:not(.__selected_upmfe_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_upmfe_gg_.__endHighlighted_upmfe_gg_:not(.__selected_upmfe_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__startHighlighted_upmfe_gg_.___SCalendarUnit_upmfe_gg_.__endHighlighted_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__startSelected_upmfe_gg_.___SCalendarUnit_upmfe_gg_.__endSelected_upmfe_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__compareHighlighted_upmfe_gg_{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-radius:0;transition:none}.___SCalendarUnit_upmfe_gg_.__compareEndHighlighted_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__compareStartHighlighted_upmfe_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_upmfe_gg_.__compareEnd_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__compareStart_upmfe_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_upmfe_gg_.__compareEnd_upmfe_gg_:hover,.___SCalendarUnit_upmfe_gg_.__compareStart_upmfe_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_upmfe_gg_.__compareStartHighlighted_upmfe_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__compareEndHighlighted_upmfe_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__compareStart_upmfe_gg_:not(.__compareHighlighted_upmfe_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__compareEnd_upmfe_gg_:not(.__compareHighlighted_upmfe_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_upmfe_gg_.__outdated_upmfe_gg_{opacity:.2}.___SCalendarUnit_upmfe_gg_.__disabled_upmfe_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__highlighted_upmfe_gg_,.___SCalendarUnit_upmfe_gg_.__selected_upmfe_gg_{transition:none}}" /*__inner_css_end__*/, "upmfe_gg_") /*__reshadow_css_end__*/, {
-  "__SCalendar": "___SCalendar_upmfe_gg_",
-  "__SGridDays": "___SGridDays_upmfe_gg_",
-  "__SGridMonths": "___SGridMonths_upmfe_gg_",
-  "__SWeekDays": "___SWeekDays_upmfe_gg_",
-  "__SWeekDay": "___SWeekDay_upmfe_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_upmfe_gg_",
-  "_startHighlighted": "__startHighlighted_upmfe_gg_",
-  "_selected": "__selected_upmfe_gg_",
-  "_endHighlighted": "__endHighlighted_upmfe_gg_",
-  "_startSelected": "__startSelected_upmfe_gg_",
-  "_endSelected": "__endSelected_upmfe_gg_",
-  "_compareHighlighted": "__compareHighlighted_upmfe_gg_",
-  "_compareStartHighlighted": "__compareStartHighlighted_upmfe_gg_",
-  "_compareEndHighlighted": "__compareEndHighlighted_upmfe_gg_",
-  "_compareStart": "__compareStart_upmfe_gg_",
-  "_compareEnd": "__compareEnd_upmfe_gg_",
-  "_outdated": "__outdated_upmfe_gg_",
-  "_disabled": "__disabled_upmfe_gg_",
-  "_highlighted": "__highlighted_upmfe_gg_",
-  "_today": "__today_upmfe_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_1l0r9_gg_{display:flex;flex-direction:column}.___SGridDays_1l0r9_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1l0r9_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1l0r9_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1l0r9_gg_,.___SWeekDay_1l0r9_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1l0r9_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1l0r9_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1l0r9_gg_:focus{z-index:1}.___SCalendarUnit_1l0r9_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_1l0r9_gg_.__today_1l0r9_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_1l0r9_gg_.___SCalendarUnit_1l0r9_gg_.__today_1l0r9_gg_.__endSelected_1l0r9_gg_:before,.___SCalendarUnit_1l0r9_gg_.___SCalendarUnit_1l0r9_gg_.__today_1l0r9_gg_.__startSelected_1l0r9_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1l0r9_gg_.__highlighted_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__selected_1l0r9_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1l0r9_gg_.__selected_1l0r9_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_.__selected_1l0r9_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1l0r9_gg_.__highlighted_1l0r9_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_.__highlighted_1l0r9_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1l0r9_gg_.__startSelected_1l0r9_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1l0r9_gg_.__startSelected_1l0r9_gg_:not(.__highlighted_1l0r9_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_.__startSelected_1l0r9_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1l0r9_gg_.__endSelected_1l0r9_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1l0r9_gg_.__endSelected_1l0r9_gg_:not(.__highlighted_1l0r9_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_.__endSelected_1l0r9_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1l0r9_gg_.__startHighlighted_1l0r9_gg_:not(.__selected_1l0r9_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1l0r9_gg_.__endHighlighted_1l0r9_gg_:not(.__selected_1l0r9_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__startHighlighted_1l0r9_gg_.___SCalendarUnit_1l0r9_gg_.__endHighlighted_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__startSelected_1l0r9_gg_.___SCalendarUnit_1l0r9_gg_.__endSelected_1l0r9_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__compareHighlighted_1l0r9_gg_{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-radius:0;transition:none}.___SCalendarUnit_1l0r9_gg_.__compareEndHighlighted_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__compareStartHighlighted_1l0r9_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1l0r9_gg_.__compareEnd_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__compareStart_1l0r9_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1l0r9_gg_.__compareEnd_1l0r9_gg_:hover,.___SCalendarUnit_1l0r9_gg_.__compareStart_1l0r9_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1l0r9_gg_.__compareStartHighlighted_1l0r9_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__compareEndHighlighted_1l0r9_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__compareStart_1l0r9_gg_:not(.__compareHighlighted_1l0r9_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__compareEnd_1l0r9_gg_:not(.__compareHighlighted_1l0r9_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1l0r9_gg_.__outdated_1l0r9_gg_{opacity:.2}.___SCalendarUnit_1l0r9_gg_.__disabled_1l0r9_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__highlighted_1l0r9_gg_,.___SCalendarUnit_1l0r9_gg_.__selected_1l0r9_gg_{transition:none}}" /*__inner_css_end__*/, "1l0r9_gg_") /*__reshadow_css_end__*/, {
+  "__SCalendar": "___SCalendar_1l0r9_gg_",
+  "__SGridDays": "___SGridDays_1l0r9_gg_",
+  "__SGridMonths": "___SGridMonths_1l0r9_gg_",
+  "__SWeekDays": "___SWeekDays_1l0r9_gg_",
+  "__SWeekDay": "___SWeekDay_1l0r9_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1l0r9_gg_",
+  "_startHighlighted": "__startHighlighted_1l0r9_gg_",
+  "_selected": "__selected_1l0r9_gg_",
+  "_endHighlighted": "__endHighlighted_1l0r9_gg_",
+  "_startSelected": "__startSelected_1l0r9_gg_",
+  "_endSelected": "__endSelected_1l0r9_gg_",
+  "_compareHighlighted": "__compareHighlighted_1l0r9_gg_",
+  "_compareStartHighlighted": "__compareStartHighlighted_1l0r9_gg_",
+  "_compareEndHighlighted": "__compareEndHighlighted_1l0r9_gg_",
+  "_compareStart": "__compareStart_1l0r9_gg_",
+  "_compareEnd": "__compareEnd_1l0r9_gg_",
+  "_outdated": "__outdated_1l0r9_gg_",
+  "_disabled": "__disabled_1l0r9_gg_",
+  "_highlighted": "__highlighted_1l0r9_gg_",
+  "_today": "__today_1l0r9_gg_"
 });
 _dayjs["default"].extend(_isBetween["default"]);
 var range = function range(N, cb) {
@@ -81,12 +83,16 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
       var locale = this.asProps.locale;
       var date = (0, _dayjs["default"])().locale(locale, getDayJSLocaleParams(locale)).startOf('week');
       return range(7, function () {
-        var weekday = new Intl.DateTimeFormat(locale, {
+        var _short = new Intl.DateTimeFormat(locale, {
           weekday: 'short'
         }).format(date.valueOf());
+        var _long = new Intl.DateTimeFormat(locale, {
+          weekday: 'long'
+        }).format(date.valueOf());
         date = date.add(1, 'day');
         return {
-          children: weekday
+          children: _short,
+          abbr: _long
         };
       });
     }
@@ -115,8 +121,8 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(CalendarWeekDaysRoot, "style", style);
 (0, _defineProperty2["default"])(CalendarWeekDaysRoot, "defaultProps", {
   locale: 'en',
-  children: function children(_ref15) {
-    var days = _ref15.days;
+  children: function children(_ref17) {
+    var days = _ref17.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarWeekDays.Unit, (0, _extends2["default"])({
         key: i
@@ -124,20 +130,24 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
     });
   }
 });
-function CalendarWeekUnit(props) {
+function CalendarWeekUnit(_ref11) {
   var _ref2 = arguments[0],
     _ref7;
+  var styles = _ref11.styles,
+    abbr = _ref11.abbr;
   var SWeekDay = _flexBox.Box;
-  return _ref7 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SWeekDay, _ref7.cn("SWeekDay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDay, _ref7.cn("SWeekDay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "abbr": abbr
+  }, _ref2))));
 }
 function resolveHighlighting(date, unit, highlighted) {
   var highlighted0 = highlighted[0] ? (0, _dayjs["default"])(highlighted[0]) : null;
   var highlighted1 = highlighted[1] ? (0, _dayjs["default"])(highlighted[1]) : highlighted0;
   if (highlighted0 && highlighted1) {
     if (highlighted0 > highlighted1) {
-      var _ref11 = [highlighted0, highlighted1];
-      highlighted1 = _ref11[0];
-      highlighted0 = _ref11[1];
+      var _ref12 = [highlighted0, highlighted1];
+      highlighted1 = _ref12[0];
+      highlighted0 = _ref12[1];
     }
     return {
       highlighted: date.isBetween(highlighted0, highlighted1, unit, '[]'),
@@ -157,9 +167,9 @@ function resolveSelecting(date, unit, value) {
   var selected;
   if (value0 && value1) {
     if (value0 > value1) {
-      var _ref12 = [value0, value1];
-      value1 = _ref12[0];
-      value0 = _ref12[1];
+      var _ref13 = [value0, value1];
+      value1 = _ref13[0];
+      value0 = _ref13[1];
     }
     selected = date.isBetween(value0, value1, unit, '()');
   }
@@ -186,14 +196,15 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       var highlighted = _this.asProps.highlighted;
       (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "formatter", _formatDate.formatDDMMYY);
     return _this;
   }
   (0, _createClass2["default"])(CalendarAbstract, [{
     key: "createUnit",
-    value: function createUnit(_ref13, unit) {
+    value: function createUnit(_ref14, unit) {
       var _this2 = this;
-      var date = _ref13.date,
-        other = (0, _objectWithoutProperties2["default"])(_ref13, _excluded);
+      var date = _ref14.date,
+        other = (0, _objectWithoutProperties2["default"])(_ref14, _excluded);
       var self = this;
       var _this$asProps2 = this.asProps,
         _disabled = _this$asProps2.disabled,
@@ -208,7 +219,7 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       var comparing = resolveSelecting(date, unit, compare !== null && compare !== void 0 ? compare : []);
       var disabled = _disabled.some((0, _includesDate["default"])(date, unit));
       return (0, _objectSpread2["default"])({
-        date: (0, _formatDate.getLocaleDate)(date, locale),
+        date: this.formatter(date, locale),
         children: '',
         startSelected: selecting.startSelected,
         endSelected: selecting.endSelected,
@@ -257,23 +268,83 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
         }
       }, other);
     }
+  }, {
+    key: "getUnitProps",
+    value: function getUnitProps(_ref15) {
+      var date = _ref15.date;
+      var unitRefs = this.asProps.unitRefs;
+      return {
+        ref: function ref(node) {
+          if (!date) return;
+          unitRefs[date] = node;
+        }
+      };
+    }
+  }, {
+    key: "describeValue",
+    value: function describeValue() {
+      var _this3 = this;
+      var _this$asProps3 = this.asProps,
+        locale = _this$asProps3.locale,
+        getI18nText = _this$asProps3.getI18nText,
+        actionsDescribing = _this$asProps3.actionsDescribing;
+      var value = this.asProps.value || [];
+      var compare = this.asProps.compare || [];
+      if (!actionsDescribing) return null;
+      var t = function t(key, date) {
+        return getI18nText(key, date ? {
+          date: _this3.formatter(date, locale)
+        } : undefined);
+      };
+      var description = '';
+      if (value.length === 1 || compare.length === 1) {
+        description += t('selectingStarted') + '. ';
+      } else if (value.length === 2 || compare.length === 2) {
+        description += t('selectingFinished') + '. ';
+      }
+      if (actionsDescribing === 'range') {
+        if (value[0] || value[1]) description += t('dateRange') + ' ';
+        if (value[0]) description += t('fromDate', value[0]) + ', ';
+        if (value[1]) description += t('toDate', value[1]) + '. ';
+      } else if (actionsDescribing === 'range-compare') {
+        if (compare.length === 1) {
+          description += t('dateRange2') + ' ';
+          if (compare[0]) description += t('fromDate', value[0]) + ', ';
+          if (compare[1]) description += t('toDate', value[1]) + '. ';
+        } else {
+          if (value[0] || value[1]) description += t('dateRange1') + ' ';
+          if (value[0]) description += t('fromDate', value[0]) + ', ';
+          if (value[1]) description += t('toDate', value[1]) + '. ';
+          if (compare.length > 0) {
+            description += t('dateRange2') + ' ';
+            if (compare[0]) description += t('fromDate', compare[0]) + ', ';
+            if (compare[1]) description += t('toDate', compare[1]) + '. ';
+          }
+        }
+      }
+      return description;
+    }
   }]);
   return CalendarAbstract;
 }(_core.Component);
 (0, _defineProperty2["default"])(CalendarAbstract, "style", style);
-function CalendarUnit(_ref14) {
+function CalendarUnit(_ref16) {
   var _ref3 = arguments[0],
     _ref8;
-  var styles = _ref14.styles,
-    date = _ref14.date;
+  var styles = _ref16.styles,
+    date = _ref16.date,
+    outdated = _ref16.outdated,
+    disabled = _ref16.disabled;
   var SCalendarUnit = _flexBox.Box;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "use:disabled": disabled || outdated || !date,
     "tag": 'button',
+    "type": 'button',
     "aria-hidden": !date,
-    "aria-label": date,
-    "tabIndex": -1
+    "aria-label": date
   }, _ref3))));
 }
+CalendarUnit.enhance = [(0, _keyboardFocusEnhance["default"])()];
 var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
   (0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract);
   var _super3 = (0, _createSuper2["default"])(CalendarDaysRoot);
@@ -284,11 +355,11 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
   (0, _createClass2["default"])(CalendarDaysRoot, [{
     key: "getDaysByMonth",
     value: function getDaysByMonth() {
-      var _this3 = this;
-      var _this$asProps3 = this.asProps,
-        displayedPeriod = _this$asProps3.displayedPeriod,
-        renderOutdated = _this$asProps3.renderOutdated,
-        locale = _this$asProps3.locale;
+      var _this4 = this;
+      var _this$asProps4 = this.asProps,
+        displayedPeriod = _this$asProps4.displayedPeriod,
+        renderOutdated = _this$asProps4.renderOutdated,
+        locale = _this$asProps4.locale;
       var date = (0, _dayjs["default"])(displayedPeriod).startOf('month');
       var prevDate = date.subtract(1, 'month');
       var nextDate = date.add(1, 'month');
@@ -296,7 +367,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
       /* 0 - 6 */
       var dateStartOfWeek = date.locale(locale, getDayJSLocaleParams(locale)).startOf('week').get('d') ? (date.get('d') || 7) - 1 : date.get('d');
       var prevMonthDays = dateStartOfWeek ? range(prevDate.daysInMonth(), function () {
-        var day = _this3.createUnit({
+        var day = _this4.createUnit({
           date: prevDate,
           outdated: true
         }, 'date');
@@ -305,7 +376,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
         return day;
       }).slice(-dateStartOfWeek) : [];
       var monthDays = range(date.daysInMonth(), function () {
-        var day = _this3.createUnit({
+        var day = _this4.createUnit({
           date: date
         }, 'date');
         day.children = String(date.get('date'));
@@ -313,7 +384,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
         return day;
       });
       var nextMonthDays = range(42 - prevMonthDays.length - monthDays.length, function () {
-        var day = _this3.createUnit({
+        var day = _this4.createUnit({
           date: nextDate,
           outdated: true
         }, 'date');
@@ -346,17 +417,18 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
         _ref9;
       var SCalendar = _flexBox.Box;
       var SGridDays = 'div';
-      var _this$asProps4 = this.asProps,
-        Children = _this$asProps4.Children,
-        styles = _this$asProps4.styles,
-        locale = _this$asProps4.locale;
-      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref9.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "aria-hidden": 'true'
-      }, _ref4))), /*#__PURE__*/_react["default"].createElement(CalendarWeekDays, _ref9.cn("CalendarWeekDays", {
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        styles = _this$asProps5.styles,
+        locale = _this$asProps5.locale;
+      var description = this.describeValue();
+      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref9.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))), /*#__PURE__*/_react["default"].createElement(CalendarWeekDays, _ref9.cn("CalendarWeekDays", {
         "locale": locale
       })), /*#__PURE__*/_react["default"].createElement(SGridDays, _ref9.cn("SGridDays", {
         "onMouseLeave": this.handleMouseLeave
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))));
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {}), /*#__PURE__*/_react["default"].createElement("span", _ref9.cn("span", {
+        "aria-live": 'polite'
+      }), description)));
     }
   }]);
   return CalendarDaysRoot;
@@ -367,8 +439,8 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
   disabled: [],
   value: [],
   locale: 'en',
-  children: function children(_ref16) {
-    var days = _ref16.days;
+  children: function children(_ref18) {
+    var days = _ref18.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarDays.Unit, (0, _extends2["default"])({
         key: i
@@ -380,24 +452,33 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
   (0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract2);
   var _super4 = (0, _createSuper2["default"])(CalendarMonthsRoot);
   function CalendarMonthsRoot() {
+    var _this5;
     (0, _classCallCheck2["default"])(this, CalendarMonthsRoot);
-    return _super4.apply(this, arguments);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this5 = _super4.call.apply(_super4, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this5), "formatter", _formatDate.formatMMYY);
+    return _this5;
   }
   (0, _createClass2["default"])(CalendarMonthsRoot, [{
     key: "getMonthsByYear",
     value: function getMonthsByYear() {
-      var _this4 = this;
-      var _this$asProps5 = this.asProps,
-        displayedPeriod = _this$asProps5.displayedPeriod,
-        locale = _this$asProps5.locale;
+      var _this6 = this;
+      var _this$asProps6 = this.asProps,
+        displayedPeriod = _this$asProps6.displayedPeriod,
+        locale = _this$asProps6.locale;
       var date = (0, _dayjs["default"])(displayedPeriod).startOf('year');
       return range(12, function () {
-        var month = _this4.createUnit({
+        var month = _this6.createUnit({
           date: date
         }, 'month');
         month.children = new Intl.DateTimeFormat(locale, {
           month: 'short'
         }).format(date.valueOf());
+        month.abbr = new Intl.DateTimeFormat(locale, {
+          month: 'long'
+        }).format(date.valueOf());
         date = date.add(1, 'month');
         return month;
       });
@@ -416,12 +497,15 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
         _ref10;
       var SCalendar = _flexBox.Box;
       var SGridMonths = 'div';
-      var _this$asProps6 = this.asProps,
-        Children = _this$asProps6.Children,
-        styles = _this$asProps6.styles;
+      var _this$asProps7 = this.asProps,
+        Children = _this$asProps7.Children,
+        styles = _this$asProps7.styles;
+      var description = this.describeValue();
       return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref10.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))), /*#__PURE__*/_react["default"].createElement(SGridMonths, _ref10.cn("SGridMonths", {
         "onMouseLeave": this.handleMouseLeave
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))));
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {}), /*#__PURE__*/_react["default"].createElement("span", _ref10.cn("span", {
+        "aria-live": 'polite'
+      }), description)));
     }
   }]);
   return CalendarMonthsRoot;
@@ -429,8 +513,8 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
 (0, _defineProperty2["default"])(CalendarMonthsRoot, "displayName", 'CalendarMonths');
 (0, _defineProperty2["default"])(CalendarMonthsRoot, "defaultProps", {
   locale: 'en',
-  children: function children(_ref17) {
-    var months = _ref17.months;
+  children: function children(_ref19) {
+    var months = _ref19.months;
     return months.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarMonths.Unit, (0, _extends2["default"])({
         key: i