@mirai/ui 1.0.12 → 1.0.13

package/build/components/Calendar/Calendar.Weekdays.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Weekdays = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Weekdays = function Weekdays(_ref) {
+  var locale = _ref.locale;
+  var weekdays = (0, _helpers2.getWeekDays)(locale);
+  return /*#__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]);
+  }));
+};
+
+exports.Weekdays = Weekdays;
+Weekdays.displayName = 'Component:Calendar:Weekdays';
+Weekdays.propTypes = {
+  locale: _propTypes.default.string
+};
+//# sourceMappingURL=Calendar.Weekdays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.Weekdays.js","names":["Weekdays","locale","weekdays","style","DAYS","map","day","cell","weekday","displayName","propTypes","PropTypes","string"],"sources":["../../../src/components/Calendar/Calendar.Weekdays.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { DAYS } from './Calendar.constants';\nimport style from './Calendar.module.css';\nimport { getWeekDays } from './helpers';\n\nexport const Weekdays = ({ locale }) => {\n  const weekdays = getWeekDays(locale);\n\n  return (\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};\n\nWeekdays.displayName = 'Component:Calendar:Weekdays';\n\nWeekdays.propTypes = {\n  locale: PropTypes.string,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAgB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACtC,IAAMC,QAAQ,GAAG,2BAAYD,MAAZ,CAAjB;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAEE,wBAAMD;EAA3B,GACGE,eAAKC,GAAL,CAAS,UAACC,GAAD;IAAA,oBACR,6BAAC,gBAAD;MAAM,KAAK,MAAX;MAAY,GAAG,EAAEA,GAAjB;MAAsB,SAAS,MAA/B;MAAgC,SAAS,EAAE,qBAAOH,wBAAMI,IAAb,EAAmBJ,wBAAMK,OAAzB;IAA3C,GACGN,QAAQ,CAACI,GAAD,CADX,CADQ;EAAA,CAAT,CADH,CADF;AASD,CAZM;;;AAcPN,QAAQ,CAACS,WAAT,GAAuB,6BAAvB;AAEAT,QAAQ,CAACU,SAAT,GAAqB;EACnBT,MAAM,EAAEU,mBAAUC;AADC,CAArB"}

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,"file":"Calendar.constants.js","names":["DAYS","Array","from","keys","VISIBLE_WEEKS"],"sources":["../../../src/components/Calendar/Calendar.constants.js"],"sourcesContent":["const DAYS = Array.from(Array(7).keys());\n\nconst VISIBLE_WEEKS = Array.from(Array(6).keys());\n\nexport { DAYS, VISIBLE_WEEKS };\n"],"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"}

package/build/components/Calendar/Calendar.js

@@ -0,0 +1,196 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Calendar = void 0;
+
+var _locale = require("@mirai/locale");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 _Calendar2 = require("./Calendar.Weekdays");
+
+var _helpers2 = require("./helpers");
+
+var _excluded = ["disabledPast", "format", "from", "months", "locale", "range", "rangeMaxDays", "to", "value", "onChange", "onFocus"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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,
+      rangeMaxDays = _ref.rangeMaxDays,
+      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 = _objectWithoutProperties(_ref, _excluded);
+
+  var _useDevice = (0, _hooks.useDevice)(),
+      isDesktop = _useDevice.isDesktop;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      focus = _useState2[0],
+      setFocus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)((0, _helpers2.getFirstDateOfMonth)((0, _helpers2.getToday)())),
+      _useState4 = _slicedToArray(_useState3, 2),
+      instance = _useState4[0],
+      setInstance = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(range ? [] : undefined),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selected = _useState6[0],
+      setSelected = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var date = range ? value ? value[0] : undefined : value;
+    if (!date) return setSelected(range ? [] : undefined);
+    date = (0, _locale.parseDate)(date, format);
+    if (range && selected.length === 0 || !range) 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)((0, _locale.parseDate)(from, format)).getTime();
+  var disabledNext = to && instanceTS >= (0, _helpers2.getFirstDateOfMonth)((0, _locale.parseDate)(to, format)).getTime();
+
+  var props = _objectSpread(_objectSpread({}, others), {}, {
+    disabledPast: disabledPast,
+    focus: focus,
+    format: format,
+    from: from ? (0, _locale.parseDate)(from, format) : undefined,
+    locale: locale,
+    range: range,
+    to: to ? (0, _locale.parseDate)(to, format) : range && rangeMaxDays && selected[0] ? (0, _locale.dateCalc)(selected[0], rangeMaxDays, 'days') : undefined,
+    selected: selected,
+    onChange: handleChange,
+    onFocus: isDesktop ? setFocus : undefined
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    "data-testid": others['data-testid']
+  }, !isDesktop && /*#__PURE__*/_react.default.createElement(_Calendar2.Weekdays, {
+    locale: locale
+  }), /*#__PURE__*/_react.default.createElement(_primitives.ScrollView, {
+    horizontal: isDesktop,
+    className: (0, _helpers.styles)(_CalendarModule.default.scrollview, others.className)
+  }, Array.from({
+    length: months
+  }, function (empty, index) {
+    return /*#__PURE__*/_react.default.createElement(_Calendar.Month, _extends({
+      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';
+Calendar.propTypes = {
+  captions: _propTypes.default.shape({}),
+  disabledDates: _propTypes.default.arrayOf(_propTypes.default.string),
+  disabledPast: _propTypes.default.bool,
+  disabledWeekends: _propTypes.default.bool,
+  format: _propTypes.default.string,
+  from: _propTypes.default.string,
+  highlights: _propTypes.default.arrayOf(_propTypes.default.string),
+  locale: _propTypes.default.string,
+  months: _propTypes.default.number,
+  range: _propTypes.default.bool,
+  rangeMaxDays: _propTypes.default.number,
+  rangeMinDays: _propTypes.default.number,
+  to: _propTypes.default.string,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  onChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func
+};
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["Calendar","disabledPast","format","from","months","locale","range","rangeMaxDays","to","value","onChange","onFocus","others","isDesktop","focus","setFocus","instance","setInstance","undefined","selected","setSelected","date","length","handleChange","next","getTime","handleMonth","month","Date","getFullYear","getMonth","instanceTS","todayMonthTS","disabledPrevious","disabledNext","props","style","scrollview","className","Array","empty","index","displayName","propTypes","captions","PropTypes","shape","disabledDates","arrayOf","string","bool","disabledWeekends","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"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, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\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  rangeMaxDays,\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 setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && selected.length === 0) || !range) setInstance(getFirstDateOfMonth(date));\n\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(parseDate(from, format)).getTime());\n\n  const disabledNext = to && instanceTS >= getFirstDateOfMonth(parseDate(to, format)).getTime();\n\n  const props = {\n    ...others,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    to: to\n      ? parseDate(to, format)\n      : range && rangeMaxDays && selected[0]\n      ? dateCalc(selected[0], rangeMaxDays, 'days')\n      : undefined,\n    selected,\n    onChange: handleChange,\n    onFocus: isDesktop ? setFocus : undefined,\n  };\n\n  return (\n    <View data-testid={others['data-testid']}>\n      {!isDesktop && <Weekdays locale={locale} />}\n      <ScrollView horizontal={isDesktop} className={styles(style.scrollview, others.className)}>\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    </View>\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  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: 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"],"mappings":"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"}

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

@@ -0,0 +1,127 @@
+:root {
+  --mirai-ui-calendar-cell: calc(var(--mirai-ui-space-XL) + var(--mirai-ui-space-S));
+  --mirai-ui-calendar-highlight-color: var(--mirai-ui-accent);
+  --mirai-ui-calendar-week-margin: 2px;
+  --mirai-ui-calendar-hover-background: var(--mirai-ui-accent-300);
+  --mirai-ui-calendar-selected-background: var(--mirai-ui-accent);
+  --mirai-ui-calendar-selected-color: var(--mirai-ui-base);
+  --mirai-ui-calendar-weekday-color: var(--mirai-ui-content-400);
+}
+
+.scrollview {
+  max-height: calc(var(--mirai-ui-calendar-cell) * 13.5);
+}
+
+.month {
+  padding: calc(var(--mirai-ui-space-XS) / 2);
+  width: calc(calc(var(--mirai-ui-calendar-cell) * 7) + var(--mirai-ui-space-XS));
+  justify-content: flex-start;
+}
+
+.header {
+  padding: var(--mirai-ui-space-S);
+}
+
+.title {
+  flex: 1;
+  text-align: center;
+}
+
+.cell {
+  flex: 1;
+  margin-bottom: var(--mirai-ui-calendar-week-margin);
+  text-align: center;
+  overflow: hidden;
+  position: relative;
+}
+
+.weekdays {
+  padding: var(--mirai-ui-space-XS) 0;
+}
+
+.weekday {
+  color: var(--mirai-ui-calendar-weekday-color);
+}
+
+.day {
+  align-items: center;
+  height: var(--mirai-ui-calendar-cell);
+  justify-content: center;
+  margin: 0 auto;
+  width: var(--mirai-ui-calendar-cell);
+}
+
+.dayRange:not(.daySelected) {
+  background-color: var(--mirai-ui-calendar-hover-background);
+}
+
+.daySelected {
+  background-color: var(--mirai-ui-calendar-selected-background);
+}
+
+.daySelectedStart {
+}
+
+.daySelectedEnd {
+}
+
+.textDisabled {
+  color: var(--mirai-ui-content-300);
+}
+
+.textHighlight {
+  color: var(--mirai-ui-calendar-highlight-color);
+}
+
+.daySelected .textSelected {
+  color: var(--mirai-ui-base);
+}
+
+.caption {
+  height: var(--mirai-ui-font-size-small);
+  max-width: calc(var(--mirai-ui-calendar-cell) * 0.8);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.caption.empty {
+  color: var(--mirai-ui-content-300);
+}
+
+@media only screen and (max-width: 600px) {
+  .scrollview {
+    width: 100vw;
+  }
+
+  .month {
+    width: 100%;
+    margin-left: 0;
+  }
+
+  .day {
+    width: auto;
+  }
+
+  .weekdays {
+    border-bottom: solid 1px var(--mirai-ui-content-300);
+  }
+}
+
+@media only screen and (min-width: 600px) {
+  .dayTouchable:hover {
+    background-color: var(--mirai-ui-calendar-hover-background);
+  }
+
+  .range .day:not(.daySelected):not(.dayRange):hover {
+    background-color: var(--mirai-ui-calendar-selected-background);
+  }
+
+  .range .day:not(.daySelected):not(.dayRange):hover > * {
+    color: var(--mirai-ui-calendar-selected-color);
+  }
+
+  .month:not(:first-child) {
+    margin-left: calc(var(--mirai-ui-calendar-cell) / 2);
+  }
+}