@chayns-components/date 5.0.0-beta.998 → 5.0.1

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

@@ -1,24 +1,17 @@
 import styled, { css } from 'styled-components';
 export const StyledDay = styled.div`
     position: relative;
-    cursor: ${_ref => {
-  let {
-    $isSameMonth,
-    $isDisabled
-  } = _ref;
-  return $isSameMonth && !$isDisabled ? 'pointer' : 'default';
-}};
-    color: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.text;
-}};
-    opacity: ${_ref3 => {
-  let {
-    $isSameMonth,
-    $isDisabled
-  } = _ref3;
+    cursor: ${({
+  $isSameMonth,
+  $isDisabled
+}) => $isSameMonth && !$isDisabled ? 'pointer' : 'default'};
+    color: ${({
+  theme
+}) => theme.text};
+    opacity: ${({
+  $isSameMonth,
+  $isDisabled
+}) => {
   if ($isSameMonth && !$isDisabled) {
     return '1';
   }
@@ -32,24 +25,18 @@ export const StyledDay = styled.div`
     align-items: center;
     justify-content: center;
     aspect-ratio: 1;
-    pointer-events: ${_ref4 => {
-  let {
-    $isSameMonth,
-    $isDisabled
-  } = _ref4;
-  return $isSameMonth && !$isDisabled ? 'auto' : 'none';
-}};
+    pointer-events: ${({
+  $isSameMonth,
+  $isDisabled
+}) => $isSameMonth && !$isDisabled ? 'auto' : 'none'};
 
-    ${_ref5 => {
-  let {
-    $backgroundColor,
-    $textColor
-  } = _ref5;
-  return $backgroundColor && $textColor && css`
+    ${({
+  $backgroundColor,
+  $textColor
+}) => $backgroundColor && $textColor && css`
             color: ${$textColor};
             background-color: ${$backgroundColor};
-        `;
-}}
+        `}
 `;
 export const StyledDayNumber = styled.div`
     border-radius: 50%;
@@ -59,30 +46,27 @@ export const StyledDayNumber = styled.div`
     width: 80%;
     height: 80%;
     font-size: 90%;
+    z-index: 2;
 
-    ${_ref6 => {
-  let {
-    $isSelected,
-    $isIntervalEnd,
-    $isIntervalStart,
-    $isWithinIntervalSelection,
-    $customThumbColors,
-    theme
-  } = _ref6;
-  return !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) && css`
+    ${({
+  $isSelected,
+  $isIntervalEnd,
+  $isIntervalStart,
+  $isWithinIntervalSelection,
+  $customThumbColors,
+  theme
+}) => !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) && css`
             background-color: ${$customThumbColors?.mainBackgroundColor ?? theme['404']};
             color: ${$customThumbColors?.mainTextColor ?? theme['409']};
-        `;
-}}
+        `}
 
-    ${_ref7 => {
-  let {
-    $isIntervalStart,
-    $isIntervalEnd,
-    $isWithinIntervalSelection,
-    $customThumbColors,
-    theme
-  } = _ref7;
+    ${({
+  $isIntervalStart,
+  $isIntervalEnd,
+  $isWithinIntervalSelection,
+  $customThumbColors,
+  theme
+}) => {
   if ($isIntervalStart && $isIntervalEnd) {
     return css`
                 border-radius: 5px;
@@ -120,4 +104,18 @@ export const StyledDayCategoryWrapper = styled.div`
     position: absolute;
     bottom: 2px;
 `;
+export const StyledCurrentDay = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6%;
+    width: 90%;
+    height: 90%;
+    position: absolute;
+    z-index: 1;
+    border-radius: 50%;
+    background-color: ${({
+  $backgroundColor
+}) => $backgroundColor};
+`;
 //# sourceMappingURL=Day.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Day.styles.js","names":["styled","css","StyledDay","div","_ref","$isSameMonth","$isDisabled","_ref2","theme","text","_ref3","_ref4","_ref5","$backgroundColor","$textColor","StyledDayNumber","_ref6","$isSelected","$isIntervalEnd","$isIntervalStart","$isWithinIntervalSelection","$customThumbColors","mainBackgroundColor","mainTextColor","_ref7","secondaryBackgroundColor","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';\nimport {CustomThumbColors} from \"../../../../../../types/calendar\";\n\ntype StyledDayProps = WithTheme<{\n    $isSameMonth: boolean;\n    $backgroundColor?: CSSProperties['backgroundColor'];\n    $textColor?: CSSProperties['color'];\n    $isDisabled: boolean;\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'pointer' : 'default'};\n    color: ${({ theme }: StyledDayProps) => theme.text};\n    opacity: ${({ $isSameMonth, $isDisabled }) => {\n        if ($isSameMonth && !$isDisabled) {\n            return '1';\n        }\n        if ($isDisabled) {\n            return '0.2';\n        }\n        return '0.5';\n    }};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n    pointer-events: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'auto' : 'none'};\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    $isIntervalEnd: boolean;\n    $isIntervalStart: boolean;\n    $isWithinIntervalSelection: boolean;\n    $customThumbColors?: CustomThumbColors;\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: 90%;\n\n    ${({ $isSelected, $isIntervalEnd, $isIntervalStart, $isWithinIntervalSelection, $customThumbColors, theme }) =>\n        !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) &&\n        css`\n            background-color: ${$customThumbColors?.mainBackgroundColor ?? theme['404']};\n            color: ${$customThumbColors?.mainTextColor ?? theme['409']};\n        `}\n\n    ${({ $isIntervalStart, $isIntervalEnd, $isWithinIntervalSelection, $customThumbColors, theme }) => {\n        if ($isIntervalStart && $isIntervalEnd) {\n            return css`\n                border-radius: 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalStart) {\n            return css`\n                border-radius: 5px 0 0 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalEnd) {\n            return css`\n                border-radius: 0 5px 5px 0;\n                width: 100%;\n            `;\n        }\n        if ($isWithinIntervalSelection) {\n            return css`\n                border-radius: 0;\n                width: 100%;\n                background-color: ${$customThumbColors?.secondaryBackgroundColor ?? theme['403']};\n            `;\n        }\n\n        return '';\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAmB;AACnD;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAAF,IAAA;EAAA,OACpCC,YAAY,IAAI,CAACC,WAAW,GAAG,SAAS,GAAG,SAAS;AAAA;AAC5D,aAAaC,KAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACtD,eAAeC,KAAA,IAAmC;EAAA,IAAlC;IAAEL,YAAY;IAAEC;EAAY,CAAC,GAAAI,KAAA;EACrC,IAAIL,YAAY,IAAI,CAACC,WAAW,EAAE;IAC9B,OAAO,GAAG;EACd;EACA,IAAIA,WAAW,EAAE;IACb,OAAO,KAAK;EAChB;EACA,OAAO,KAAK;AAChB,CAAC;AACL;AACA;AACA;AACA;AACA;AACA,sBAAsBK,KAAA;EAAA,IAAC;IAAEN,YAAY;IAAEC;EAAY,CAAC,GAAAK,KAAA;EAAA,OAC5CN,YAAY,IAAI,CAACC,WAAW,GAAG,MAAM,GAAG,MAAM;AAAA;AACtD;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAAF,KAAA;EAAA,OAC/BC,gBAAgB,IAChBC,UAAU,IACVb,GAAG;AACX,qBAAqBa,UAAU;AAC/B,gCAAgCD,gBAAgB;AAChD,SAAS;AAAA;AACT,CAAC;AAUD,OAAO,MAAME,eAAe,GAAGf,MAAM,CAACG,GAAyB;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMa,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC,0BAA0B;IAAEC,kBAAkB;IAAEb;EAAM,CAAC,GAAAQ,KAAA;EAAA,OACvG,CAAC,EAAEC,WAAW,IAAIE,gBAAgB,IAAID,cAAc,IAAIE,0BAA0B,CAAC,IACnFnB,GAAG;AACX,gCAAgCoB,kBAAkB,EAAEC,mBAAmB,IAAId,KAAK,CAAC,KAAK,CAAC;AACvF,qBAAqBa,kBAAkB,EAAEE,aAAa,IAAIf,KAAK,CAAC,KAAK,CAAC;AACtE,SAAS;AAAA;AACT;AACA,MAAMgB,KAAA,IAAiG;EAAA,IAAhG;IAAEL,gBAAgB;IAAED,cAAc;IAAEE,0BAA0B;IAAEC,kBAAkB;IAAEb;EAAM,CAAC,GAAAgB,KAAA;EAC1F,IAAIL,gBAAgB,IAAID,cAAc,EAAE;IACpC,OAAOjB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIkB,gBAAgB,EAAE;IAClB,OAAOlB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIiB,cAAc,EAAE;IAChB,OAAOjB,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAImB,0BAA0B,EAAE;IAC5B,OAAOnB,GAAG;AACtB;AACA;AACA,oCAAoCoB,kBAAkB,EAAEI,wBAAwB,IAAIjB,KAAK,CAAC,KAAK,CAAC;AAChG,aAAa;EACL;EAEA,OAAO,EAAE;AACb,CAAC;AACL,CAAC;AAED,OAAO,MAAMkB,wBAAwB,GAAG1B,MAAM,CAACG,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Day.styles.js","names":["styled","css","StyledDay","div","$isSameMonth","$isDisabled","theme","text","$backgroundColor","$textColor","StyledDayNumber","$isSelected","$isIntervalEnd","$isIntervalStart","$isWithinIntervalSelection","$customThumbColors","mainBackgroundColor","mainTextColor","secondaryBackgroundColor","StyledDayCategoryWrapper","StyledCurrentDay"],"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';\nimport { CustomThumbColors } from '../../../../../../types/calendar';\n\ntype StyledDayProps = WithTheme<{\n    $isSameMonth: boolean;\n    $backgroundColor?: CSSProperties['backgroundColor'];\n    $textColor?: CSSProperties['color'];\n    $isDisabled: boolean;\n}>;\n\nexport const StyledDay = styled.div<StyledDayProps>`\n    position: relative;\n    cursor: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'pointer' : 'default'};\n    color: ${({ theme }: StyledDayProps) => theme.text};\n    opacity: ${({ $isSameMonth, $isDisabled }) => {\n        if ($isSameMonth && !$isDisabled) {\n            return '1';\n        }\n        if ($isDisabled) {\n            return '0.2';\n        }\n        return '0.5';\n    }};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n    pointer-events: ${({ $isSameMonth, $isDisabled }) =>\n        $isSameMonth && !$isDisabled ? 'auto' : 'none'};\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    $isIntervalEnd: boolean;\n    $isIntervalStart: boolean;\n    $isWithinIntervalSelection: boolean;\n    $customThumbColors?: CustomThumbColors;\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: 90%;\n    z-index: 2;\n\n    ${({\n        $isSelected,\n        $isIntervalEnd,\n        $isIntervalStart,\n        $isWithinIntervalSelection,\n        $customThumbColors,\n        theme,\n    }) =>\n        !!($isSelected || $isIntervalStart || $isIntervalEnd || $isWithinIntervalSelection) &&\n        css`\n            background-color: ${$customThumbColors?.mainBackgroundColor ?? theme['404']};\n            color: ${$customThumbColors?.mainTextColor ?? theme['409']};\n        `}\n\n    ${({\n        $isIntervalStart,\n        $isIntervalEnd,\n        $isWithinIntervalSelection,\n        $customThumbColors,\n        theme,\n    }) => {\n        if ($isIntervalStart && $isIntervalEnd) {\n            return css`\n                border-radius: 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalStart) {\n            return css`\n                border-radius: 5px 0 0 5px;\n                width: 100%;\n            `;\n        }\n        if ($isIntervalEnd) {\n            return css`\n                border-radius: 0 5px 5px 0;\n                width: 100%;\n            `;\n        }\n        if ($isWithinIntervalSelection) {\n            return css`\n                border-radius: 0;\n                width: 100%;\n                background-color: ${$customThumbColors?.secondaryBackgroundColor ?? theme['403']};\n            `;\n        }\n\n        return '';\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\ntype StyledCurrentDayProps = {\n    $backgroundColor: CSSProperties['backgroundColor'];\n};\n\nexport const StyledCurrentDay = styled.div<StyledCurrentDayProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6%;\n    width: 90%;\n    height: 90%;\n    position: absolute;\n    z-index: 1;\n    border-radius: 50%;\n    background-color: ${({ $backgroundColor }) => $backgroundColor};\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAmB;AACnD;AACA,cAAc,CAAC;EAAEC,YAAY;EAAEC;AAAY,CAAC,KACpCD,YAAY,IAAI,CAACC,WAAW,GAAG,SAAS,GAAG,SAAS;AAC5D,aAAa,CAAC;EAAEC;AAAsB,CAAC,KAAKA,KAAK,CAACC,IAAI;AACtD,eAAe,CAAC;EAAEH,YAAY;EAAEC;AAAY,CAAC,KAAK;EAC1C,IAAID,YAAY,IAAI,CAACC,WAAW,EAAE;IAC9B,OAAO,GAAG;EACd;EACA,IAAIA,WAAW,EAAE;IACb,OAAO,KAAK;EAChB;EACA,OAAO,KAAK;AAChB,CAAC;AACL;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAED,YAAY;EAAEC;AAAY,CAAC,KAC5CD,YAAY,IAAI,CAACC,WAAW,GAAG,MAAM,GAAG,MAAM;AACtD;AACA,MAAM,CAAC;EAAEG,gBAAgB;EAAEC;AAAW,CAAC,KAC/BD,gBAAgB,IAChBC,UAAU,IACVR,GAAG;AACX,qBAAqBQ,UAAU;AAC/B,gCAAgCD,gBAAgB;AAChD,SAAS;AACT,CAAC;AAUD,OAAO,MAAME,eAAe,GAAGV,MAAM,CAACG,GAAyB;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EACCQ,WAAW;EACXC,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,kBAAkB;EAClBT;AACJ,CAAC,KACG,CAAC,EAAEK,WAAW,IAAIE,gBAAgB,IAAID,cAAc,IAAIE,0BAA0B,CAAC,IACnFb,GAAG;AACX,gCAAgCc,kBAAkB,EAAEC,mBAAmB,IAAIV,KAAK,CAAC,KAAK,CAAC;AACvF,qBAAqBS,kBAAkB,EAAEE,aAAa,IAAIX,KAAK,CAAC,KAAK,CAAC;AACtE,SAAS;AACT;AACA,MAAM,CAAC;EACCO,gBAAgB;EAChBD,cAAc;EACdE,0BAA0B;EAC1BC,kBAAkB;EAClBT;AACJ,CAAC,KAAK;EACF,IAAIO,gBAAgB,IAAID,cAAc,EAAE;IACpC,OAAOX,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIY,gBAAgB,EAAE;IAClB,OAAOZ,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIW,cAAc,EAAE;IAChB,OAAOX,GAAG;AACtB;AACA;AACA,aAAa;EACL;EACA,IAAIa,0BAA0B,EAAE;IAC5B,OAAOb,GAAG;AACtB;AACA;AACA,oCAAoCc,kBAAkB,EAAEG,wBAAwB,IAAIZ,KAAK,CAAC,KAAK,CAAC;AAChG,aAAa;EACL;EAEA,OAAO,EAAE;AACb,CAAC;AACL,CAAC;AAED,OAAO,MAAMa,wBAAwB,GAAGnB,MAAM,CAACG,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAMD,OAAO,MAAMiB,gBAAgB,GAAGpB,MAAM,CAACG,GAA0B;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEK;AAAiB,CAAC,KAAKA,gBAAgB;AAClE,CAAC","ignoreList":[]}

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

@@ -1,13 +1,10 @@
 import React from 'react';
 import { StyledCategory } from './Category.styles';
-const Category = _ref => {
-  let {
-    color
-  } = _ref;
-  return /*#__PURE__*/React.createElement(StyledCategory, {
-    $color: color
-  });
-};
+const Category = ({
+  color
+}) => /*#__PURE__*/React.createElement(StyledCategory, {
+  $color: color
+});
 Category.displayName = 'Category';
 export default Category;
 //# sourceMappingURL=Category.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Category.js","names":["React","StyledCategory","Category","_ref","color","createElement","$color","displayName"],"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,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,cAAc;IAACK,MAAM,EAAEF;EAAM,CAAE,CAAC;AAAA;AAEpFF,QAAQ,CAACK,WAAW,GAAG,UAAU;AAEjC,eAAeL,QAAQ","ignoreList":[]}
+{"version":3,"file":"Category.js","names":["React","StyledCategory","Category","color","createElement","$color","displayName"],"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,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,MAAMC,QAA2B,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAAKH,KAAA,CAAAI,aAAA,CAACH,cAAc;EAACI,MAAM,EAAEF;AAAM,CAAE,CAAC;AAEpFD,QAAQ,CAACI,WAAW,GAAG,UAAU;AAEjC,eAAeJ,QAAQ","ignoreList":[]}

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

@@ -3,12 +3,9 @@ export const StyledCategory = styled.div`
     border-radius: 50%;
     width: 24%;
     aspect-ratio: 1;
-    background-color: ${_ref => {
-  let {
-    $color
-  } = _ref;
-  return $color;
-}};
+    background-color: ${({
+  $color
+}) => $color};
     border: 1px solid white;
 `;
 //# sourceMappingURL=Category.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Category.styles.js","names":["styled","StyledCategory","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,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAwB;AAC7D;AACA;AACA;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA;AAC9C;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Category.styles.js","names":["styled","StyledCategory","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,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAwB;AAC7D;AACA;AACA;AACA,wBAAwB,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AAC9C;AACA,CAAC","ignoreList":[]}

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

@@ -1,11 +1,10 @@
 import React, { useMemo } from 'react';
 import { StyledWeekdayWrapper } from './WeekdayWrapper.styles';
 import Weekday from './weekday/Weekday';
-import { eachDayOfInterval, endOfWeek, startOfWeek } from "../../../../../utils/date";
-const WeekdayWrapper = _ref => {
-  let {
-    locale
-  } = _ref;
+import { eachDayOfInterval, endOfWeek, startOfWeek } from '../../../../../utils/date';
+const WeekdayWrapper = ({
+  locale
+}) => {
   const monday = startOfWeek(new Date());
   const sunday = endOfWeek(new Date());
   const weekdays = eachDayOfInterval({

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

@@ -1 +1 @@
-{"version":3,"file":"WeekdayWrapper.js","names":["React","useMemo","StyledWeekdayWrapper","Weekday","eachDayOfInterval","endOfWeek","startOfWeek","WeekdayWrapper","_ref","locale","monday","Date","sunday","weekdays","start","end","weekdayElements","items","forEach","day","options","weekday","formatter","Intl","DateTimeFormat","formattedDay","format","push","createElement","key","name","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport {Language} from \"chayns-api\";\nimport {eachDayOfInterval, endOfWeek, startOfWeek} from \"../../../../../utils/date\";\n\nexport type WeekdayWrapperProps = {\n    locale?: Language;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n    const monday = startOfWeek(new Date());\n    const sunday = endOfWeek(new Date());\n    const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n    const weekdayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        weekdays.forEach((day) => {\n            const options: Intl.DateTimeFormatOptions = { weekday: 'short' };\n            const formatter = new Intl.DateTimeFormat(locale, options);\n            const formattedDay = formatter.format(day);\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":"AAAA,OAAOA,KAAK,IAA2BC,OAAO,QAAQ,OAAO;AAC7D,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,OAAOC,OAAO,MAAM,mBAAmB;AAEvC,SAAQC,iBAAiB,EAAEC,SAAS,EAAEC,WAAW,QAAO,2BAA2B;AAMnF,MAAMC,cAAuC,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EACvD,MAAME,MAAM,GAAGJ,WAAW,CAAC,IAAIK,IAAI,CAAC,CAAC,CAAC;EACtC,MAAMC,MAAM,GAAGP,SAAS,CAAC,IAAIM,IAAI,CAAC,CAAC,CAAC;EACpC,MAAME,QAAQ,GAAGT,iBAAiB,CAAC;IAAEU,KAAK,EAAEJ,MAAM;IAAEK,GAAG,EAAEH;EAAO,CAAC,CAAC;EAElE,MAAMI,eAAe,GAAGf,OAAO,CAAC,MAAM;IAClC,MAAMgB,KAAqB,GAAG,EAAE;IAEhCJ,QAAQ,CAACK,OAAO,CAAEC,GAAG,IAAK;MACtB,MAAMC,OAAmC,GAAG;QAAEC,OAAO,EAAE;MAAQ,CAAC;MAChE,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACf,MAAM,EAAEW,OAAO,CAAC;MAC1D,MAAMK,YAAY,GAAGH,SAAS,CAACI,MAAM,CAACP,GAAG,CAAC;MAE1CF,KAAK,CAACU,IAAI,cAAC3B,KAAA,CAAA4B,aAAA,CAACzB,OAAO;QAAC0B,GAAG,EAAE,WAAWJ,YAAY,EAAG;QAACK,IAAI,EAAEL;MAAa,CAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,OAAOR,KAAK;EAChB,CAAC,EAAE,CAACR,MAAM,EAAEI,QAAQ,CAAC,CAAC;EAEtB,oBAAOb,KAAA,CAAA4B,aAAA,CAAC1B,oBAAoB,QAAEc,eAAsC,CAAC;AACzE,CAAC;AAEDT,cAAc,CAACwB,WAAW,GAAG,gBAAgB;AAE7C,eAAexB,cAAc","ignoreList":[]}
+{"version":3,"file":"WeekdayWrapper.js","names":["React","useMemo","StyledWeekdayWrapper","Weekday","eachDayOfInterval","endOfWeek","startOfWeek","WeekdayWrapper","locale","monday","Date","sunday","weekdays","start","end","weekdayElements","items","forEach","day","options","weekday","formatter","Intl","DateTimeFormat","formattedDay","format","push","createElement","key","name","displayName"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport { Language } from 'chayns-api';\nimport { eachDayOfInterval, endOfWeek, startOfWeek } from '../../../../../utils/date';\n\nexport type WeekdayWrapperProps = {\n    locale?: Language;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n    const monday = startOfWeek(new Date());\n    const sunday = endOfWeek(new Date());\n    const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n    const weekdayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        weekdays.forEach((day) => {\n            const options: Intl.DateTimeFormatOptions = { weekday: 'short' };\n            const formatter = new Intl.DateTimeFormat(locale, options);\n            const formattedDay = formatter.format(day);\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":"AAAA,OAAOA,KAAK,IAA2BC,OAAO,QAAQ,OAAO;AAC7D,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,OAAOC,OAAO,MAAM,mBAAmB;AAEvC,SAASC,iBAAiB,EAAEC,SAAS,EAAEC,WAAW,QAAQ,2BAA2B;AAMrF,MAAMC,cAAuC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EAC5D,MAAMC,MAAM,GAAGH,WAAW,CAAC,IAAII,IAAI,CAAC,CAAC,CAAC;EACtC,MAAMC,MAAM,GAAGN,SAAS,CAAC,IAAIK,IAAI,CAAC,CAAC,CAAC;EACpC,MAAME,QAAQ,GAAGR,iBAAiB,CAAC;IAAES,KAAK,EAAEJ,MAAM;IAAEK,GAAG,EAAEH;EAAO,CAAC,CAAC;EAElE,MAAMI,eAAe,GAAGd,OAAO,CAAC,MAAM;IAClC,MAAMe,KAAqB,GAAG,EAAE;IAEhCJ,QAAQ,CAACK,OAAO,CAAEC,GAAG,IAAK;MACtB,MAAMC,OAAmC,GAAG;QAAEC,OAAO,EAAE;MAAQ,CAAC;MAChE,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACf,MAAM,EAAEW,OAAO,CAAC;MAC1D,MAAMK,YAAY,GAAGH,SAAS,CAACI,MAAM,CAACP,GAAG,CAAC;MAE1CF,KAAK,CAACU,IAAI,cAAC1B,KAAA,CAAA2B,aAAA,CAACxB,OAAO;QAACyB,GAAG,EAAE,WAAWJ,YAAY,EAAG;QAACK,IAAI,EAAEL;MAAa,CAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,OAAOR,KAAK;EAChB,CAAC,EAAE,CAACR,MAAM,EAAEI,QAAQ,CAAC,CAAC;EAEtB,oBAAOZ,KAAA,CAAA2B,aAAA,CAACzB,oBAAoB,QAAEa,eAAsC,CAAC;AACzE,CAAC;AAEDR,cAAc,CAACuB,WAAW,GAAG,gBAAgB;AAE7C,eAAevB,cAAc","ignoreList":[]}

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

@@ -1,11 +1,8 @@
 import React from 'react';
 import { StyledWeekday } from './Weekday.styles';
-const Weekday = _ref => {
-  let {
-    name
-  } = _ref;
-  return /*#__PURE__*/React.createElement(StyledWeekday, null, name);
-};
+const Weekday = ({
+  name
+}) => /*#__PURE__*/React.createElement(StyledWeekday, null, name);
 Weekday.displayName = 'Weekday';
 export default Weekday;
 //# sourceMappingURL=Weekday.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Weekday.js","names":["React","StyledWeekday","Weekday","_ref","name","createElement","displayName"],"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,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,aAAa,QAAQ,kBAAkB;AAMhD,MAAMC,OAAyB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,oBAAKH,KAAA,CAAAK,aAAA,CAACJ,aAAa,QAAEG,IAAoB,CAAC;AAAA;AAErFF,OAAO,CAACI,WAAW,GAAG,SAAS;AAE/B,eAAeJ,OAAO","ignoreList":[]}
+{"version":3,"file":"Weekday.js","names":["React","StyledWeekday","Weekday","name","createElement","displayName"],"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,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,aAAa,QAAQ,kBAAkB;AAMhD,MAAMC,OAAyB,GAAGA,CAAC;EAAEC;AAAK,CAAC,kBAAKH,KAAA,CAAAI,aAAA,CAACH,aAAa,QAAEE,IAAoB,CAAC;AAErFD,OAAO,CAACG,WAAW,GAAG,SAAS;AAE/B,eAAeH,OAAO","ignoreList":[]}

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

@@ -1,11 +1,8 @@
 import styled from 'styled-components';
 export const StyledWeekday = styled.div`
-    color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.headline;
-}};
+    color: ${({
+  theme
+}) => theme.headline};
     cursor: default;
     font-size: 90%;
     text-align: center;

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

@@ -1 +1 @@
-{"version":3,"file":"Weekday.styles.js","names":["styled","StyledWeekday","div","_ref","theme","headline"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledWeekdayProps = WithTheme<unknown>;\n\nexport const StyledWeekday = styled.div<StyledWeekdayProps>`\n    color: ${({ theme }: StyledWeekdayProps) => theme.headline};\n    cursor: default;\n    font-size: 90%;\n    text-align: center;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAuB;AAC3D,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,QAAQ;AAAA;AAC9D;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"Weekday.styles.js","names":["styled","StyledWeekday","div","theme","headline"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/weekday/Weekday.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledWeekdayProps = WithTheme<unknown>;\n\nexport const StyledWeekday = styled.div<StyledWeekdayProps>`\n    color: ${({ theme }: StyledWeekdayProps) => theme.headline};\n    cursor: default;\n    font-size: 90%;\n    text-align: center;\n`;\n"],"mappings":"AACA,OAAOA,MAAM,MAAM,mBAAmB;AAItC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAuB;AAC3D,aAAa,CAAC;EAAEC;AAA0B,CAAC,KAAKA,KAAK,CAACC,QAAQ;AAC9D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/calendar/month-year-pickers/MonthYearPickers.js

@@ -1,24 +1,23 @@
 import { ComboBox } from '@chayns-components/core';
 import React, { useMemo, useState } from 'react';
 import { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';
+import { differenceInCalendarMonths } from '../../../utils/date';
 import { StyledMonthName } from '../month-wrapper/month/Month.styles';
-import { differenceInCalendarMonths } from "../../../utils/date";
 export let MonthYearPickerType = /*#__PURE__*/function (MonthYearPickerType) {
   MonthYearPickerType["Month"] = "month";
   MonthYearPickerType["Year"] = "year";
   return MonthYearPickerType;
 }({});
-const MonthYearPickers = _ref => {
-  let {
-    month,
-    year,
-    locale,
-    minDate,
-    maxDate,
-    setCurrentDate,
-    displayIndex = 0,
-    showMonthYearPickers
-  } = _ref;
+const MonthYearPickers = ({
+  month,
+  year,
+  locale,
+  minDate,
+  maxDate,
+  setCurrentDate,
+  displayIndex = 0,
+  showMonthYearPickers
+}) => {
   const [currentYear] = useState(new Date().getFullYear());
   const months = useMemo(() => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(tempMonth => ({
     text: formatMonth({
@@ -35,6 +34,7 @@ const MonthYearPickers = _ref => {
   const hasMultipleYears = useMemo(() => years.length > 1, [years]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, showMonthYearPickers && hasMultipleMonths ? /*#__PURE__*/React.createElement(ComboBox, {
     onSelect: selectedItem => {
+      if (!selectedItem) return;
       const tempSelectedDate = isDateInRange({
         minDate,
         maxDate,
@@ -58,6 +58,7 @@ const MonthYearPickers = _ref => {
     month
   })), showMonthYearPickers && hasMultipleYears ? /*#__PURE__*/React.createElement(ComboBox, {
     onSelect: selectedItem => {
+      if (!selectedItem) return;
       const tempSelectedDate = isDateInRange({
         minDate,
         maxDate,

package/lib/esm/components/calendar/month-year-pickers/MonthYearPickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearPickers.js","names":["ComboBox","React","useMemo","useState","formatMonth","getYearsBetween","isDateInRange","StyledMonthName","differenceInCalendarMonths","MonthYearPickerType","MonthYearPickers","_ref","month","year","locale","minDate","maxDate","setCurrentDate","displayIndex","showMonthYearPickers","currentYear","Date","getFullYear","months","map","tempMonth","text","value","hasMultipleMonths","years","tempYear","toString","hasMultipleYears","length","createElement","Fragment","onSelect","selectedItem","tempSelectedDate","currentDate","lists","list","placeholder"],"sources":["../../../../../src/components/calendar/month-year-pickers/MonthYearPickers.tsx"],"sourcesContent":["import { ComboBox } from '@chayns-components/core';\nimport React, { FC, useMemo, useState } from 'react';\nimport { EMonth } from '../../../types/calendar';\nimport { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';\nimport { StyledMonthName } from '../month-wrapper/month/Month.styles';\nimport {Language} from \"chayns-api\";\nimport {differenceInCalendarMonths} from \"../../../utils/date\";\n\nexport enum MonthYearPickerType {\n    Month = 'month',\n    Year = 'year',\n}\n\ntype MonthYearPickerProps = {\n    month: EMonth;\n    year: number;\n    locale: Language;\n    minDate: Date;\n    maxDate: Date;\n    setCurrentDate: (date: Date) => void;\n    displayIndex?: number;\n    showMonthYearPickers: boolean;\n};\n\nconst MonthYearPickers: FC<MonthYearPickerProps> = ({\n    month,\n    year,\n    locale,\n    minDate,\n    maxDate,\n    setCurrentDate,\n    displayIndex = 0,\n    showMonthYearPickers,\n}) => {\n    const [currentYear] = useState(new Date().getFullYear());\n\n    const months = useMemo(\n        () =>\n            [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((tempMonth) => ({\n                text: formatMonth({ month: tempMonth, locale }),\n                value: tempMonth,\n            })),\n        [locale],\n    );\n\n    const hasMultipleMonths = useMemo(\n        () => differenceInCalendarMonths(maxDate, minDate) > 0,\n        [minDate, maxDate],\n    );\n\n    const years = useMemo(\n        () =>\n            getYearsBetween(minDate, maxDate).map((tempYear) => ({\n                text: tempYear.toString(),\n                value: tempYear,\n            })),\n        [minDate, maxDate],\n    );\n\n    const hasMultipleYears = useMemo(() => years.length > 1, [years]);\n\n    return (\n        <>\n            {showMonthYearPickers && hasMultipleMonths ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                year,\n                                (selectedItem.value as number) - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: months,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: formatMonth({ month, locale }),\n                        value: month,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{formatMonth({ locale, month })}</StyledMonthName>\n            )}\n            {showMonthYearPickers && hasMultipleYears ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                selectedItem.value as number,\n                                month - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: years,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: year.toString(),\n                        value: year,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{currentYear !== year ? year : ''}</StyledMonthName>\n            )}\n        </>\n    );\n};\n\nexport default MonthYearPickers;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MonthYearPickers.js","names":["ComboBox","React","useMemo","useState","formatMonth","getYearsBetween","isDateInRange","differenceInCalendarMonths","StyledMonthName","MonthYearPickerType","MonthYearPickers","month","year","locale","minDate","maxDate","setCurrentDate","displayIndex","showMonthYearPickers","currentYear","Date","getFullYear","months","map","tempMonth","text","value","hasMultipleMonths","years","tempYear","toString","hasMultipleYears","length","createElement","Fragment","onSelect","selectedItem","tempSelectedDate","currentDate","lists","list","placeholder"],"sources":["../../../../../src/components/calendar/month-year-pickers/MonthYearPickers.tsx"],"sourcesContent":["import { ComboBox } from '@chayns-components/core';\nimport { Language } from 'chayns-api';\nimport React, { FC, useMemo, useState } from 'react';\nimport { EMonth } from '../../../types/calendar';\nimport { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';\nimport { differenceInCalendarMonths } from '../../../utils/date';\nimport { StyledMonthName } from '../month-wrapper/month/Month.styles';\n\nexport enum MonthYearPickerType {\n    Month = 'month',\n    Year = 'year',\n}\n\ntype MonthYearPickerProps = {\n    month: EMonth;\n    year: number;\n    locale: Language;\n    minDate: Date;\n    maxDate: Date;\n    setCurrentDate: (date: Date) => void;\n    displayIndex?: number;\n    showMonthYearPickers: boolean;\n};\n\nconst MonthYearPickers: FC<MonthYearPickerProps> = ({\n    month,\n    year,\n    locale,\n    minDate,\n    maxDate,\n    setCurrentDate,\n    displayIndex = 0,\n    showMonthYearPickers,\n}) => {\n    const [currentYear] = useState(new Date().getFullYear());\n\n    const months = useMemo(\n        () =>\n            [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((tempMonth) => ({\n                text: formatMonth({ month: tempMonth, locale }),\n                value: tempMonth,\n            })),\n        [locale],\n    );\n\n    const hasMultipleMonths = useMemo(\n        () => differenceInCalendarMonths(maxDate, minDate) > 0,\n        [minDate, maxDate],\n    );\n\n    const years = useMemo(\n        () =>\n            getYearsBetween(minDate, maxDate).map((tempYear) => ({\n                text: tempYear.toString(),\n                value: tempYear,\n            })),\n        [minDate, maxDate],\n    );\n\n    const hasMultipleYears = useMemo(() => years.length > 1, [years]);\n\n    return (\n        <>\n            {showMonthYearPickers && hasMultipleMonths ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        if (!selectedItem) return;\n\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                year,\n                                (selectedItem.value as number) - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: months,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: formatMonth({ month, locale }),\n                        value: month,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{formatMonth({ locale, month })}</StyledMonthName>\n            )}\n            {showMonthYearPickers && hasMultipleYears ? (\n                <ComboBox\n                    onSelect={(selectedItem) => {\n                        if (!selectedItem) return;\n\n                        const tempSelectedDate = isDateInRange({\n                            minDate,\n                            maxDate,\n                            currentDate: new Date(\n                                selectedItem.value as number,\n                                month - 1 - displayIndex,\n                                1,\n                            ),\n                        });\n\n                        setCurrentDate(tempSelectedDate);\n                    }}\n                    lists={[\n                        {\n                            list: years,\n                        },\n                    ]}\n                    selectedItem={{\n                        text: year.toString(),\n                        value: year,\n                    }}\n                    placeholder=\"\"\n                />\n            ) : (\n                <StyledMonthName>{currentYear !== year ? year : ''}</StyledMonthName>\n            )}\n        </>\n    );\n};\n\nexport default MonthYearPickers;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +1,21 @@
 import React, { useMemo } from 'react';
 import { useDateInfo } from '../../hooks/useDateInfo';
-const DateInfo = _ref => {
-  let {
-    date,
-    preText = '',
-    shouldShowYear,
-    shouldShowTime,
-    shouldShowRelativeDayOfWeek,
-    shouldUseShortText,
-    shouldShowDayOfWeek,
-    shouldShowDateToNowDifference
-  } = _ref;
+const DateInfo = ({
+  date,
+  preText = '',
+  shouldShowYear,
+  shouldShowTime,
+  shouldShowRelativeDayOfWeek,
+  shouldUseShortText,
+  shouldShowDayOfWeek,
+  shouldShowDateToNowDifference,
+  shouldShowOnlyTime
+}) => {
   const formattedDate = useDateInfo({
     date,
     preText,
     shouldShowYear,
+    shouldShowOnlyTime,
     shouldShowTime,
     shouldUseShortText,
     shouldShowDayOfWeek,

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

@@ -1 +1 @@
-{"version":3,"file":"DateInfo.js","names":["React","useMemo","useDateInfo","DateInfo","_ref","date","preText","shouldShowYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","createElement","displayName"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { useDateInfo } from '../../hooks/useDateInfo';\nimport { UseDateInfoOptions } from '../../types/dateinfo';\n\nexport type DateInfoProps = UseDateInfoOptions;\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n}) => {\n    const formattedDate = useDateInfo({\n        date,\n        preText,\n        shouldShowYear,\n        shouldShowTime,\n        shouldUseShortText,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowDateToNowDifference,\n    });\n\n    return useMemo(() => <span>{formattedDate}</span>, [formattedDate]);\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAASC,WAAW,QAAQ,yBAAyB;AAKrD,MAAMC,QAA2B,GAAGC,IAAA,IAS9B;EAAA,IAT+B;IACjCC,IAAI;IACJC,OAAO,GAAG,EAAE;IACZC,cAAc;IACdC,cAAc;IACdC,2BAA2B;IAC3BC,kBAAkB;IAClBC,mBAAmB;IACnBC;EACJ,CAAC,GAAAR,IAAA;EACG,MAAMS,aAAa,GAAGX,WAAW,CAAC;IAC9BG,IAAI;IACJC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdE,kBAAkB;IAClBC,mBAAmB;IACnBF,2BAA2B;IAC3BG;EACJ,CAAC,CAAC;EAEF,OAAOX,OAAO,CAAC,mBAAMD,KAAA,CAAAc,aAAA,eAAOD,aAAoB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;AACvE,CAAC;AAEDV,QAAQ,CAACY,WAAW,GAAG,UAAU;AAEjC,eAAeZ,QAAQ","ignoreList":[]}
+{"version":3,"file":"DateInfo.js","names":["React","useMemo","useDateInfo","DateInfo","date","preText","shouldShowYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","shouldShowOnlyTime","formattedDate","createElement","displayName"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { useDateInfo } from '../../hooks/useDateInfo';\nimport { UseDateInfoOptions } from '../../types/dateinfo';\n\nexport type DateInfoProps = UseDateInfoOptions;\n\nconst DateInfo: FC<DateInfoProps> = ({\n    date,\n    preText = '',\n    shouldShowYear,\n    shouldShowTime,\n    shouldShowRelativeDayOfWeek,\n    shouldUseShortText,\n    shouldShowDayOfWeek,\n    shouldShowDateToNowDifference,\n    shouldShowOnlyTime,\n}) => {\n    const formattedDate = useDateInfo({\n        date,\n        preText,\n        shouldShowYear,\n        shouldShowOnlyTime,\n        shouldShowTime,\n        shouldUseShortText,\n        shouldShowDayOfWeek,\n        shouldShowRelativeDayOfWeek,\n        shouldShowDateToNowDifference,\n    });\n\n    return useMemo(() => <span>{formattedDate}</span>, [formattedDate]);\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAASC,WAAW,QAAQ,yBAAyB;AAKrD,MAAMC,QAA2B,GAAGA,CAAC;EACjCC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,cAAc;EACdC,2BAA2B;EAC3BC,kBAAkB;EAClBC,mBAAmB;EACnBC,6BAA6B;EAC7BC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAGX,WAAW,CAAC;IAC9BE,IAAI;IACJC,OAAO;IACPC,cAAc;IACdM,kBAAkB;IAClBL,cAAc;IACdE,kBAAkB;IAClBC,mBAAmB;IACnBF,2BAA2B;IAC3BG;EACJ,CAAC,CAAC;EAEF,OAAOV,OAAO,CAAC,mBAAMD,KAAA,CAAAc,aAAA,eAAOD,aAAoB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;AACvE,CAAC;AAEDV,QAAQ,CAACY,WAAW,GAAG,UAAU;AAEjC,eAAeZ,QAAQ","ignoreList":[]}

package/lib/esm/components/opening-times/OpeningTimes.js

@@ -4,20 +4,18 @@ import { HintTextPosition } from '../../types/openingTimes';
 import HintText from './hint-text/HintText';
 import OpeningInputs from './opening-inputs/OpeningInputs';
 import { StyledOpeningTimes, StyledOpeningTimesTooltipContent, StyledOpeningTimesWeekDay, StyledOpeningTimesWrapper } from './OpeningTimes.styles';
-const OpeningTimes = _ref => {
-  let {
-    closedText = 'closed',
-    currentDayId,
-    editMode = false,
-    hintText,
-    hintTextPosition = HintTextPosition.Bottom,
-    openingTimes,
-    weekdays,
-    onChange,
-    onTimeAdd,
-    onTimeRemove,
-    shouldNotValidate = false
-  } = _ref;
+const OpeningTimes = ({
+  closedText = 'closed',
+  currentDayId,
+  editMode = false,
+  hintText,
+  hintTextPosition = HintTextPosition.Bottom,
+  openingTimes,
+  weekdays,
+  onChange,
+  onTimeAdd,
+  onTimeRemove
+}) => {
   const [newOpeningTimes, setNewOpeningTimes] = useState();
   const [invalidOpeningTimes, setInvalidOpeningTimes] = useState([]);
   const [isPopupOpen, setIsPopupOpen] = useState(false);
@@ -27,7 +25,7 @@ const OpeningTimes = _ref => {
     setNewOpeningTimes(openingTimes);
   }, [openingTimes]);
   const validateTime = useCallback((newTime, dayId) => {
-    if (newTime.start === newTime.end) {
+    if (newTime.start === newTime.end || newTime.start >= newTime.end) {
       return false;
     }
     const dayTimes = newOpeningTimes?.find(day => day.id === dayId)?.times || [];
@@ -53,10 +51,7 @@ const OpeningTimes = _ref => {
     });
   }, [onChange]);
   const handleChange = useCallback((newTime, id) => {
-    const isValid = shouldNotValidate || validateTime(newTime, id);
-    if (!isValid) {
-      return;
-    }
+    const isValid = validateTime(newTime, id);
     setNewOpeningTimes(prevOpeningTimes => {
       const updatedOpeningTimes = (prevOpeningTimes ?? []).map(openingTime => {
         if (openingTime.id === id) {
@@ -74,21 +69,23 @@ const OpeningTimes = _ref => {
         return openingTime;
       });
       const changedOpeningTime = updatedOpeningTimes.find(updatedOpeningTime => updatedOpeningTime.id === id);
-      if (isValid && typeof onChange === 'function') {
+      if (typeof onChange === 'function') {
         onChange({
+          isValid,
           dayId: changedOpeningTime?.id,
           time: newTime
         });
       }
       return updatedOpeningTimes;
     });
-  }, [onChange, shouldNotValidate, validateTime]);
+  }, [onChange, validateTime]);
   const handleAdd = useCallback((time, id) => {
-    const isValid = shouldNotValidate || validateTime(time, id);
-    if (isValid && typeof onTimeAdd === 'function') {
+    const isValid = validateTime(time, id);
+    if (typeof onTimeAdd === 'function') {
       onTimeAdd({
         time,
-        dayId: id
+        dayId: id,
+        isValid
       });
     }
     setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
@@ -100,7 +97,7 @@ const OpeningTimes = _ref => {
       }
       return openingTime;
     }));
-  }, [onTimeAdd, shouldNotValidate, validateTime]);
+  }, [onTimeAdd, validateTime]);
   const handleUpdateInvalidIds = useCallback((openingTimeId, invalidTimeIds) => {
     setInvalidOpeningTimes(prevState => {
       const updatedInvalidOpeningTimes = prevState.map(invalidOpeningTime => {
@@ -112,12 +109,9 @@ const OpeningTimes = _ref => {
         }
         return invalidOpeningTime;
       });
-      if (!updatedInvalidOpeningTimes.some(_ref2 => {
-        let {
-          openingTimeId: updatedInvalidOpeningId
-        } = _ref2;
-        return updatedInvalidOpeningId === openingTimeId;
-      }) && invalidTimeIds.length > 0) {
+      if (!updatedInvalidOpeningTimes.some(({
+        openingTimeId: updatedInvalidOpeningId
+      }) => updatedInvalidOpeningId === openingTimeId) && invalidTimeIds.length > 0) {
         updatedInvalidOpeningTimes.push({
           openingTimeId,
           invalidTimeIds
@@ -143,13 +137,12 @@ const OpeningTimes = _ref => {
     if (!newOpeningTimes) {
       return items;
     }
-    newOpeningTimes.forEach(_ref3 => {
-      let {
-        times,
-        id,
-        weekdayId,
-        isDisabled
-      } = _ref3;
+    newOpeningTimes.forEach(({
+      times,
+      id,
+      weekdayId,
+      isDisabled
+    }) => {
       const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
       if (!weekday) {
         return;
@@ -187,12 +180,9 @@ const OpeningTimes = _ref => {
     if (!currentDayId || editMode) {
       return content;
     }
-    const singleDay = newOpeningTimes?.find(_ref4 => {
-      let {
-        id
-      } = _ref4;
-      return id === currentDayId;
-    });
+    const singleDay = newOpeningTimes?.find(({
+      id
+    }) => id === currentDayId);
     if (!singleDay) {
       return content;
     }