@chayns-components/date 5.0.0-beta.433

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

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","names":["_react","_interopRequireWildcard","require","_dateFns","_Day","_Category","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Day","_ref","date","highlightedDates","categories","isSameMonth","isSelected","onClick","fontSize","setFontSize","useState","dayRef","useRef","styles","useMemo","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","backgroundColor","textColor","StyledDayNumber","getDate","StyledDayCategoryWrapper","displayName","_default","exports"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import React, { type CSSProperties, FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameDay } from 'date-fns';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\nimport type {\n    Categories,\n    HighlightedDates,\n    HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\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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"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.d.ts

@@ -0,0 +1,15 @@
+import type { WithTheme } from '@chayns-components/core';
+import type { CSSProperties } from 'react';
+type StyledDayProps = WithTheme<{
+    isSameMonth: boolean;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    textColor?: CSSProperties['color'];
+}>;
+export declare const StyledDay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDayProps>>;
+type StyledDayNumberProps = WithTheme<{
+    isSelected: boolean;
+    fontSize: CSSProperties['fontSize'];
+}>;
+export declare const StyledDayNumber: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDayNumberProps>>;
+export declare const StyledDayCategoryWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export {};

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

@@ -0,0 +1,75 @@
+"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 && Object.prototype.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: ${_ref => {
+  let {
+    isSameMonth
+  } = _ref;
+  return isSameMonth ? 'pointer' : 'default';
+}};
+    color: ${_ref2 => {
+  let {
+    isSameMonth,
+    theme
+  } = _ref2;
+  return isSameMonth ? theme.text : `rgba(${theme['text-rgb'] ?? ''}, 0.5)`;
+}};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    aspect-ratio: 1;
+
+    ${_ref3 => {
+  let {
+    backgroundColor,
+    textColor
+  } = _ref3;
+  return 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: ${_ref4 => {
+  let {
+    fontSize
+  } = _ref4;
+  return fontSize;
+}};
+
+    ${_ref5 => {
+  let {
+    isSelected,
+    theme
+  } = _ref5;
+  return 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/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","prototype","hasOwnProperty","call","i","set","StyledDay","exports","styled","div","_ref","isSameMonth","_ref2","theme","text","_ref3","backgroundColor","textColor","css","StyledDayNumber","_ref4","fontSize","_ref5","isSelected","StyledDayCategoryWrapper"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '@chayns-components/core';\nimport type { CSSProperties } from 'react';\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":";;;;;;AAAA,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUzC,MAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAoB;AACpD;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAY,CAAC,GAAAD,IAAA;EAAA,OAAMC,WAAW,GAAG,SAAS,GAAG,SAAS;AAAA,CAAE;AACzE,aAAaC,KAAA;EAAA,IAAC;IAAED,WAAW;IAAEE;EAAsB,CAAC,GAAAD,KAAA;EAAA,OAC5CD,WAAW,GAAGE,KAAK,CAACC,IAAI,GAAI,QAAOD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAG,QAAO;AAAA,CAAC;AAC3E;AACA;AACA;AACA;AACA;AACA,MAAME,KAAA;EAAA,IAAC;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAAF,KAAA;EAAA,OAC7BC,eAAe,IACfC,SAAS,IACT,IAAAC,qBAAG,CAAC;AACZ,qBAAqBD,SAAU;AAC/B,gCAAgCD,eAAgB;AAChD,SAAS;AAAA,CAAC;AACV,CAAC;AAOM,MAAMG,eAAe,GAAAZ,OAAA,CAAAY,eAAA,GAAGX,yBAAM,CAACC,GAA0B;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBW,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OAAKC,QAAQ;AAAA,CAAC;AAC5C;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC,UAAU;IAAEV;EAAM,CAAC,GAAAS,KAAA;EAAA,OACpBC,UAAU,IACV,IAAAL,qBAAG,CAAC;AACZ,gCAAgCL,KAAK,CAAC,KAAK,CAAE;AAC7C,qBAAqBA,KAAK,CAAC,KAAK,CAAE;AAClC,SAAS;AAAA,CAAC;AACV,CAAC;AAEM,MAAMW,wBAAwB,GAAAjB,OAAA,CAAAiB,wBAAA,GAAGhB,yBAAM,CAACC,GAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.d.ts

@@ -0,0 +1,6 @@
+import { type CSSProperties, FC } from 'react';
+export type CategoryProps = {
+    color: CSSProperties['color'];
+};
+declare const Category: FC<CategoryProps>;
+export default Category;

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

@@ -0,0 +1,20 @@
+"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 = _ref => {
+  let {
+    color
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Category.StyledCategory, {
+    color: color
+  });
+};
+Category.displayName = 'Category';
+var _default = exports.default = Category;
+//# sourceMappingURL=Category.js.map

package/lib/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","_ref","color","createElement","StyledCategory","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.tsx"],"sourcesContent":["import React, { type CSSProperties, FC } 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,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBAAKR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,SAAA,CAAAQ,cAAc;IAACF,KAAK,EAAEA;EAAM,CAAE,CAAC;AAAA;AAEnFF,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEnBC,QAAQ"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/category/Category.styles.d.ts

@@ -0,0 +1,7 @@
+import type { WithTheme } from '@chayns-components/core';
+import type { CSSProperties } from 'react';
+type StyledCategoryProps = WithTheme<{
+    color: CSSProperties['color'];
+}>;
+export declare const StyledCategory: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCategoryProps>>;
+export {};

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

@@ -0,0 +1,21 @@
+"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: ${_ref => {
+  let {
+    color
+  } = _ref;
+  return color;
+}};
+    border: 1px solid white;
+`;
+//# sourceMappingURL=Category.styles.js.map

package/lib/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","_ref","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,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK;AAAA,CAAC;AAC7C;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import type { Locale } from 'date-fns';
+export type WeekdayWrapperProps = {
+    locale?: Locale;
+};
+declare const WeekdayWrapper: FC<WeekdayWrapperProps>;
+export default WeekdayWrapper;

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

@@ -0,0 +1,45 @@
+"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 && Object.prototype.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 = _ref => {
+  let {
+    locale
+  } = _ref;
+  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/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","prototype","hasOwnProperty","call","i","set","WeekdayWrapper","_ref","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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"}

package/lib/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledWeekdayWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/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/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"}

package/lib/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export type WeekdayProps = {
+    name: string;
+};
+declare const Weekday: FC<WeekdayProps>;
+export default Weekday;

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

@@ -0,0 +1,18 @@
+"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 = _ref => {
+  let {
+    name
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Weekday.StyledWeekday, null, name);
+};
+Weekday.displayName = 'Weekday';
+var _default = exports.default = Weekday;
+//# sourceMappingURL=Weekday.js.map

package/lib/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","_ref","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,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,oBAAKR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,QAAA,CAAAQ,aAAa,QAAEF,IAAoB,CAAC;AAAA;AAErFF,OAAO,CAACK,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEjBC,OAAO"}

package/lib/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledWeekday: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("@chayns-components/core/lib/components/color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;

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

@@ -0,0 +1,19 @@
+"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: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.headline;
+}};
+    cursor: default;
+`;
+//# sourceMappingURL=Weekday.styles.js.map

package/lib/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","_ref","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,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA,CAAC;AAC/D;AACA,CAAC"}

package/lib/components/date-info/DateInfo.d.ts

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+export type DateInfoProps = {
+    /**
+     * The date, that should be displayed
+     */
+    date: Date | string;
+    /**
+     * Additional text for "shouldShowDateToNowDifference" prop. Writes a text before the calculated time
+     */
+    preText?: string;
+    /**
+     * Adds the current year to the display
+     */
+    shouldShowThisYear?: boolean;
+    /**
+     * Adds the time to the display.
+     */
+    shouldShowTime?: boolean;
+    /**
+     * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).
+     */
+    shouldShowRelativeDayOfWeek?: boolean;
+    /**
+     * Shortens the day and month text to maximum three digits
+     */
+    shouldUseShortText?: boolean;
+    /**
+     * Adds the day of week to the display
+     */
+    shouldShowDayOfWeek?: boolean;
+    /**
+     * Shows the difference from the date to now. The component handles updates itself.
+     */
+    shouldShowDateToNowDifference?: boolean;
+};
+declare const DateInfo: FC<DateInfoProps>;
+export default DateInfo;

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

@@ -0,0 +1,110 @@
+"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 && Object.prototype.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 = _ref => {
+  let {
+    date,
+    preText = '',
+    shouldShowThisYear,
+    shouldShowTime,
+    shouldShowRelativeDayOfWeek,
+    shouldUseShortText,
+    shouldShowDayOfWeek,
+    shouldShowDateToNowDifference
+  } = _ref;
+  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/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","prototype","hasOwnProperty","call","i","set","DateInfo","_ref","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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"}

package/lib/components/opening-times/OpeningTimes.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import type { OnChange, OnTimeAdd, OpeningTime, Weekday } from '../../types/openingTimes';
+export type OpeningTimesProps = {
+    /**
+     * Function to be executed when a time is changed or a day is enabled/disabled.
+     * @param openingTimes
+     */
+    onChange?: ({ time, enabledDays }: OnChange) => void;
+    /**
+     * Function to be executed when a time is added.
+     */
+    onTimeAdd?: ({ time, dayId }: OnTimeAdd) => void;
+    /**
+     * Function to be executed when a time is removed.
+     */
+    onTimeRemove?: (id: string) => void;
+    /**
+     * The opening times corresponding to its weekday.
+     */
+    openingTimes: OpeningTime[];
+    /**
+     * The weekdays that should be displayed.
+     */
+    weekdays: Weekday[];
+};
+declare const OpeningTimes: FC<OpeningTimesProps>;
+export default OpeningTimes;