@chayns-components/date 5.0.0-beta.577 → 5.0.0-beta.582

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/Day.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateFns = require("date-fns");
+var _react = _interopRequireWildcard(require("react"));
+var _Category = _interopRequireDefault(require("./category/Category"));
+var _Day = require("./Day.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Day = ({
+  date,
+  highlightedDates,
+  categories,
+  isSameMonth,
+  isSelected,
+  onClick
+}) => {
+  const [fontSize, setFontSize] = (0, _react.useState)();
+  const dayRef = (0, _react.useRef)(null);
+  const styles = (0, _react.useMemo)(() => {
+    var _highlightedDates$fin;
+    if (!highlightedDates || !isSameMonth) {
+      return undefined;
+    }
+    return (_highlightedDates$fin = highlightedDates.find(highlightedDate => highlightedDate.dates.some(highlighted => (0, _dateFns.isSameDay)(highlighted, date)))) === null || _highlightedDates$fin === void 0 ? void 0 : _highlightedDates$fin.style;
+  }, [date, highlightedDates, isSameMonth]);
+  const categoryElements = (0, _react.useMemo)(() => {
+    if (!categories) return [];
+    return categories.flatMap(category => category.dates.filter(day => (0, _dateFns.isSameDay)(day, date)).map(day => /*#__PURE__*/_react.default.createElement(_Category.default, {
+      key: day.getTime() * Math.random(),
+      color: category.color
+    })));
+  }, [categories, date]);
+  (0, _react.useEffect)(() => {
+    if (dayRef.current) {
+      const resizeObserver = new ResizeObserver(entries => {
+        if (entries && entries[0]) {
+          const observedWidth = entries[0].contentRect.width;
+          setFontSize(`${observedWidth / 2}px`);
+        }
+      });
+      resizeObserver.observe(dayRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Day.StyledDay, {
+    ref: dayRef,
+    onClick: () => onClick(date, isSameMonth),
+    $isSameMonth: isSameMonth,
+    $backgroundColor: styles === null || styles === void 0 ? void 0 : styles.backgroundColor,
+    $textColor: styles === null || styles === void 0 ? void 0 : styles.textColor
+  }, /*#__PURE__*/_react.default.createElement(_Day.StyledDayNumber, {
+    $isSelected: isSelected,
+    $fontSize: fontSize
+  }, date.getDate()), categoryElements && /*#__PURE__*/_react.default.createElement(_Day.StyledDayCategoryWrapper, null, categoryElements));
+};
+Day.displayName = 'Day';
+var _default = exports.default = Day;
+//# sourceMappingURL=Day.js.map

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","names":["_dateFns","require","_react","_interopRequireWildcard","_Category","_interopRequireDefault","_Day","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Day","date","highlightedDates","categories","isSameMonth","isSelected","onClick","fontSize","setFontSize","useState","dayRef","useRef","styles","useMemo","_highlightedDates$fin","undefined","find","highlightedDate","dates","some","highlighted","isSameDay","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","useEffect","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","width","observe","disconnect","StyledDay","ref","$isSameMonth","$backgroundColor","backgroundColor","$textColor","textColor","StyledDayNumber","$isSelected","$fontSize","getDate","StyledDayCategoryWrapper","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import { isSameDay } from 'date-fns';\nimport React, { FC, useEffect, useMemo, useRef, useState, type CSSProperties } from 'react';\nimport type {\n    Categories,\n    HighlightedDates,\n    HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\n\nexport type DayProps = {\n    date: Date;\n    isSameMonth: boolean;\n    isSelected: boolean;\n    onClick: (date: Date, isSameMonth: boolean) => void;\n    highlightedDates?: HighlightedDates[];\n    categories?: Categories[];\n};\n\nconst Day: FC<DayProps> = ({\n    date,\n    highlightedDates,\n    categories,\n    isSameMonth,\n    isSelected,\n    onClick,\n}) => {\n    const [fontSize, setFontSize] = useState<CSSProperties['fontSize']>();\n\n    const dayRef = useRef<HTMLDivElement>(null);\n\n    const styles: HighlightedDateStyles | undefined = useMemo(() => {\n        if (!highlightedDates || !isSameMonth) {\n            return undefined;\n        }\n\n        return highlightedDates.find((highlightedDate) =>\n            highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n        )?.style;\n    }, [date, highlightedDates, isSameMonth]);\n\n    const categoryElements = useMemo(() => {\n        if (!categories) return [];\n\n        return categories.flatMap((category) =>\n            category.dates\n                .filter((day) => isSameDay(day, date))\n                .map((day) => (\n                    <Category key={day.getTime() * Math.random()} color={category.color} />\n                )),\n        );\n    }, [categories, date]);\n\n    useEffect(() => {\n        if (dayRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setFontSize(`${observedWidth / 2}px`);\n                }\n            });\n\n            resizeObserver.observe(dayRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    return (\n        <StyledDay\n            ref={dayRef}\n            onClick={() => onClick(date, isSameMonth)}\n            $isSameMonth={isSameMonth}\n            $backgroundColor={styles?.backgroundColor}\n            $textColor={styles?.textColor}\n        >\n            <StyledDayNumber $isSelected={isSelected} $fontSize={fontSize}>\n                {date.getDate()}\n            </StyledDayNumber>\n            {categoryElements && (\n                <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n            )}\n        </StyledDay>\n    );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledDayNumber = exports.StyledDayCategoryWrapper = exports.StyledDay = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledDay = exports.StyledDay = _styledComponents.default.div`
+    position: relative;
+    cursor: ${({
+  $isSameMonth
+}) => $isSameMonth ? 'pointer' : 'default'};
+    color: ${({
+  $isSameMonth,
+  theme
+}) => $isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    aspect-ratio: 1;
+
+    ${({
+  $backgroundColor,
+  $textColor
+}) => $backgroundColor && $textColor && (0, _styledComponents.css)`
+            color: ${$textColor};
+            background-color: ${$backgroundColor};
+        `}
+`;
+const StyledDayNumber = exports.StyledDayNumber = _styledComponents.default.div`
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 80%;
+    height: 80%;
+    font-size: ${({
+  $fontSize
+}) => $fontSize};
+
+    ${({
+  $isSelected,
+  theme
+}) => $isSelected && (0, _styledComponents.css)`
+            background-color: ${theme['404']};
+            color: ${theme['409']};
+        `}
+`;
+const StyledDayCategoryWrapper = exports.StyledDayCategoryWrapper = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6%;
+    width: 100%;
+    position: absolute;
+    bottom: 2px;
+`;
+//# sourceMappingURL=Day.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledDay","exports","styled","div","$isSameMonth","theme","text","$backgroundColor","$textColor","css","StyledDayNumber","$fontSize","$isSelected","StyledDayCategoryWrapper"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled, { css } from 'styled-components';\n\ntype StyledDayProps = WithTheme<{\n    $isSameMonth: boolean;\n    $backgroundColor?: CSSProperties['backgroundColor'];\n    $textColor?: CSSProperties['color'];\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ $isSameMonth }) => ($isSameMonth ? 'pointer' : 'default')};\n    color: ${({ $isSameMonth, theme }: StyledDayProps) =>\n        $isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n\n    ${({ $backgroundColor, $textColor }) =>\n        $backgroundColor &&\n        $textColor &&\n        css`\n            color: ${$textColor};\n            background-color: ${$backgroundColor};\n        `}\n`;\n\ntype StyledDayNumberProps = WithTheme<{\n    $isSelected: boolean;\n    $fontSize: CSSProperties['fontSize'];\n}>;\n\nexport const StyledDayNumber = styled.div<StyledDayNumberProps>`\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80%;\n    height: 80%;\n    font-size: ${({ $fontSize }) => $fontSize};\n\n    ${({ $isSelected, theme }) =>\n        $isSelected &&\n        css`\n            background-color: ${theme['404']};\n            color: ${theme['409']};\n        `}\n`;\n\nexport const StyledDayCategoryWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6%;\n    width: 100%;\n    position: absolute;\n    bottom: 2px;\n`;\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQzC,MAAMW,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAoB;AACpD;AACA,cAAc,CAAC;EAAEC;AAAa,CAAC,KAAMA,YAAY,GAAG,SAAS,GAAG,SAAW;AAC3E,aAAa,CAAC;EAAEA,YAAY;EAAEC;AAAsB,CAAC,KAC7CD,YAAY,GAAGC,KAAK,CAACC,IAAI,GAAI,QAAOD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAG,QAAQ;AAC5E;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEE,gBAAgB;EAAEC;AAAW,CAAC,KAC/BD,gBAAgB,IAChBC,UAAU,IACV,IAAAC,qBAAG,CAAC;AACZ,qBAAqBD,UAAW;AAChC,gCAAgCD,gBAAiB;AACjD,SAAU;AACV,CAAC;AAOM,MAAMG,eAAe,GAAAT,OAAA,CAAAS,eAAA,GAAGR,yBAAM,CAACC,GAA0B;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,CAAC;EAAEQ;AAAU,CAAC,KAAKA,SAAU;AAC9C;AACA,MAAM,CAAC;EAAEC,WAAW;EAAEP;AAAM,CAAC,KACrBO,WAAW,IACX,IAAAH,qBAAG,CAAC;AACZ,gCAAgCJ,KAAK,CAAC,KAAK,CAAE;AAC7C,qBAAqBA,KAAK,CAAC,KAAK,CAAE;AAClC,SAAU;AACV,CAAC;AAEM,MAAMQ,wBAAwB,GAAAZ,OAAA,CAAAY,wBAAA,GAAGX,yBAAM,CAACC,GAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Category = require("./Category.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Category = ({
+  color
+}) => /*#__PURE__*/_react.default.createElement(_Category.StyledCategory, {
+  $color: color
+});
+Category.displayName = 'Category';
+var _default = exports.default = Category;
+//# sourceMappingURL=Category.js.map

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.js","names":["_react","_interopRequireDefault","require","_Category","obj","__esModule","default","Category","color","createElement","StyledCategory","$color","displayName","_default","exports"],"sources":["../../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.tsx"],"sourcesContent":["import React, { FC, type CSSProperties } from 'react';\nimport { StyledCategory } from './Category.styles';\n\nexport type CategoryProps = {\n    color: CSSProperties['color'];\n};\n\nconst Category: FC<CategoryProps> = ({ color }) => <StyledCategory $color={color} />;\n\nCategory.displayName = 'Category';\n\nexport default Category;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAmD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMnD,MAAMG,QAA2B,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAAKR,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACN,SAAA,CAAAO,cAAc;EAACC,MAAM,EAAEH;AAAM,CAAE,CAAC;AAEpFD,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEnBC,QAAQ","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCategory = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledCategory = exports.StyledCategory = _styledComponents.default.div`
+    border-radius: 50%;
+    width: 24%;
+    aspect-ratio: 1;
+    background-color: ${({
+  $color
+}) => $color};
+    border: 1px solid white;
+`;
+//# sourceMappingURL=Category.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Category.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledCategory","exports","styled","div","$color"],"sources":["../../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components';\n\ntype StyledCategoryProps = WithTheme<{ $color: CSSProperties['color'] }>;\n\nexport const StyledCategory = styled.div<StyledCategoryProps>`\n    border-radius: 50%;\n    width: 24%;\n    aspect-ratio: 1;\n    background-color: ${({ $color }) => $color};\n    border: 1px solid white;\n`;\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAyB;AAC9D;AACA;AACA;AACA,wBAAwB,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAO;AAC/C;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = require("date-fns");
+var _WeekdayWrapper = require("./WeekdayWrapper.styles");
+var _Weekday = _interopRequireDefault(require("./weekday/Weekday"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WeekdayWrapper = ({
+  locale
+}) => {
+  const monday = (0, _dateFns.startOfWeek)(new Date(), {
+    weekStartsOn: 1
+  });
+  const sunday = (0, _dateFns.endOfWeek)(new Date(), {
+    weekStartsOn: 1
+  });
+  const weekdays = (0, _dateFns.eachDayOfInterval)({
+    start: monday,
+    end: sunday
+  });
+  const weekdayElements = (0, _react.useMemo)(() => {
+    const items = [];
+    weekdays.forEach(day => {
+      const formattedDay = (0, _dateFns.format)(day, 'EE', {
+        locale
+      });
+      items.push( /*#__PURE__*/_react.default.createElement(_Weekday.default, {
+        key: `weekday-${formattedDay}`,
+        name: formattedDay
+      }));
+    });
+    return items;
+  }, [locale, weekdays]);
+  return /*#__PURE__*/_react.default.createElement(_WeekdayWrapper.StyledWeekdayWrapper, null, weekdayElements);
+};
+WeekdayWrapper.displayName = 'WeekdayWrapper';
+var _default = exports.default = WeekdayWrapper;
+//# sourceMappingURL=WeekdayWrapper.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.js","names":["_react","_interopRequireWildcard","require","_dateFns","_WeekdayWrapper","_Weekday","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WeekdayWrapper","locale","monday","startOfWeek","Date","weekStartsOn","sunday","endOfWeek","weekdays","eachDayOfInterval","start","end","weekdayElements","useMemo","items","forEach","day","formattedDay","format","push","createElement","key","name","StyledWeekdayWrapper","displayName","_default","exports"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { startOfWeek, endOfWeek, eachDayOfInterval, format } from 'date-fns';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport type { Locale } from 'date-fns';\n\nexport type WeekdayWrapperProps = {\n    locale?: Locale;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n    const monday = startOfWeek(new Date(), { weekStartsOn: 1 });\n    const sunday = endOfWeek(new Date(), { weekStartsOn: 1 });\n    const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n    const weekdayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        weekdays.forEach((day) => {\n            const formattedDay = format(day, 'EE', { locale });\n\n            items.push(<Weekday key={`weekday-${formattedDay}`} name={formattedDay} />);\n        });\n\n        return items;\n    }, [locale, weekdays]);\n\n    return <StyledWeekdayWrapper>{weekdayElements}</StyledWeekdayWrapper>;\n};\n\nWeekdayWrapper.displayName = 'WeekdayWrapper';\n\nexport default WeekdayWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWeekdayWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWeekdayWrapper = exports.StyledWeekdayWrapper = _styledComponents.default.div`
+    display: grid;
+    grid-template-rows: repeat(1, 1fr);
+    grid-template-columns: repeat(7, 1fr);
+    padding-top: 6px;
+    margin: 0 15px;
+`;
+//# sourceMappingURL=WeekdayWrapper.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdayWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledWeekdayWrapper","exports","styled","div"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledWeekdayWrapper = styled.div`\n    display: grid;\n    grid-template-rows: repeat(1, 1fr);\n    grid-template-columns: repeat(7, 1fr);\n    padding-top: 6px;\n    margin: 0 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC/C;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Weekday = require("./Weekday.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Weekday = ({
+  name
+}) => /*#__PURE__*/_react.default.createElement(_Weekday.StyledWeekday, null, name);
+Weekday.displayName = 'Weekday';
+var _default = exports.default = Weekday;
+//# sourceMappingURL=Weekday.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.js","names":["_react","_interopRequireDefault","require","_Weekday","obj","__esModule","default","Weekday","name","createElement","StyledWeekday","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledWeekday } from './Weekday.styles';\n\nexport type WeekdayProps = {\n    name: string;\n};\n\nconst Weekday: FC<WeekdayProps> = ({ name }) => <StyledWeekday>{name}</StyledWeekday>;\n\nWeekday.displayName = 'Weekday';\n\nexport default Weekday;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMjD,MAAMG,OAAyB,GAAGA,CAAC;EAAEC;AAAK,CAAC,kBAAKR,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACN,QAAA,CAAAO,aAAa,QAAEF,IAAoB,CAAC;AAErFD,OAAO,CAACI,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEjBC,OAAO","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWeekday = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWeekday = exports.StyledWeekday = _styledComponents.default.div`
+    text-align: center;
+    color: ${({
+  theme
+}) => theme.headline};
+    cursor: default;
+`;
+//# sourceMappingURL=Weekday.styles.js.map

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Weekday.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledWeekday","exports","styled","div","theme","headline"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledWeekdayProps = WithTheme<unknown>;\n\nexport const StyledWeekday = styled.div<StyledWeekdayProps>`\n    text-align: center;\n    color: ${({ theme }: StyledWeekdayProps) => theme.headline};\n    cursor: default;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAwB;AAC5D;AACA,aAAa,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,QAAS;AAC/D;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/date-info/DateInfo.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateFns = require("date-fns");
+var _react = _interopRequireWildcard(require("react"));
+var _dateInfo = require("../../utils/dateInfo");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DateInfo = ({
+  date,
+  preText = '',
+  shouldShowThisYear,
+  shouldShowTime,
+  shouldShowRelativeDayOfWeek,
+  shouldUseShortText,
+  shouldShowDayOfWeek,
+  shouldShowDateToNowDifference
+}) => {
+  const [formattedDate, setFormattedDate] = (0, _react.useState)(new Date(date));
+  const [formattedDateString, setFormattedDateString] = (0, _react.useState)('');
+  const [language] = (0, _react.useState)((0, _dateInfo.getLanguage)());
+  (0, _react.useEffect)(() => {
+    // This useEffect is used for normal date formation
+    if (shouldShowDateToNowDifference) {
+      return;
+    }
+    let newFormattedDateString = (0, _dateInfo.getFormattedDayOfWeek)({
+      shouldShowDayOfWeek,
+      shouldShowRelativeDayOfWeek,
+      shouldUseShortText,
+      date: formattedDate,
+      language
+    });
+    let formatString = 'dd. ';
+    formatString += `${(0, _dateInfo.getMonthFormat)({
+      shouldUseShortText
+    })}`;
+    formatString += `${(0, _dateInfo.getYearFormat)({
+      date: formattedDate,
+      shouldShowThisYear
+    })}`;
+    newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
+      locale: language
+    });
+    newFormattedDateString += (0, _dateInfo.getFormattedTime)({
+      date: formattedDate,
+      shouldShowTime,
+      language
+    });
+    setFormattedDateString(newFormattedDateString);
+  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowThisYear, shouldShowTime, shouldUseShortText]);
+
+  // Calculate remaining time till next minute to update time according to time left
+  const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());
+  (0, _react.useEffect)(() => {
+    // This useEffect is for calculating the current date for shouldShowDateToNowDifference option
+    if (!shouldShowDateToNowDifference) {
+      return () => {};
+    }
+    let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();
+
+    // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently
+    if (timeoutTime < 0) {
+      timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();
+    }
+
+    // initialized with remaining time
+    let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();
+
+    // set to elapsed time
+    if ((0, _dateFns.isPast)(formattedDate)) {
+      timeDiffInMs = currentDate.getTime() - formattedDate.getTime();
+    }
+
+    // time difference is less than a minute, time should be updated every second
+    if (timeDiffInMs < 60000) {
+      timeoutTime = 1;
+    }
+
+    // Set timeoutTime to at least 1000ms
+    timeoutTime = Math.max(timeoutTime * 1000, 1000);
+    const timeout = setTimeout(() => {
+      setCurrentDate(new Date());
+    }, timeoutTime);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    // This useEffect is for showing the difference of the date to now
+    if (shouldShowDateToNowDifference) {
+      setFormattedDateString((0, _dateInfo.getTimeTillNow)({
+        date: formattedDate,
+        currentDate,
+        language
+      }));
+    }
+  }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);
+  (0, _react.useEffect)(() => {
+    setFormattedDate(new Date(date));
+  }, [date]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("span", null, preText.trim(), " ", formattedDateString), [formattedDateString, preText]);
+};
+DateInfo.displayName = 'DateInfo';
+var _default = exports.default = DateInfo;
+//# sourceMappingURL=DateInfo.js.map

package/lib/cjs/components/date-info/DateInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInfo.js","names":["_dateFns","require","_react","_interopRequireWildcard","_dateInfo","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInfo","date","preText","shouldShowThisYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","setFormattedDate","useState","Date","formattedDateString","setFormattedDateString","language","getLanguage","useEffect","newFormattedDateString","getFormattedDayOfWeek","formatString","getMonthFormat","getYearFormat","format","locale","getFormattedTime","currentDate","setCurrentDate","timeoutTime","getSeconds","timeDiffInMs","getTime","isPast","Math","max","timeout","setTimeout","clearTimeout","getTimeTillNow","useMemo","createElement","trim","displayName","_default","exports"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import { format, isPast } from 'date-fns';\nimport React, { FC, useEffect, useMemo, useState } from 'react';\nimport {\n    getFormattedDayOfWeek,\n    getFormattedTime,\n    getLanguage,\n    getMonthFormat,\n    getTimeTillNow,\n    getYearFormat,\n} from '../../utils/dateInfo';\n\nexport type DateInfoProps = {\n    /**\n     * The date, that should be displayed\n     */\n    date: Date | string;\n    /**\n     * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n     */\n    preText?: string;\n    /**\n     * Adds the current year to the display\n     */\n    shouldShowThisYear?: boolean;\n    /**\n     * Adds the time to the display.\n     */\n    shouldShowTime?: boolean;\n    /**\n     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n     */\n    shouldShowRelativeDayOfWeek?: boolean;\n    /**\n     * Shortens the day and month text to maximum three digits\n     */\n    shouldUseShortText?: boolean;\n    /**\n     * Adds the day of week to the display\n     */\n    shouldShowDayOfWeek?: boolean;\n    /**\n     * Shows the difference from the date to now. The component handles updates itself.\n     */\n    shouldShowDateToNowDifference?: boolean;\n};\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowThisYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n}) => {\n    const [formattedDate, setFormattedDate] = useState(new Date(date));\n    const [formattedDateString, setFormattedDateString] = useState<string>('');\n    const [language] = useState(getLanguage());\n\n    useEffect(() => {\n        // This useEffect is used for normal date formation\n        if (shouldShowDateToNowDifference) {\n            return;\n        }\n\n        let newFormattedDateString = getFormattedDayOfWeek({\n            shouldShowDayOfWeek,\n            shouldShowRelativeDayOfWeek,\n            shouldUseShortText,\n            date: formattedDate,\n            language,\n        });\n\n        let formatString = 'dd. ';\n\n        formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n        formatString += `${getYearFormat({\n            date: formattedDate,\n            shouldShowThisYear,\n        })}`;\n\n        newFormattedDateString += format(formattedDate, formatString, { locale: language });\n\n        newFormattedDateString += getFormattedTime({\n            date: formattedDate,\n            shouldShowTime,\n            language,\n        });\n\n        setFormattedDateString(newFormattedDateString);\n    }, [\n        date,\n        formattedDate,\n        language,\n        shouldShowDateToNowDifference,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowThisYear,\n        shouldShowTime,\n        shouldUseShortText,\n    ]);\n\n    // Calculate remaining time till next minute to update time according to time left\n    const [currentDate, setCurrentDate] = useState(new Date());\n\n    useEffect(() => {\n        // This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n        if (!shouldShowDateToNowDifference) {\n            return () => {};\n        }\n\n        let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();\n\n        // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n        if (timeoutTime < 0) {\n            timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();\n        }\n\n        // initialized with remaining time\n        let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();\n\n        // set to elapsed time\n        if (isPast(formattedDate)) {\n            timeDiffInMs = currentDate.getTime() - formattedDate.getTime();\n        }\n\n        // time difference is less than a minute, time should be updated every second\n        if (timeDiffInMs < 60000) {\n            timeoutTime = 1;\n        }\n\n        // Set timeoutTime to at least 1000ms\n        timeoutTime = Math.max(timeoutTime * 1000, 1000);\n\n        const timeout = setTimeout(() => {\n            setCurrentDate(new Date());\n        }, timeoutTime);\n\n        return () => {\n            clearTimeout(timeout);\n        };\n    }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        // This useEffect is for showing the difference of the date to now\n        if (shouldShowDateToNowDifference) {\n            setFormattedDateString(getTimeTillNow({ date: formattedDate, currentDate, language }));\n        }\n    }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);\n\n    useEffect(() => {\n        setFormattedDate(new Date(date));\n    }, [date]);\n\n    return useMemo(\n        () => (\n            <span>\n                {preText.trim()} {formattedDateString}\n            </span>\n        ),\n        [formattedDateString, preText],\n    );\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":"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","ignoreList":[]}