@mirai/ui 1.0.0

package/build/components/Calendar/Calendar.Month.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Month = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _Calendar = require("./Calendar.constants");
+
+var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+
+var _Calendar2 = require("./Calendar.Week");
+
+var _helpers2 = require("./helpers");
+
+var _excluded = ["focus", "instance", "selected", "disabledPast", "format", "from", "locale", "range", "to", "onChange", "onFocus", "onNext", "onPrevious"];
+
+var Month = function Month(_ref) {
+  var focus = _ref.focus,
+      instance = _ref.instance,
+      selected = _ref.selected,
+      _ref$disabledPast = _ref.disabledPast,
+      disabledPast = _ref$disabledPast === void 0 ? true : _ref$disabledPast,
+      format = _ref.format,
+      from = _ref.from,
+      locale = _ref.locale,
+      _ref$range = _ref.range,
+      range = _ref$range === void 0 ? false : _ref$range,
+      to = _ref.to,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      onNext = _ref.onNext,
+      onPrevious = _ref.onPrevious,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var weekNumber = (0, _helpers2.getWeekNumber)(instance);
+  var weekdays = (0, _helpers2.getWeekDays)(locale);
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    className: (0, _helpers.styles)(_CalendarModule.default.month, others.className)
+  }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true,
+    className: _CalendarModule.default.header
+  }, onPrevious && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    onPress: onPrevious
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: "Left"
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    bold: true,
+    upperCase: true,
+    className: _CalendarModule.default.title
+  }, (0, _helpers2.getHeader)(instance, locale)), onNext && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    onPress: onNext
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: "Right"
+  }))), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true,
+    className: _CalendarModule.default.weekdays
+  }, _Calendar.DAYS.map(function (day) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      small: true,
+      key: day,
+      upperCase: true,
+      className: (0, _helpers.styles)(_CalendarModule.default.cell, _CalendarModule.default.weekday)
+    }, weekdays[day]);
+  })), _Calendar.VISIBLE_WEEKS.map(function (week) {
+    return /*#__PURE__*/_react.default.createElement(_Calendar2.Week, Object.assign({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+      disabledPast: disabledPast,
+      focus: focus,
+      format: format,
+      from: from,
+      locale: locale,
+      to: to,
+      range: range,
+      selected: selected
+    }), {
+      key: week,
+      month: instance.getMonth(),
+      number: weekNumber + week,
+      year: instance.getFullYear(),
+      onFocus: onFocus,
+      onPress: onChange
+    }));
+  }));
+};
+
+exports.Month = Month;
+Month.displayName = 'Component:Calendar:Month';
+//# sourceMappingURL=Calendar.Month.js.map

package/build/components/Calendar/Calendar.Month.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Calendar/Calendar.Month.jsx"],"names":["Month","focus","instance","selected","disabledPast","format","from","locale","range","to","onChange","onFocus","onNext","onPrevious","others","weekNumber","weekdays","style","month","className","header","title","DAYS","map","day","cell","weekday","VISIBLE_WEEKS","week","getMonth","getFullYear","displayName"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text, View } from '../../primitives';\nimport { DAYS, VISIBLE_WEEKS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { Week } from './Calendar.Week';\nimport { getHeader, getWeekDays, getWeekNumber } from './helpers';\n\nexport const Month = ({\n  focus,\n  instance,\n  selected,\n  disabledPast = true,\n  format,\n  from,\n  locale,\n  range = false,\n  to,\n  // value,\n  onChange = () => {},\n  onFocus = () => {},\n  onNext,\n  onPrevious,\n  ...others\n}) => {\n  const weekNumber = getWeekNumber(instance);\n  const weekdays = getWeekDays(locale);\n\n  return (\n    <View className={styles(style.month, others.className)}>\n      <View row className={style.header}>\n        {onPrevious && (\n          <Pressable onPress={onPrevious}>\n            <Icon name=\"Left\" />\n          </Pressable>\n        )}\n        <Text bold upperCase className={style.title}>\n          {getHeader(instance, locale)}\n        </Text>\n        {onNext && (\n          <Pressable onPress={onNext}>\n            <Icon name=\"Right\" />\n          </Pressable>\n        )}\n      </View>\n\n      <View row className={style.weekdays}>\n        {DAYS.map((day) => (\n          <Text small key={day} upperCase className={styles(style.cell, style.weekday)}>\n            {weekdays[day]}\n          </Text>\n        ))}\n      </View>\n\n      {VISIBLE_WEEKS.map((week) => (\n        <Week\n          {...{\n            ...others,\n            disabledPast,\n            focus,\n            format,\n            from,\n            locale,\n            to,\n            range,\n            selected,\n          }}\n          key={week}\n          month={instance.getMonth()}\n          number={weekNumber + week}\n          year={instance.getFullYear()}\n          onFocus={onFocus}\n          onPress={onChange}\n        />\n      ))}\n    </View>\n  );\n};\n\nMonth.displayName = 'Component:Calendar:Month';\n\nMonth.propTypes = {\n  captions: PropTypes.shape({}),\n  focus: PropTypes.any,\n  instance: PropTypes.any,\n  selected: PropTypes.any,\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  disabledWeekends: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  locale: PropTypes.string,\n  range: PropTypes.bool,\n  to: PropTypes.instanceOf(Date),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNext: PropTypes.func,\n  onPrevious: PropTypes.func,\n};\n"],"file":"Calendar.Month.js"}

package/build/components/Calendar/Calendar.Week.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Week = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _locale = require("@mirai/locale");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _Calendar = require("./Calendar.constants");
+
+var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+
+var _helpers2 = require("./helpers");
+
+var _excluded = ["captions", "disabledDates", "disabledPast", "focus", "locale", "format", "from", "month", "number", "range", "selected", "to", "year", "onPress", "onFocus"];
+
+var Week = function Week(_ref) {
+  var captions = _ref.captions,
+      _ref$disabledDates = _ref.disabledDates,
+      disabledDates = _ref$disabledDates === void 0 ? [] : _ref$disabledDates,
+      _ref$disabledPast = _ref.disabledPast,
+      disabledPast = _ref$disabledPast === void 0 ? false : _ref$disabledPast,
+      focus = _ref.focus,
+      locale = _ref.locale,
+      format = _ref.format,
+      from = _ref.from,
+      month = _ref.month,
+      number = _ref.number,
+      range = _ref.range,
+      selected = _ref.selected,
+      to = _ref.to,
+      year = _ref.year,
+      _ref$onPress = _ref.onPress,
+      _onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var disabledDatesTS = disabledDates.map(function (date) {
+    return (0, _locale.UTC)(new Date(date)).getTime();
+  }).filter(function (date) {
+    return !isNaN(date);
+  });
+  var firstDate = (0, _helpers2.getFirstDateOfWeek)(number, year);
+  var todayTS = (0, _helpers2.getToday)().getTime();
+  var fromTS = from === null || from === void 0 ? void 0 : from.getTime();
+  var toTS = to === null || to === void 0 ? void 0 : to.getTime();
+  var rangeTS = {};
+
+  if (range) {
+    var _selected = (0, _slicedToArray2.default)(selected, 2),
+        start = _selected[0],
+        end = _selected[1];
+
+    rangeTS = {
+      start: start ? start.getTime() : undefined,
+      end: end ? end.getTime() : undefined
+    };
+
+    if (focus) {
+      var focusTS = focus.getTime();
+
+      var _disabledDatesTS$filt = disabledDatesTS.filter(function (ts) {
+        return ts > rangeTS.start && focusTS >= ts;
+      }).sort(),
+          _disabledDatesTS$filt2 = (0, _slicedToArray2.default)(_disabledDatesTS$filt, 1),
+          outbound = _disabledDatesTS$filt2[0];
+
+      rangeTS.end = outbound ? outbound - 1 : focusTS;
+      rangeTS.outbound = outbound - 1;
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true
+  }, _Calendar.DAYS.map(function (day) {
+    var date = (0, _locale.UTC)(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));
+    var dateTS = date.getTime();
+    var is = {
+      disabled: disabledPast && date.getTime() < todayTS || // past
+      !date.getMonth() === month || // days out of month
+      disabledDatesTS.includes(dateTS) || // disabled dates
+      dateTS < fromTS || // less than range
+      dateTS > toTS,
+      // more than range
+      outOfRange: dateTS > rangeTS.outbound,
+      range: dateTS > rangeTS.start && dateTS < rangeTS.end,
+      rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,
+      // ranged:
+      ranging: range && (selected === null || selected === void 0 ? void 0 : selected[0]) && !selected[1],
+      today: dateTS === todayTS,
+      touchable: true,
+      visible: date.getMonth() === month
+    };
+    var isSelected = range && selected ? selected[0] && !selected[1] ? dateTS === selected[0].getTime() : selected[0] && selected[1] ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime() : undefined : dateTS === (selected === null || selected === void 0 ? void 0 : selected.getTime());
+    var textStyle = is.disabled ? _CalendarModule.default.textDisabled : isSelected || dateTS === rangeTS.end ? _CalendarModule.default.textSelected : undefined;
+    return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+      disabled: is.disabled || is.outOfRange || !is.visible,
+      key: day,
+      tabIndex: is.visible && !is.disabled ? date.getDate() : undefined,
+      "data-testid": "".concat(others['data-testid'] || 'calendar', "-").concat(number, "-").concat(day),
+      className: _CalendarModule.default.cell,
+      onEnter: is.ranging ? function () {
+        return onFocus(date);
+      } : undefined,
+      onLeave: is.ranging ? function () {
+        return onFocus();
+      } : undefined,
+      onPress: function onPress() {
+        return _onPress(date);
+      }
+    }, is.visible && /*#__PURE__*/_react.default.createElement(_primitives.View, {
+      className: (0, _helpers.styles)(_CalendarModule.default.day, is.range && isSelected && _CalendarModule.default.daySelected, is.range && _CalendarModule.default.dayRange, (is.rangeLimit || !is.range && isSelected) && _CalendarModule.default.dayRangeLimit, !isSelected && !is.disabled && _CalendarModule.default.dayTouchable)
+    }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      bold: is.today,
+      className: textStyle
+    }, (0, _locale.dateFormat)(date, {
+      locale: locale,
+      day: 'numeric'
+    })), captions && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+      small: true,
+      className: (0, _helpers.styles)(textStyle, _CalendarModule.default.caption)
+    }, captions[(0, _locale.dateFormat)(date, {
+      format: format
+    })] || '')));
+  }));
+};
+
+exports.Week = Week;
+Week.displayName = 'Component:Calendar:Week';
+//# sourceMappingURL=Calendar.Week.js.map

package/build/components/Calendar/Calendar.Week.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Calendar/Calendar.Week.jsx"],"names":["Week","captions","disabledDates","disabledPast","focus","locale","format","from","month","number","range","selected","to","year","onPress","onFocus","others","disabledDatesTS","map","date","Date","getTime","filter","isNaN","firstDate","todayTS","fromTS","toTS","rangeTS","start","end","undefined","focusTS","ts","sort","outbound","DAYS","day","getFullYear","getMonth","getDate","dateTS","is","disabled","includes","outOfRange","rangeLimit","ranging","today","touchable","visible","isSelected","textStyle","style","textDisabled","textSelected","cell","daySelected","dayRange","dayRangeLimit","dayTouchable","caption","displayName"],"mappings":"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","sourcesContent":["import { dateFormat, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getFirstDateOfWeek, getToday } from './helpers';\n\nexport const Week = ({\n  captions,\n  disabledDates = [],\n  disabledPast = false,\n  focus,\n  locale,\n  format,\n  from,\n  month,\n  number,\n  range,\n  selected,\n  to,\n  year,\n  onPress = () => {},\n  onFocus = () => {},\n  ...others\n}) => {\n  const disabledDatesTS = disabledDates.map((date) => UTC(new Date(date)).getTime()).filter((date) => !isNaN(date));\n  const firstDate = getFirstDateOfWeek(number, year);\n  const todayTS = getToday().getTime();\n  const fromTS = from?.getTime();\n  const toTS = to?.getTime();\n\n  let rangeTS = {};\n  if (range) {\n    const [start, end] = selected;\n    rangeTS = { start: start ? start.getTime() : undefined, end: end ? end.getTime() : undefined };\n\n    if (focus) {\n      const focusTS = focus.getTime();\n      const [outbound] = disabledDatesTS.filter((ts) => ts > rangeTS.start && focusTS >= ts).sort();\n\n      rangeTS.end = outbound ? outbound - 1 : focusTS;\n      rangeTS.outbound = outbound - 1;\n    }\n  }\n\n  return (\n    <View row>\n      {DAYS.map((day) => {\n        const date = UTC(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + day));\n        const dateTS = date.getTime();\n\n        const is = {\n          disabled:\n            (disabledPast && date.getTime() < todayTS) || // past\n            !date.getMonth() === month || // days out of month\n            disabledDatesTS.includes(dateTS) || // disabled dates\n            dateTS < fromTS || // less than range\n            dateTS > toTS, // more than range\n          outOfRange: dateTS > rangeTS.outbound,\n          range: dateTS > rangeTS.start && dateTS < rangeTS.end,\n          rangeLimit: dateTS === rangeTS.start || dateTS === rangeTS.end,\n          // ranged:\n          ranging: range && selected?.[0] && !selected[1],\n          today: dateTS === todayTS,\n          touchable: true,\n          visible: date.getMonth() === month,\n        };\n\n        const isSelected =\n          range && selected\n            ? selected[0] && !selected[1]\n              ? dateTS === selected[0].getTime()\n              : selected[0] && selected[1]\n              ? dateTS >= selected[0].getTime() && dateTS <= selected[1].getTime()\n              : undefined\n            : dateTS === selected?.getTime();\n\n        const textStyle = is.disabled\n          ? style.textDisabled\n          : isSelected || dateTS === rangeTS.end\n          ? style.textSelected\n          : undefined;\n\n        return (\n          <Pressable\n            disabled={is.disabled || is.outOfRange || !is.visible}\n            key={day}\n            tabIndex={is.visible && !is.disabled ? date.getDate() : undefined}\n            data-testid={`${others['data-testid'] || 'calendar'}-${number}-${day}`}\n            className={style.cell}\n            onEnter={is.ranging ? () => onFocus(date) : undefined}\n            onLeave={is.ranging ? () => onFocus() : undefined}\n            onPress={() => onPress(date)}\n          >\n            {is.visible && (\n              <View\n                className={styles(\n                  style.day,\n                  is.range && isSelected && style.daySelected,\n                  is.range && style.dayRange,\n                  (is.rangeLimit || (!is.range && isSelected)) && style.dayRangeLimit,\n                  !isSelected && !is.disabled && style.dayTouchable,\n                )}\n              >\n                <Text bold={is.today} className={textStyle}>\n                  {dateFormat(date, { locale, day: 'numeric' })}\n                </Text>\n\n                {captions && (\n                  <Text small className={styles(textStyle, style.caption)}>\n                    {captions[dateFormat(date, { format })] || ''}\n                  </Text>\n                )}\n              </View>\n            )}\n          </Pressable>\n        );\n      })}\n    </View>\n  );\n};\n\nWeek.displayName = 'Component:Calendar:Week';\n\nWeek.propTypes = {\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  focus: PropTypes.object,\n  locale: PropTypes.string,\n  format: PropTypes.string,\n  from: PropTypes.instanceOf(Date),\n  to: PropTypes.instanceOf(Date),\n  year: PropTypes.number.isRequired,\n  month: PropTypes.number.isRequired,\n  number: PropTypes.number.isRequired,\n  range: PropTypes.bool,\n  selected: PropTypes.oneOfType([PropTypes.object, PropTypes.arrayOf(PropTypes.object)]),\n  onFocus: PropTypes.func,\n  onPress: PropTypes.func,\n};\n"],"file":"Calendar.Week.js"}

package/build/components/Calendar/Calendar.constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VISIBLE_WEEKS = exports.DAYS = void 0;
+var DAYS = Array.from(Array(7).keys());
+exports.DAYS = DAYS;
+var VISIBLE_WEEKS = Array.from(Array(6).keys());
+exports.VISIBLE_WEEKS = VISIBLE_WEEKS;
+//# sourceMappingURL=Calendar.constants.js.map

package/build/components/Calendar/Calendar.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Calendar/Calendar.constants.js"],"names":["DAYS","Array","from","keys","VISIBLE_WEEKS"],"mappings":";;;;;;AAAA,IAAMA,IAAI,GAAGC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,CAAb;;AAEA,IAAMC,aAAa,GAAGH,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,CAAtB","sourcesContent":["const DAYS = Array.from(Array(7).keys());\n\nconst VISIBLE_WEEKS = Array.from(Array(6).keys());\n\nexport { DAYS, VISIBLE_WEEKS };\n"],"file":"Calendar.constants.js"}

package/build/components/Calendar/Calendar.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Calendar = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _locale = require("@mirai/locale");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _hooks = require("../../hooks");
+
+var _primitives = require("../../primitives");
+
+var _CalendarModule = _interopRequireDefault(require("./Calendar.module.css"));
+
+var _Calendar = require("./Calendar.Month");
+
+var _helpers2 = require("./helpers");
+
+var _excluded = ["disabledPast", "format", "from", "months", "locale", "range", "rangeDays", "to", "value", "onChange", "onFocus"];
+
+var Calendar = function Calendar(_ref) {
+  var _ref$disabledPast = _ref.disabledPast,
+      disabledPast = _ref$disabledPast === void 0 ? true : _ref$disabledPast,
+      _ref$format = _ref.format,
+      format = _ref$format === void 0 ? 'YYYY/MM/DD' : _ref$format,
+      from = _ref.from,
+      _ref$months = _ref.months,
+      months = _ref$months === void 0 ? 2 : _ref$months,
+      locale = _ref.locale,
+      _ref$range = _ref.range,
+      range = _ref$range === void 0 ? false : _ref$range,
+      rangeDays = _ref.rangeDays,
+      to = _ref.to,
+      value = _ref.value,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useDevice = (0, _hooks.useDevice)(),
+      isDesktop = _useDevice.isDesktop;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      focus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)((0, _helpers2.getFirstDateOfMonth)((0, _helpers2.getToday)())),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      instance = _useState4[0],
+      setInstance = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(range ? [] : undefined),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      selected = _useState6[0],
+      setSelected = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var date = range ? value ? value[0] : undefined : value;
+    if (!date) return;
+    date = (0, _locale.parseDate)(date, format);
+    setInstance((0, _helpers2.getFirstDateOfMonth)(date));
+    setSelected(range ? [(0, _locale.UTC)(date), value[1] ? (0, _locale.UTC)((0, _locale.parseDate)(value[1], format)) : undefined] : (0, _locale.UTC)(date));
+  }, [format, range, value]);
+  (0, _react.useEffect)(function () {
+    onFocus(focus);
+  }, [focus, onFocus]);
+
+  var handleChange = function handleChange(date) {
+    setSelected(function () {
+      var next;
+
+      if (!range) {
+        next = date;
+      } else if (selected[1] === undefined && date > selected[0]) {
+        next = [selected[0], date];
+      } else {
+        var _selected$;
+
+        next = [((_selected$ = selected[0]) === null || _selected$ === void 0 ? void 0 : _selected$.getTime()) === date.getTime() ? undefined : date];
+        setFocus(undefined);
+      }
+
+      onChange(next);
+      return next;
+    });
+  };
+
+  var handleMonth = function handleMonth(month) {
+    setInstance((0, _helpers2.getFirstDateOfMonth)(new Date(instance.getFullYear(), instance.getMonth() + month)));
+  };
+
+  var instanceTS = instance.getTime();
+  var todayMonthTS = (0, _helpers2.getFirstDateOfMonth)((0, _helpers2.getToday)()).getTime();
+  var disabledPrevious = disabledPast && instanceTS <= todayMonthTS || from && instanceTS <= (0, _helpers2.getFirstDateOfMonth)(new Date(from)).getTime();
+  var disabledNext = to && instanceTS >= (0, _helpers2.getFirstDateOfMonth)(new Date(to)).getTime();
+  var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+    focus: focus,
+    format: format,
+    from: from ? (0, _locale.parseDate)(from, format) : undefined,
+    locale: locale,
+    range: range,
+    to: range && rangeDays && selected[0] ? (0, _locale.dateCalc)(selected[0], rangeDays, 'days') : to ? (0, _locale.parseDate)(to, format) : undefined,
+    selected: selected,
+    onChange: handleChange,
+    onFocus: isDesktop ? setFocus : undefined
+  });
+  return /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, {
+    "data-testid": others['data-testid'],
+    horizontal: isDesktop,
+    className: (0, _helpers.styles)(_CalendarModule.default.calendar, others.className)
+  }, Array.from({
+    length: months
+  }, function (empty, index) {
+    return /*#__PURE__*/_react.default.createElement(_Calendar.Month, Object.assign({
+      key: index,
+      onNext: isDesktop && index === months - 1 && !disabledNext ? function () {
+        return handleMonth(months);
+      } : undefined,
+      onPrevious: isDesktop && index === 0 && !disabledPrevious ? function () {
+        return handleMonth(-months);
+      } : undefined,
+      instance: new Date(instance.getFullYear(), instance.getMonth() + index, 1)
+    }, props));
+  }));
+};
+
+exports.Calendar = Calendar;
+Calendar.displayName = 'Component:Calendar';
+//# sourceMappingURL=Calendar.js.map

package/build/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Calendar/Calendar.jsx"],"names":["Calendar","disabledPast","format","from","months","locale","range","rangeDays","to","value","onChange","onFocus","others","isDesktop","focus","setFocus","instance","setInstance","undefined","selected","setSelected","date","handleChange","next","getTime","handleMonth","month","Date","getFullYear","getMonth","instanceTS","todayMonthTS","disabledPrevious","disabledNext","props","style","calendar","className","Array","length","empty","index","displayName"],"mappings":"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","sourcesContent":["import { dateCalc, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { getFirstDateOfMonth, getToday } from './helpers';\n\nexport const Calendar = ({\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  months = 2,\n  locale,\n  range = false,\n  rangeDays,\n  to,\n  value,\n  onChange = () => {},\n  onFocus = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [selected, setSelected] = useState(range ? [] : undefined);\n\n  useEffect(() => {\n    let date = range ? (value ? value[0] : undefined) : value;\n    if (!date) return;\n\n    date = parseDate(date, format);\n    setInstance(getFirstDateOfMonth(date));\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n  }, [format, range, value]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + month)));\n  };\n\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(getToday()).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(new Date(from)).getTime());\n  const disabledNext = to && instanceTS >= getFirstDateOfMonth(new Date(to)).getTime();\n\n  const props = {\n    ...others,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    to:\n      range && rangeDays && selected[0]\n        ? dateCalc(selected[0], rangeDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    selected,\n    onChange: handleChange,\n    onFocus: isDesktop ? setFocus : undefined,\n  };\n\n  return (\n    <ScrollView\n      data-testid={others['data-testid']}\n      horizontal={isDesktop}\n      className={styles(style.calendar, others.className)}\n    >\n      {Array.from({ length: months }, (empty, index) => (\n        <Month\n          key={index}\n          onNext={isDesktop && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n          onPrevious={isDesktop && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n          instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)}\n          {...props}\n        />\n      ))}\n    </ScrollView>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  disabledWeekends: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeDays: PropTypes.number,\n  to: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n};\n"],"file":"Calendar.js"}

package/build/components/Calendar/Calendar.module.css

@@ -0,0 +1,96 @@
+:root {
+  --mirai-ui-calendar-cell: calc(var(--mirai-ui-space-XXL) - var(--mirai-ui-space-XS));
+  --mirai-ui-calendar-weekday-color: var(--mirai-ui-lighten);
+  --mirai-ui-calendar-selected-color: var(--mirai-ui-lighten);
+}
+
+.calendar {
+  max-height: calc(var(--mirai-ui-calendar-cell) * 14.5);
+}
+
+.month {
+  padding: calc(var(--mirai-ui-space-XS) / 2);
+  width: calc(var(--mirai-ui-calendar-cell) * 7);
+}
+
+.header {
+  padding: var(--mirai-ui-space-S);
+}
+
+.title {
+  flex: 1;
+  text-align: center;
+}
+
+.cell {
+  flex: 1;
+  overflow: hidden;
+  text-align: center;
+  margin-bottom: 2px;
+}
+
+.weekdays {
+  margin: var(--mirai-ui-space-XS) 0;
+}
+
+.weekday {
+  color: var(--mirai-ui-calendar-weekday-color);
+}
+
+.day {
+  align-items: center;
+  justify-content: center;
+  width: var(--mirai-ui-calendar-cell);
+  height: var(--mirai-ui-calendar-cell);
+  margin: 0 auto;
+}
+
+.daySelected {
+  background-color: var(--mirai-ui-disabled);
+}
+
+.dayRange:not(.daySelected) {
+  background-color: var(--mirai-ui-disabled);
+}
+
+.dayRangeLimit {
+  background-color: var(--mirai-ui-accent);
+}
+
+.dayTouchable:hover {
+  background-color: var(--mirai-ui-lighten);
+}
+
+.textDisabled {
+  color: var(--mirai-ui-disabled);
+  transition: all var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+}
+
+.dayRangeLimit .textSelected {
+  color: var(--mirai-ui-base);
+}
+
+.caption {
+  white-space: pre-wrap;
+  height: var(--mirai-ui-font-size-small);
+  margin-top: calc(var(--mirai-ui-space-XS) / 2);
+  max-width: calc(var(--mirai-ui-calendar-cell) * 0.8);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media only screen and (max-width: 600px) {
+  .calendar {
+    width: 100vw;
+  }
+
+  .month {
+    padding: var(--mirai-ui-space-XS) 0;
+    width: 100%;
+  }
+
+  .day {
+    width: auto;
+  }
+}