@synerise/ds-date-picker 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@1.4.1...@synerise/ds-date-picker@1.4.2) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
+## [1.4.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@1.4.0...@synerise/ds-date-picker@1.4.1) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
 # [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@1.3.21...@synerise/ds-date-picker@1.4.0) (2026-03-09)
 
 ### Features

package/README.md

@@ -18,7 +18,7 @@ yarn add @synerise/ds-date-picker
 ```
 import DatePicker from '@synerise/ds-date-picker'
 
-<DatePicker />
+<DatePicker onApply={(date) => console.log(date)} />
 
 ```
 
@@ -57,9 +57,10 @@ import DatePicker from '@synerise/ds-date-picker'
 
 ### Texts
 
-| Property   | Description                  | Type   | Default       |
-| ---------- | ---------------------------- | ------ | ------------- |
-| apply      | Text for apply button        | string | "Apply"       |
-| selectTime | Text for select time button  | string | "Select time" |
-| selectDate | Text for select date button  | string | "Select date" |
-| now        | Text for select "now" button | string | "Now"         |
+| Property         | Description                              | Type      | Default       |
+| ---------------- | ---------------------------------------- | --------- | ------------- |
+| apply            | Text for apply button                    | ReactNode | "Apply"       |
+| now              | Text for "Now" button in footer          | ReactNode | "Now"         |
+| inputPlaceholder | Placeholder text for the input           | string    | -             |
+| clearTooltip     | Tooltip on the clear button              | ReactNode | "Clear"       |
+| quickPicks       | Label above the quick picks column       | ReactNode | "Quick picks" |

package/dist/DatePicker.const.js

@@ -1,5 +1,8 @@
-export var TRIGGER_PROPS = {
+const TRIGGER_PROPS = {
   style: {
-    display: 'block'
+    display: "block"
   }
-};
+};
+export {
+  TRIGGER_PROPS
+};

package/dist/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { DatePickerProps } from './DatePicker.types';
+import { default as React } from 'react';
+import { DatePickerProps } from './DatePicker.types';
 declare const DatePicker: ({ autoFocus, disabled, texts, format, valueFormatOptions, value, onApply, showTime, onValueChange, onClear, errorText, popoverPlacement, prefixel, error, onDropdownVisibleChange, dropdownProps, suffixel, hideNow, readOnly, renderTrigger, inputProps, allowClear, overlayHTMLAttributes, triggerHTMLAttributes, ...rest }: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/dist/DatePicker.js

@@ -1,115 +1,75 @@
-var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps", "allowClear", "overlayHTMLAttributes", "triggerHTMLAttributes"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useEffect, useState } from 'react';
-import { useIntl } from 'react-intl';
-import Dropdown from '@synerise/ds-dropdown';
-import { TRIGGER_PROPS } from './DatePicker.const';
-import * as S from './DatePicker.styles';
-import PickerInput from './Elements/PickerInput/PickerInput';
-import RawDatePicker from './RawDatePicker/RawDatePicker';
-import { getDefaultTexts } from './utils/getDefaultTexts';
-var DatePicker = function DatePicker(_ref) {
-  var autoFocus = _ref.autoFocus,
-    disabled = _ref.disabled,
-    texts = _ref.texts,
-    format = _ref.format,
-    valueFormatOptions = _ref.valueFormatOptions,
-    value = _ref.value,
-    onApply = _ref.onApply,
-    showTime = _ref.showTime,
-    onValueChange = _ref.onValueChange,
-    onClear = _ref.onClear,
-    errorText = _ref.errorText,
-    popoverPlacement = _ref.popoverPlacement,
-    prefixel = _ref.prefixel,
-    error = _ref.error,
-    onDropdownVisibleChange = _ref.onDropdownVisibleChange,
-    dropdownProps = _ref.dropdownProps,
-    suffixel = _ref.suffixel,
-    hideNow = _ref.hideNow,
-    readOnly = _ref.readOnly,
-    renderTrigger = _ref.renderTrigger,
-    inputProps = _ref.inputProps,
-    _ref$allowClear = _ref.allowClear,
-    allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
-    overlayHTMLAttributes = _ref.overlayHTMLAttributes,
-    triggerHTMLAttributes = _ref.triggerHTMLAttributes,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(autoFocus || false),
-    dropVisible = _useState[0],
-    setDropVisible = _useState[1];
-  var _useState2 = useState(value),
-    selectedDate = _useState2[0],
-    setSelectedDate = _useState2[1];
-  var intl = useIntl();
-  var allTexts = getDefaultTexts(intl, texts);
-  useEffect(function () {
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { useIntl } from "react-intl";
+import Dropdown from "@synerise/ds-dropdown";
+import { TRIGGER_PROPS } from "./DatePicker.const.js";
+import { OverlayContainer } from "./DatePicker.styles.js";
+import PickerInput from "./Elements/PickerInput/PickerInput.js";
+import RawDatePicker from "./RawDatePicker/RawDatePicker.js";
+import { getDefaultTexts } from "./utils/getDefaultTexts.js";
+const DatePicker = ({
+  autoFocus,
+  disabled,
+  texts,
+  format,
+  valueFormatOptions,
+  value,
+  onApply,
+  showTime,
+  onValueChange,
+  onClear,
+  errorText,
+  popoverPlacement,
+  prefixel,
+  error,
+  onDropdownVisibleChange,
+  dropdownProps,
+  suffixel,
+  hideNow,
+  readOnly,
+  renderTrigger,
+  inputProps,
+  allowClear = true,
+  overlayHTMLAttributes,
+  triggerHTMLAttributes,
+  ...rest
+}) => {
+  const [dropVisible, setDropVisible] = useState(autoFocus || false);
+  const [selectedDate, setSelectedDate] = useState(value);
+  const intl = useIntl();
+  const allTexts = getDefaultTexts(intl, texts);
+  useEffect(() => {
     setSelectedDate(value);
   }, [value]);
-  var onValueChangeCallback = useCallback(function (val) {
+  const onValueChangeCallback = useCallback((val) => {
     onValueChange && onValueChange(val);
   }, [onValueChange]);
-  var onApplyCallback = useCallback(function (val) {
+  const onApplyCallback = useCallback((val) => {
     onApply && onApply(val);
     setSelectedDate(val);
     setDropVisible(false);
   }, [onApply]);
-  var handleOpenChange = useCallback(function (newOpen) {
-    onDropdownVisibleChange == null || onDropdownVisibleChange(newOpen);
-    dropdownProps == null || dropdownProps.onOpenChange == null || dropdownProps.onOpenChange(newOpen);
+  const handleOpenChange = useCallback((newOpen) => {
+    onDropdownVisibleChange?.(newOpen);
+    dropdownProps?.onOpenChange?.(newOpen);
     setDropVisible(newOpen);
   }, [dropdownProps, onDropdownVisibleChange]);
-  var handleClear = useCallback(function () {
+  const handleClear = useCallback(() => {
     setDropVisible(false);
-    setSelectedDate(undefined);
+    setSelectedDate(void 0);
     onClear && onClear();
   }, [onClear]);
-  var trigger = (renderTrigger == null ? void 0 : renderTrigger()) || /*#__PURE__*/React.createElement(PickerInput, _extends({}, inputProps, {
-    disabled: disabled,
-    allowClear: allowClear,
-    autoFocus: !disabled && autoFocus,
-    value: selectedDate,
-    showTime: showTime,
-    onClick: !readOnly ? function () {
-      setDropVisible(!dropVisible);
-    } : undefined,
-    format: format,
-    valueFormatOptions: valueFormatOptions,
-    onClear: handleClear,
-    placeholder: allTexts.inputPlaceholder,
-    prefixel: prefixel,
-    suffixel: suffixel,
-    clearTooltip: allTexts.clearTooltip,
-    highlight: !!dropVisible && !disabled,
-    error: error,
-    errorText: errorText,
-    readOnly: readOnly,
-    triggerHTMLAttributes: triggerHTMLAttributes
-  }));
-  return readOnly ? trigger : /*#__PURE__*/React.createElement(Dropdown, _extends({
-    overlay: /*#__PURE__*/React.createElement(S.OverlayContainer, _extends({
-      "data-testid": "date-picker-overlay-container"
-    }, overlayHTMLAttributes), /*#__PURE__*/React.createElement(RawDatePicker, _extends({}, rest, {
-      showTime: showTime,
-      texts: allTexts,
-      onApply: onApplyCallback,
-      onValueChange: onValueChangeCallback,
-      value: selectedDate,
-      hideNow: hideNow
-    }))),
-    trigger: ['click'],
-    placement: popoverPlacement,
-    disabled: disabled,
-    size: "min-match-trigger",
-    asChild: false
-  }, dropdownProps, {
-    onOpenChange: handleOpenChange,
-    open: ((dropdownProps == null ? void 0 : dropdownProps.open) || dropVisible) && !disabled,
-    popoverProps: _extends({
-      testId: 'date-picker'
-    }, dropdownProps == null ? void 0 : dropdownProps.popoverProps),
-    popoverTriggerProps: _extends({}, TRIGGER_PROPS, dropdownProps == null ? void 0 : dropdownProps.popoverTriggerProps)
-  }), trigger);
+  const trigger = renderTrigger?.() || /* @__PURE__ */ jsx(PickerInput, { ...inputProps, disabled, allowClear, autoFocus: !disabled && autoFocus, value: selectedDate, showTime, onClick: !readOnly ? () => {
+    setDropVisible(!dropVisible);
+  } : void 0, format, valueFormatOptions, onClear: handleClear, placeholder: allTexts.inputPlaceholder, prefixel, suffixel, clearTooltip: allTexts.clearTooltip, highlight: !!dropVisible && !disabled, error, errorText, readOnly, triggerHTMLAttributes });
+  return readOnly ? trigger : /* @__PURE__ */ jsx(Dropdown, { overlay: /* @__PURE__ */ jsx(OverlayContainer, { "data-testid": "date-picker-overlay-container", ...overlayHTMLAttributes, children: /* @__PURE__ */ jsx(RawDatePicker, { ...rest, showTime, texts: allTexts, onApply: onApplyCallback, onValueChange: onValueChangeCallback, value: selectedDate, hideNow }) }), trigger: ["click"], placement: popoverPlacement, disabled, size: "min-match-trigger", asChild: false, ...dropdownProps, onOpenChange: handleOpenChange, open: (dropdownProps?.open || dropVisible) && !disabled, popoverProps: {
+    testId: "date-picker",
+    ...dropdownProps?.popoverProps
+  }, popoverTriggerProps: {
+    ...TRIGGER_PROPS,
+    ...dropdownProps?.popoverTriggerProps
+  }, children: trigger });
+};
+export {
+  DatePicker as default
 };
-export default DatePicker;

package/dist/DatePicker.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {
     withQuickPicks?: boolean;
 }, never>;
-export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OverlayContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PickerWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const OverlayContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/DatePicker.styles.js

@@ -1,23 +1,26 @@
-import styled from 'styled-components';
-export var Container = styled.div.withConfig({
+import styled from "styled-components";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DatePickerstyles__Container",
   componentId: "sc-1kprsne-0"
-})(["background-color:", ";user-select:none;padding-top:12px;> *:not(:last-child){border-bottom:1px solid ", ";}.ds-date-picker-nav{.long-prev,.long-next{display:none;}}"], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['grey-200'];
-});
-export var ContentWrapper = styled.div.withConfig({
+})(["background-color:", ";user-select:none;padding-top:12px;> *:not(:last-child){border-bottom:1px solid ", ";}.ds-date-picker-nav{.long-prev,.long-next{display:none;}}"], (props) => props.theme.palette.white, (props) => props.theme.palette["grey-200"]);
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DatePickerstyles__ContentWrapper",
   componentId: "sc-1kprsne-1"
-})(["", ""], function (props) {
-  return props.withQuickPicks && "\n    display: flex;\n    justify-content: center;\n    ";
-});
-export var PickerWrapper = styled.div.withConfig({
+})(["", ""], (props) => props.withQuickPicks && `
+    display: flex;
+    justify-content: center;
+    `);
+const PickerWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DatePickerstyles__PickerWrapper",
   componentId: "sc-1kprsne-2"
 })(["display:grid;min-width:318px;align-items:stretch;justify-content:stretch;grid-template-rows:48px 300px 1fr;"]);
-export var OverlayContainer = styled.div.withConfig({
+const OverlayContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DatePickerstyles__OverlayContainer",
   componentId: "sc-1kprsne-3"
-})(["overflow:visible;min-width:318px;"]);
+})(["overflow:visible;min-width:318px;"]);
+export {
+  Container,
+  ContentWrapper,
+  OverlayContainer,
+  PickerWrapper
+};

package/dist/DatePicker.types.d.ts

@@ -1,9 +1,9 @@
-import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
-import type { IntlShape } from 'react-intl';
-import type { DateToFormatOptions } from '@synerise/ds-core';
-import type { DropdownSharedProps } from '@synerise/ds-dropdown';
-import type { InputProps } from '@synerise/ds-input';
-import type { DataAttributes } from '@synerise/ds-utils';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { IntlShape } from 'react-intl';
+import { DateToFormatOptions } from '@synerise/ds-core';
+import { DropdownSharedProps } from '@synerise/ds-dropdown';
+import { InputProps } from '@synerise/ds-input';
+import { DataAttributes } from '@synerise/ds-utils';
 export type QuickPick = {
     label: ReactNode;
     value: Date;

package/dist/DatePicker.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Elements/DayPicker/DayPicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type DayPickerProps } from './DayPicker.types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<DayPickerProps>> & {
+import { default as React } from 'react';
+import { DayPickerProps } from './DayPicker.types';
+declare const _default: React.FC<import('react-intl').WithIntlProps<DayPickerProps>> & {
     WrappedComponent: React.ComponentType<DayPickerProps>;
 };
 export default _default;

package/dist/Elements/DayPicker/DayPicker.js

@@ -1,62 +1,62 @@
-var _excluded = ["month", "onMonthChange", "onMonthNameClick", "onYearNameClick", "hideLongNext", "hideLongPrev", "hideShortNext", "hideShortPrev", "renderNavbar", "intl", "modifiers"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import { useDataFormat } from '@synerise/ds-core';
-import { fnsAddMonths, fnsAddYears } from '../../fns';
-import fnsFormat from '../../format';
-import localeUtils from '../../localeUtils';
-import Navbar from '../Navbar/Navbar';
-import * as S from '../Navbar/Navbar.styles';
-import { DayPicker } from './DayPicker.styles';
-var captionElement = function captionElement() {
-  return null;
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { injectIntl } from "react-intl";
+import { useDataFormat } from "@synerise/ds-core";
+import "date-fns/addDays";
+import fnsAddMonths from "date-fns/addMonths";
+import "date-fns/addSeconds";
+import fnsAddYears from "date-fns/addYears";
+import "date-fns/differenceInSeconds";
+import "date-fns/differenceInYears";
+import "date-fns/endOfDay";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/getSeconds";
+import "date-fns/getYear";
+import "date-fns/isAfter";
+import "date-fns/isBefore";
+import "date-fns/isEqual";
+import "date-fns/isSameDay";
+import "date-fns/isSameMonth";
+import "date-fns/isSameYear";
+import "date-fns/setDate";
+import "date-fns/setMonth";
+import "date-fns/setYear";
+import "date-fns/startOfDay";
+import "date-fns/startOfMonth";
+import fnsFormat from "../../format.js";
+import localeUtils from "../../localeUtils.js";
+import Navbar from "../Navbar/Navbar.js";
+import { Link } from "../Navbar/Navbar.styles.js";
+import { DayPicker as DayPicker$1 } from "./DayPicker.styles.js";
+const captionElement = () => null;
+const Picker = (props) => {
+  const {
+    month,
+    onMonthChange,
+    onMonthNameClick,
+    onYearNameClick,
+    hideLongNext,
+    hideLongPrev,
+    hideShortNext,
+    hideShortPrev,
+    renderNavbar,
+    intl,
+    modifiers,
+    ...rest
+  } = props;
+  const {
+    firstDayOfWeek
+  } = useDataFormat();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderNavbar ? renderNavbar(props) : /* @__PURE__ */ jsx(Navbar, { title: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Link, { "data-testid": "datapicker-nav-title-monthpicker-link", onClick: onMonthNameClick, children: fnsFormat(month, "MMM", intl.locale) }),
+      "  ",
+      /* @__PURE__ */ jsx(Link, { "data-testid": "datapicker-nav-title-yearpicker-link", onClick: onYearNameClick, children: fnsFormat(month, "yyyy", intl.locale) })
+    ] }), onLongPrev: hideLongPrev ? void 0 : () => onMonthChange && onMonthChange(fnsAddYears(month, -1)), onShortPrev: hideShortPrev ? void 0 : () => onMonthChange && onMonthChange(fnsAddMonths(month, -1)), onLongNext: hideLongNext ? void 0 : () => onMonthChange && onMonthChange(fnsAddYears(month, 1)), onShortNext: hideShortNext ? void 0 : () => onMonthChange && onMonthChange(fnsAddMonths(month, 1)) }, "head"),
+    /* @__PURE__ */ jsx(DayPicker$1, { month, firstDayOfWeek, captionElement, locale: intl.locale, localeUtils, modifiers, ...rest }, "body")
+  ] });
 };
-var Picker = function Picker(props) {
-  var month = props.month,
-    onMonthChange = props.onMonthChange,
-    onMonthNameClick = props.onMonthNameClick,
-    onYearNameClick = props.onYearNameClick,
-    hideLongNext = props.hideLongNext,
-    hideLongPrev = props.hideLongPrev,
-    hideShortNext = props.hideShortNext,
-    hideShortPrev = props.hideShortPrev,
-    renderNavbar = props.renderNavbar,
-    intl = props.intl,
-    modifiers = props.modifiers,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useDataFormat = useDataFormat(),
-    firstDayOfWeek = _useDataFormat.firstDayOfWeek;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderNavbar ? renderNavbar(props) : /*#__PURE__*/React.createElement(Navbar, {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Link, {
-      "data-testid": "datapicker-nav-title-monthpicker-link",
-      onClick: onMonthNameClick
-    }, fnsFormat(month, 'MMM', intl.locale)), '  ', /*#__PURE__*/React.createElement(S.Link, {
-      "data-testid": "datapicker-nav-title-yearpicker-link",
-      onClick: onYearNameClick
-    }, fnsFormat(month, 'yyyy', intl.locale))),
-    onLongPrev: hideLongPrev ? undefined : function () {
-      return onMonthChange && onMonthChange(fnsAddYears(month, -1));
-    },
-    onShortPrev: hideShortPrev ? undefined : function () {
-      return onMonthChange && onMonthChange(fnsAddMonths(month, -1));
-    },
-    onLongNext: hideLongNext ? undefined : function () {
-      return onMonthChange && onMonthChange(fnsAddYears(month, 1));
-    },
-    onShortNext: hideShortNext ? undefined : function () {
-      return onMonthChange && onMonthChange(fnsAddMonths(month, 1));
-    },
-    key: "head"
-  }), /*#__PURE__*/React.createElement(DayPicker, _extends({
-    month: month,
-    firstDayOfWeek: firstDayOfWeek,
-    captionElement: captionElement,
-    key: "body",
-    locale: intl.locale,
-    localeUtils: localeUtils,
-    modifiers: modifiers
-  }, rest)));
+const DayPicker = injectIntl(Picker);
+export {
+  DayPicker as default
 };
-export default injectIntl(Picker);

package/dist/Elements/DayPicker/DayPicker.styles.d.ts

@@ -1,6 +1,6 @@
-import DayPickerBase from 'react-day-picker';
-export declare const DayBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DayForeground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DayText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DayTooltip: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DayPicker: import("styled-components").StyledComponent<typeof DayPickerBase, any, {}, never>;
+import { default as DayPickerBase } from 'react-day-picker';
+export declare const DayBackground: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DayForeground: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DayText: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DayTooltip: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DayPicker: import('styled-components').StyledComponent<typeof DayPickerBase, any, {}, never>;

package/dist/Elements/DayPicker/DayPicker.styles.js

@@ -1,88 +1,31 @@
-import DayPickerBase from 'react-day-picker';
-import styled from 'styled-components';
-var DaySelectorPrefix = ".DayPicker-Day";
-var daySelector = function daySelector(modifier) {
-  return DaySelectorPrefix + "--" + modifier;
-};
-export var DayBackground = styled.div.withConfig({
+import DayPickerBase from "react-day-picker";
+import styled from "styled-components";
+const DaySelectorPrefix = `.DayPicker-Day`;
+const daySelector = (modifier) => `${DaySelectorPrefix}--${modifier}`;
+const DayBackground = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DayPickerstyles__DayBackground",
   componentId: "sc-oi7l9r-0"
 })([""]);
-export var DayForeground = styled.div.withConfig({
+const DayForeground = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DayPickerstyles__DayForeground",
   componentId: "sc-oi7l9r-1"
 })(["border-radius:50%;"]);
-export var DayText = styled.div.withConfig({
+const DayText = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DayPickerstyles__DayText",
   componentId: "sc-oi7l9r-2"
-})(["color:", ";border-radius:50%;"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var DayTooltip = styled.div.withConfig({
+})(["color:", ";border-radius:50%;"], (props) => props.theme.palette["grey-700"]);
+const DayTooltip = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DayPickerstyles__DayTooltip",
   componentId: "sc-oi7l9r-3"
 })(["display:none;"]);
-export var DayPicker = styled(DayPickerBase).withConfig({
+const DayPicker = /* @__PURE__ */ styled(DayPickerBase).withConfig({
   displayName: "DayPickerstyles__DayPicker",
   componentId: "sc-oi7l9r-4"
-})(["display:inline-block;font-size:12px;.DayPicker-wrapper{position:relative;flex-direction:row;}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.DayPicker-Month{display:table;margin:8px;border-spacing:0;border-collapse:collapse;}.DayPicker-Weekdays{display:table-header-group;}.DayPicker-WeekdaysRow{display:table-row;}.DayPicker-Weekday{min-width:39px;height:32px;display:table-cell;vertical-align:middle;text-align:center;font-weight:500;}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none;}.DayPicker-Body{display:table-row-group;}.DayPicker-Week{display:table-row;}.DayPicker--interactionDisabled ", "{cursor:default;}", "{width:40px;height:40px;display:table-cell;cursor:pointer;position:relative;box-sizing:border-box;> div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:4px;min-width:32px;}&--start > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;}&--end > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;}&--today{font-weight:500;}&--today", "{& > ", "{font-weight:400;}}&--entered", ":not(", "){& > ", "{border-color:", ";margin-right:0;margin-left:4px;}& > ", "{margin-right:0;background-color:", ";}}&--entered", ":not(", "){& > ", "{border-color:", ";margin-right:4px;margin-left:4px;}& > ", "{margin-right:4px;background-color:", ";}}&--entered:not(", "):not(", "){& > ", "{background-color:", ";}}&--today", ":not(", "){& >  ", "{background-color:", ";}}&--today", ":not(", "){& > ", "{background-color:transparent;font-weight:400;color:", ";}& >  ", "{background-color:", ";}& > ", "{border:2px solid transparent;}}&--today:not(", "){& > ", "{background-color:", ";color:", ";}& > ", "{border:2px solid ", ";}}&--entered > ", "{background-color:", ";}&--entered > ", "{color:", ";}&--entered-start:not(", ") > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;}&--entered-end:not(", ") > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;}&--outside{& > ", "{color:", ";}}&--disabled{cursor:default;& > ", "{color:", ";}}}", ":not(", "):not(", "):not(", "),", ":not(", "):not(", "):not(", "){&:last-child  > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;margin-right:4px;padding-right:0;}&:first-child  > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;margin-left:4px;padding-left:0;}}", ":not(", "):not(", "){& > div{padding-left:4px;margin-left:0;padding-right:4px;margin-right:0;}& > ", "{background-color:", ";}& > ", "{color:", ";}&", "{& > ", "{background-color:", ";}& > ", "{color:inherit;}}}", ":not(", "):not(", "){& > div{padding-left:4px;margin-left:0;padding-right:4px;margin-right:0;text-align:center;}&& > ", "{background-color:", ";}&& > ", "{color:", ";}&", "{&& > ", "{background-color:", ";}&& > ", "{color:inherit;}}}", ":not(", "):not(", "){& > ", "{border-radius:50%;font-weight:500;color:", ";background-color:", ";margin-right:4px;padding-left:0px;padding-right:0px;}& > ", "{background-color:", ";}& > div{padding-left:0px;margin-left:4px;}}", ":not(", "):not(", "):last-child,", ":not(", "):not(", "):first-child{& > div{margin-right:4px;}& > ", "{background-color:", ";}}", ":not(", "):not(", "){& > ", "{border-radius:50%;font-weight:500;background-color:", ";color:", ";margin-left:4px;padding-left:4px;}& > div{padding-right:4px;margin-right:4px;}}", ":not(", "):not(", "){& > div{padding-right:4px;}}", ":not(", "):hover{position:relative;", "{height:24px;position:absolute;top:-30px;margin-left:calc(-50% + 16px);display:block;white-space:nowrap;background-color:rgba(56,67,80,0.9);padding:3px 8px;border-radius:3px;z-index:9;font-weight:400;color:", ";}}", ":not(", "):not(", "),", ":not(", "){& > ", "{background:transparent;}}", "{& > ", "{border-radius:50%;}}&.relative{", ":not(", "):not(", "){& > ", "{font-weight:500;}", ":not(", "):not(", "){& > ", "{background-color:", ";}& > ", "{color:", ";}}}"], DaySelectorPrefix, DaySelectorPrefix, DayBackground, DayBackground, daySelector('selected'), DayText, daySelector('entered-start'), daySelector('entered-end'), DayForeground, function (props) {
-  return props.theme.palette['blue-300'];
-}, DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, daySelector('entered-end'), daySelector('entered-start'), DayForeground, function (props) {
-  return props.theme.palette['blue-300'];
-}, DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, daySelector('entered-start'), daySelector('entered-end'), DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, daySelector('entered-start') + daySelector('entered-end'), daySelector('selected'), DayBackground, function (props) {
-  return props.theme.palette['grey-050'];
-}, daySelector('entered'), daySelector('selected'), DayText, function (props) {
-  return props.theme.palette['blue-600'];
-}, DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, DayForeground, daySelector('selected'), DayText, function (props) {
-  return props.theme.palette['yellow-100'];
-}, function (props) {
-  return props.theme.palette['yellow-600'];
-}, DayForeground, function (props) {
-  return props.theme.palette['yellow-600'];
-}, DayBackground, function (props) {
-  return props.theme.palette['grey-050'];
-}, DayText, function (props) {
-  return props.theme.palette['blue-600'];
-}, daySelector('selected'), DayBackground, daySelector('selected'), DayBackground, DayText, function (props) {
-  return props.theme.palette['grey-400'];
-}, DayText, function (props) {
-  return props.theme.palette['grey-400'];
-}, daySelector('selected'), daySelector('disabled'), daySelector('end'), daySelector('start'), daySelector('entered'), daySelector('disabled'), daySelector('end'), daySelector('start'), DayBackground, DayBackground, daySelector('selected'), daySelector('disabled'), daySelector('outside'), DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, DayText, function (props) {
-  return props.theme.palette['blue-600'];
-}, daySelector('ghost'), DayBackground, function (props) {
-  return props.theme.palette['blue-600'];
-}, DayText, daySelector('entered'), daySelector('disabled'), daySelector('entered-start'), DayBackground, function (props) {
-  return props.theme.palette['grey-050'];
-}, DayText, function (props) {
-  return props.theme.palette['blue-600'];
-}, daySelector('ghost'), DayBackground, function (props) {
-  return props.theme.palette['blue-600'];
-}, DayText, daySelector('start'), daySelector('disabled'), daySelector('outside'), DayText, function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, daySelector('start'), daySelector('disabled'), daySelector('outside'), daySelector('end'), daySelector('disabled'), daySelector('outside'), DayBackground, function (props) {
-  return props.theme.palette.white;
-}, daySelector('end'), daySelector('disabled'), daySelector('outside'), DayText, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette.white;
-}, daySelector('end') + daySelector('start'), daySelector('disabled'), daySelector('outside'), daySelector('selected'), daySelector('disabled'), DayTooltip, function (props) {
-  return props.theme.palette.white;
-}, daySelector('initial'), daySelector('disabled'), daySelector('entered'), daySelector('initial-entered'), daySelector('disabled'), DayBackground, daySelector('outside') + daySelector('entered') + daySelector('selected'), DayBackground, daySelector('start') + daySelector('selected'), daySelector('disabled'), daySelector('outside'), DayText, daySelector('selected'), daySelector('disabled'), daySelector('outside'), DayBackground, function (props) {
-  return props.theme.palette['blue-100'];
-}, DayText, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["display:inline-block;font-size:12px;.DayPicker-wrapper{position:relative;flex-direction:row;}.DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.DayPicker-Month{display:table;margin:8px;border-spacing:0;border-collapse:collapse;}.DayPicker-Weekdays{display:table-header-group;}.DayPicker-WeekdaysRow{display:table-row;}.DayPicker-Weekday{min-width:39px;height:32px;display:table-cell;vertical-align:middle;text-align:center;font-weight:500;}.DayPicker-Weekday abbr[title]{border-bottom:none;text-decoration:none;}.DayPicker-Body{display:table-row-group;}.DayPicker-Week{display:table-row;}.DayPicker--interactionDisabled ", "{cursor:default;}", "{width:40px;height:40px;display:table-cell;cursor:pointer;position:relative;box-sizing:border-box;> div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:4px;min-width:32px;}&--start > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;}&--end > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;}&--today{font-weight:500;}&--today", "{& > ", "{font-weight:400;}}&--entered", ":not(", "){& > ", "{border-color:", ";margin-right:0;margin-left:4px;}& > ", "{margin-right:0;background-color:", ";}}&--entered", ":not(", "){& > ", "{border-color:", ";margin-right:4px;margin-left:4px;}& > ", "{margin-right:4px;background-color:", ";}}&--entered:not(", "):not(", "){& > ", "{background-color:", ";}}&--today", ":not(", "){& >  ", "{background-color:", ";}}&--today", ":not(", "){& > ", "{background-color:transparent;font-weight:400;color:", ";}& >  ", "{background-color:", ";}& > ", "{border:2px solid transparent;}}&--today:not(", "){& > ", "{background-color:", ";color:", ";}& > ", "{border:2px solid ", ";}}&--entered > ", "{background-color:", ";}&--entered > ", "{color:", ";}&--entered-start:not(", ") > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;}&--entered-end:not(", ") > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;}&--outside{& > ", "{color:", ";}}&--disabled{cursor:default;& > ", "{color:", ";}}}", ":not(", "):not(", "):not(", "),", ":not(", "):not(", "):not(", "){&:last-child  > ", "{border-top-right-radius:50%;border-bottom-right-radius:50%;margin-right:4px;padding-right:0;}&:first-child  > ", "{border-top-left-radius:50%;border-bottom-left-radius:50%;margin-left:4px;padding-left:0;}}", ":not(", "):not(", "){& > div{padding-left:4px;margin-left:0;padding-right:4px;margin-right:0;}& > ", "{background-color:", ";}& > ", "{color:", ";}&", "{& > ", "{background-color:", ";}& > ", "{color:inherit;}}}", ":not(", "):not(", "){& > div{padding-left:4px;margin-left:0;padding-right:4px;margin-right:0;text-align:center;}&& > ", "{background-color:", ";}&& > ", "{color:", ";}&", "{&& > ", "{background-color:", ";}&& > ", "{color:inherit;}}}", ":not(", "):not(", "){& > ", "{border-radius:50%;font-weight:500;color:", ";background-color:", ";margin-right:4px;padding-left:0px;padding-right:0px;}& > ", "{background-color:", ";}& > div{padding-left:0px;margin-left:4px;}}", ":not(", "):not(", "):last-child,", ":not(", "):not(", "):first-child{& > div{margin-right:4px;}& > ", "{background-color:", ";}}", ":not(", "):not(", "){& > ", "{border-radius:50%;font-weight:500;background-color:", ";color:", ";margin-left:4px;padding-left:4px;}& > div{padding-right:4px;margin-right:4px;}}", ":not(", "):not(", "){& > div{padding-right:4px;}}", ":not(", "):hover{position:relative;", "{height:24px;position:absolute;top:-30px;margin-left:calc(-50% + 16px);display:block;white-space:nowrap;background-color:rgba(56,67,80,0.9);padding:3px 8px;border-radius:3px;z-index:9;font-weight:400;color:", ";}}", ":not(", "):not(", "),", ":not(", "){& > ", "{background:transparent;}}", "{& > ", "{border-radius:50%;}}&.relative{", ":not(", "):not(", "){& > ", "{font-weight:500;}", ":not(", "):not(", "){& > ", "{background-color:", ";}& > ", "{color:", ";}}}"], DaySelectorPrefix, DaySelectorPrefix, DayBackground, DayBackground, daySelector("selected"), DayText, daySelector("entered-start"), daySelector("entered-end"), DayForeground, (props) => props.theme.palette["blue-300"], DayBackground, (props) => props.theme.palette["blue-100"], daySelector("entered-end"), daySelector("entered-start"), DayForeground, (props) => props.theme.palette["blue-300"], DayBackground, (props) => props.theme.palette["blue-100"], daySelector("entered-start"), daySelector("entered-end"), DayBackground, (props) => props.theme.palette["blue-100"], daySelector("entered-start") + daySelector("entered-end"), daySelector("selected"), DayBackground, (props) => props.theme.palette["grey-050"], daySelector("entered"), daySelector("selected"), DayText, (props) => props.theme.palette["blue-600"], DayBackground, (props) => props.theme.palette["blue-100"], DayForeground, daySelector("selected"), DayText, (props) => props.theme.palette["yellow-100"], (props) => props.theme.palette["yellow-600"], DayForeground, (props) => props.theme.palette["yellow-600"], DayBackground, (props) => props.theme.palette["grey-050"], DayText, (props) => props.theme.palette["blue-600"], daySelector("selected"), DayBackground, daySelector("selected"), DayBackground, DayText, (props) => props.theme.palette["grey-400"], DayText, (props) => props.theme.palette["grey-400"], daySelector("selected"), daySelector("disabled"), daySelector("end"), daySelector("start"), daySelector("entered"), daySelector("disabled"), daySelector("end"), daySelector("start"), DayBackground, DayBackground, daySelector("selected"), daySelector("disabled"), daySelector("outside"), DayBackground, (props) => props.theme.palette["blue-100"], DayText, (props) => props.theme.palette["blue-600"], daySelector("ghost"), DayBackground, (props) => props.theme.palette["blue-600"], DayText, daySelector("entered"), daySelector("disabled"), daySelector("entered-start"), DayBackground, (props) => props.theme.palette["grey-050"], DayText, (props) => props.theme.palette["blue-600"], daySelector("ghost"), DayBackground, (props) => props.theme.palette["blue-600"], DayText, daySelector("start"), daySelector("disabled"), daySelector("outside"), DayText, (props) => props.theme.palette.white, (props) => props.theme.palette["blue-600"], DayBackground, (props) => props.theme.palette["blue-100"], daySelector("start"), daySelector("disabled"), daySelector("outside"), daySelector("end"), daySelector("disabled"), daySelector("outside"), DayBackground, (props) => props.theme.palette.white, daySelector("end"), daySelector("disabled"), daySelector("outside"), DayText, (props) => props.theme.palette["blue-600"], (props) => props.theme.palette.white, daySelector("end") + daySelector("start"), daySelector("disabled"), daySelector("outside"), daySelector("selected"), daySelector("disabled"), DayTooltip, (props) => props.theme.palette.white, daySelector("initial"), daySelector("disabled"), daySelector("entered"), daySelector("initial-entered"), daySelector("disabled"), DayBackground, daySelector("outside") + daySelector("entered") + daySelector("selected"), DayBackground, daySelector("start") + daySelector("selected"), daySelector("disabled"), daySelector("outside"), DayText, daySelector("selected"), daySelector("disabled"), daySelector("outside"), DayBackground, (props) => props.theme.palette["blue-100"], DayText, (props) => props.theme.palette["blue-600"]);
+export {
+  DayBackground,
+  DayForeground,
+  DayPicker,
+  DayText,
+  DayTooltip
+};

package/dist/Elements/DayPicker/DayPicker.types.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import type MomentLocaleUtils from 'react-day-picker/moment';
-import { type DayModifiers, type Modifier, type Modifiers } from 'react-day-picker/types/Modifiers';
-import type { IntlShape } from 'react-intl';
+import { default as React } from 'react';
+import { default as MomentLocaleUtils } from 'react-day-picker/moment';
+import { DayModifiers, Modifier, Modifiers } from 'react-day-picker/types/Modifiers';
+import { IntlShape } from 'react-intl';
 export type DayPickerProps = {
     month: Date;
     onMonthChange?: (month: Date) => void;