@synerise/ds-date-picker 1.1.10 → 1.1.12

package/README.md

@@ -28,24 +28,24 @@ import DatePicker from '@synerise/ds-date-picker'
 
 ## API
 
-| Property        | Description                                                 | Type                          | Default    |
-| --------------- | ----------------------------------------------------------- | ----------------------------- | ---------- |
-| autoFocus       | Boolean value to force focus of an input                    | boolean                       | `false`    |
-| showTime        | Boolean value to enable user to choose particular hour      | boolean                       | `false`    |
-| value           | Value of the picker                                         | Date                          | new Date() |
-| onApply         | Callback executed after applying changes                    | (date:Date)=>void             | -          |
-| disabled        | Boolean value to set disabled state of an input             | boolean                       | `false`    |
-| disabledDates   | Function to specify if particular dates are disabled or not | (date:Date)=>boolean          | -          |
-| disabledHours   | Disabled hours for time picker                              | number[]                      | []         |
-| disabledMinutes | Disabled minutes for time picker                            | number[]                      | []         |
-| disabledSeconds | Disabled seconds for time picker                            | number[]                      | []         |
-| useStartOfDay   | Boolean value to set hours to the start of the day          | boolean                       | `false`    |
-| useEndOfDay     | Boolean value to set hours to the start of the day          | boolean                       | `false`    |
-| texts           | Object containing texts                                     | object                        | {}         |
-| prefixel        | String or ReactNode to set prefix                           | string / ReactNode            | -          |
-| suffixel        | String or ReactNode to set suffix                           | string / ReactNode            | -          |
-| hideNow         | Hide now button                                             | boolean / undefined           | -          |
-| renderTrigger   | Function for rendering a custom trigger element             | ()=>ReactElement / undefined  | -          |
+| Property        | Description                                                 | Type                         | Default    |
+| --------------- | ----------------------------------------------------------- | ---------------------------- | ---------- |
+| autoFocus       | Boolean value to force focus of an input                    | boolean                      | `false`    |
+| showTime        | Boolean value to enable user to choose particular hour      | boolean                      | `false`    |
+| value           | Value of the picker                                         | Date                         | new Date() |
+| onApply         | Callback executed after applying changes                    | (date:Date)=>void            | -          |
+| disabled        | Boolean value to set disabled state of an input             | boolean                      | `false`    |
+| disabledDates   | Function to specify if particular dates are disabled or not | (date:Date)=>boolean         | -          |
+| disabledHours   | Disabled hours for time picker                              | number[]                     | []         |
+| disabledMinutes | Disabled minutes for time picker                            | number[]                     | []         |
+| disabledSeconds | Disabled seconds for time picker                            | number[]                     | []         |
+| useStartOfDay   | Boolean value to set hours to the start of the day          | boolean                      | `false`    |
+| useEndOfDay     | Boolean value to set hours to the start of the day          | boolean                      | `false`    |
+| texts           | Object containing texts                                     | object                       | {}         |
+| prefixel        | String or ReactNode to set prefix                           | string / ReactNode           | -          |
+| suffixel        | String or ReactNode to set suffix                           | string / ReactNode           | -          |
+| hideNow         | Hide now button                                             | boolean / undefined          | -          |
+| renderTrigger   | Function for rendering a custom trigger element             | ()=>ReactElement / undefined | -          |
 
 ### Texts
 

package/dist/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { 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, ...rest }: DatePickerProps) => React.JSX.Element;
+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,13 +1,13 @@
-var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps", "allowClear"];
+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, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
-import RawDatePicker from './RawDatePicker/RawDatePicker';
-import PickerInput from './Elements/PickerInput/PickerInput';
 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,
@@ -33,6 +33,8 @@ var DatePicker = function DatePicker(_ref) {
     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],
@@ -81,13 +83,14 @@ var DatePicker = function DatePicker(_ref) {
     highlight: !!dropVisible && !disabled,
     error: error,
     errorText: errorText,
-    readOnly: readOnly
+    readOnly: readOnly,
+    triggerHTMLAttributes: triggerHTMLAttributes
   }));
   return readOnly ? trigger : /*#__PURE__*/React.createElement(Dropdown, _extends({
-    overlay: /*#__PURE__*/React.createElement(S.OverlayContainer, {
+    overlay: /*#__PURE__*/React.createElement(S.OverlayContainer, _extends({
       "data-testid": "date-picker-overlay-container",
       ref: ref
-    }, /*#__PURE__*/React.createElement(RawDatePicker, _extends({}, rest, {
+    }, overlayHTMLAttributes), /*#__PURE__*/React.createElement(RawDatePicker, _extends({}, rest, {
       showTime: showTime,
       texts: allTexts,
       onApply: onApplyCallback,

package/dist/DatePicker.types.d.ts

@@ -1,8 +1,9 @@
+import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import type { IntlShape } from 'react-intl';
-import type { ReactNode, ReactElement } from 'react';
-import type { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
 import type { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { DropdownProps } from '@synerise/ds-dropdown';
 import type { InputProps } from '@synerise/ds-input';
+import type { DataAttributes } from '@synerise/ds-utils';
 export type DatePickerProps = {
     autoFocus?: boolean;
     disabled?: boolean;
@@ -39,6 +40,8 @@ export type DatePickerProps = {
     hideNow?: boolean;
     readOnly?: boolean;
     inputProps?: Pick<InputProps, 'autoResize'>;
+    overlayHTMLAttributes?: HTMLAttributes<HTMLDivElement> & DataAttributes;
+    triggerHTMLAttributes?: HTMLAttributes<HTMLDivElement> & DataAttributes;
 };
 export type Props = DatePickerProps;
 export type State = {

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

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

package/dist/Elements/DayPicker/DayPicker.js

@@ -4,12 +4,12 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { useDataFormat } from '@synerise/ds-data-format';
-import fnsFormat from '../../format';
-import Navbar from '../Navbar/Navbar';
 import { fnsAddMonths, fnsAddYears } from '../../fns';
+import fnsFormat from '../../format';
 import localeUtils from '../../localeUtils';
-import { DayPicker } from './DayPicker.styles';
+import Navbar from '../Navbar/Navbar';
 import * as S from '../Navbar/Navbar.styles';
+import { DayPicker } from './DayPicker.styles';
 var captionElement = function captionElement() {
   return null;
 };

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

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
 import DayPickerBase from 'react-day-picker';
+import styled from 'styled-components';
 var DaySelectorPrefix = ".DayPicker-Day";
 var daySelector = function daySelector(modifier) {
   return DaySelectorPrefix + "--" + modifier;

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

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

package/dist/Elements/DecadePicker/DecadePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DecadePickerProps, DecadePickerState } from './DecadePicker.types';
+import { type DecadePickerProps, type DecadePickerState } from './DecadePicker.types';
 export default class DecadePicker extends React.PureComponent<DecadePickerProps, DecadePickerState> {
     state: DecadePickerState;
     getSnapshotBeforeUpdate(prevProps: Readonly<DecadePickerProps>): null;

package/dist/Elements/DecadePicker/DecadePicker.js

@@ -1,12 +1,12 @@
 function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
 import { range } from 'lodash';
+import React from 'react';
 import { legacyParse } from '@date-fns/upgrade/v2';
+import { fnsAddYears, fnsGetYear, fnsSetYear } from '../../fns';
+import { getCenturyRange, getDecadeRange } from '../../utils';
 import GridPicker from '../GridPicker/GridPicker';
 import Navbar from '../Navbar/Navbar';
-import { getDecadeRange, getCenturyRange } from '../../utils';
-import { fnsAddYears, fnsSetYear, fnsGetYear } from '../../fns';
 function getInitialState(props) {
   return {
     cursor: props.value || new Date()

package/dist/Elements/Footer/Footer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Props } from './Footer.types';
+import { type Props } from './Footer.types';
 declare const _default: React.FC<import("react-intl").WithIntlProps<Props>> & {
     WrappedComponent: React.ComponentType<Props>;
 };

package/dist/Elements/Footer/Footer.js

@@ -5,8 +5,8 @@ import React from 'react';
 import { injectIntl } from 'react-intl';
 import { v4 as uuid } from 'uuid';
 import Button from '@synerise/ds-button';
-import Tooltip from '@synerise/ds-tooltip';
 import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
+import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Footer.styles';
 var Footer = function Footer(_ref) {
   var text = _ref.text,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { WrappedComponentProps } from 'react-intl';
-import { Texts } from '../../DatePicker.types';
+import { type WrappedComponentProps } from 'react-intl';
+import { type Texts } from '../../DatePicker.types';
 export type Props = {
     text?: string;
     mode: string;

package/dist/Elements/GridPicker/GridPicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Cell, GridPickerProps } from './GridPicker.types';
+import { type Cell, type GridPickerProps } from './GridPicker.types';
 export default class GridPicker extends React.PureComponent<GridPickerProps> {
     handleCellClick: (cell: Cell) => void;
     renderCell: (cell: Cell) => React.ReactNode;

package/dist/Elements/GridPicker/GridPicker.js

@@ -1,7 +1,7 @@
 function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import * as S from './GridPicker.styles';
 var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
   function GridPicker() {
@@ -11,7 +11,9 @@ var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.handleCellClick = function (cell) {
-      if (cell.disabled) return;
+      if (cell.disabled) {
+        return;
+      }
       var onCellClick = _this.props.onCellClick;
       onCellClick && onCellClick(cell.key);
     };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type Cell = {
     disabled?: boolean;
     key: React.ReactText;

package/dist/Elements/MonthPicker/MonthPicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MonthPickerProps } from './MonthPicker.types';
+import { type MonthPickerProps } from './MonthPicker.types';
 declare const _default: React.FC<import("react-intl").WithIntlProps<MonthPickerProps>> & {
     WrappedComponent: React.ComponentType<MonthPickerProps>;
 };

package/dist/Elements/MonthPicker/MonthPicker.js

@@ -1,14 +1,14 @@
 function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import { range } from 'lodash';
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import { range } from 'lodash';
 import { legacyParse } from '@date-fns/upgrade/v2';
-import { fnsStartOfMonth, fnsEndOfMonth, fnsSetMonth, fnsIsBefore, fnsAddYears, fnsIsAfter, fnsIsSameMonth } from '../../fns';
+import { fnsAddYears, fnsEndOfMonth, fnsIsAfter, fnsIsBefore, fnsIsSameMonth, fnsSetMonth, fnsStartOfMonth } from '../../fns';
 import fnsFormat from '../../format';
-import YearPicker from '../YearPicker/YearPicker';
 import GridPicker from '../GridPicker/GridPicker';
 import Navbar from '../Navbar/Navbar';
+import YearPicker from '../YearPicker/YearPicker';
 function getInitialState(props) {
   return {
     cursor: props.value || new Date(),

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

@@ -1,4 +1,4 @@
-import { IntlShape } from 'react-intl';
+import { type IntlShape } from 'react-intl';
 export type MonthPickerProps = {
     min?: Date;
     max?: Date;

package/dist/Elements/Navbar/Navbar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { NavbarProps } from './Navbar.types';
+import { type NavbarProps } from './Navbar.types';
 declare const Navbar: React.FC<NavbarProps>;
 export default Navbar;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type NavbarProps = {
     title?: React.ReactNode | React.ReactText;
     hidePrev?: boolean;

package/dist/Elements/PickerInput/PickerInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { PickerInputProps } from './PickerInput.types';
-declare const PickerInput: ({ disabled, readOnly, value, format: dateFormat, valueFormatOptions, onChange, showTime, onClear, onClick, clearTooltip, highlight, prefixel, suffixel, allowClear, ...rest }: PickerInputProps) => React.JSX.Element;
+import { type PickerInputProps } from './PickerInput.types';
+declare const PickerInput: ({ disabled, readOnly, value, format: dateFormat, valueFormatOptions, onChange, showTime, onClear, onClick, clearTooltip, highlight, prefixel, suffixel, allowClear, triggerHTMLAttributes, ...rest }: PickerInputProps) => React.JSX.Element;
 export default PickerInput;

package/dist/Elements/PickerInput/PickerInput.js

@@ -1,13 +1,14 @@
-var _excluded = ["disabled", "readOnly", "value", "format", "valueFormatOptions", "onChange", "showTime", "onClear", "onClick", "clearTooltip", "highlight", "prefixel", "suffixel", "allowClear"];
+var _excluded = ["disabled", "readOnly", "value", "format", "valueFormatOptions", "onChange", "showTime", "onClear", "onClick", "clearTooltip", "highlight", "prefixel", "suffixel", "allowClear", "triggerHTMLAttributes"],
+  _excluded2 = ["className"];
 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, useMemo, useState } from 'react';
+import { legacyParse } from '@date-fns/upgrade/v2';
+import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format';
 import Icon, { CalendarM, Close3S } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
-import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import * as S from './PickerInput.styles';
 import format from '../../format';
+import * as S from './PickerInput.styles';
 var PickerInput = function PickerInput(_ref) {
   var disabled = _ref.disabled,
     readOnly = _ref.readOnly,
@@ -23,6 +24,7 @@ var PickerInput = function PickerInput(_ref) {
     prefixel = _ref.prefixel,
     suffixel = _ref.suffixel,
     allowClear = _ref.allowClear,
+    triggerHTMLAttributes = _ref.triggerHTMLAttributes,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useDataFormat = useDataFormat(),
     formatValue = _useDataFormat.formatValue;
@@ -30,7 +32,9 @@ var PickerInput = function PickerInput(_ref) {
     hovered = _useState[0],
     setHovered = _useState[1];
   var getText = useCallback(function () {
-    if (!value) return '';
+    if (!value) {
+      return '';
+    }
     if (dateFormat) {
       return format(legacyParse(value), dateFormat);
     }
@@ -40,7 +44,9 @@ var PickerInput = function PickerInput(_ref) {
     return formatValue(value, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
   }, [value, dateFormat, showTime, formatValue, valueFormatOptions]);
   var handleApply = useCallback(function (date) {
-    if (!onChange) return;
+    if (!onChange) {
+      return;
+    }
     onChange(date, getText());
   }, [onChange, getText]);
   var handleIconClick = useCallback(function (event) {
@@ -62,11 +68,14 @@ var PickerInput = function PickerInput(_ref) {
       component: /*#__PURE__*/React.createElement(CalendarM, null)
     }));
   }, [hovered, highlight, allowClear, readOnly, value, clearTooltip, handleIconClick]);
-  return /*#__PURE__*/React.createElement(S.PickerInputWrapper, {
+  var _ref2 = triggerHTMLAttributes != null ? triggerHTMLAttributes : {},
+    className = _ref2.className,
+    restAttributes = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(S.PickerInputWrapper, _extends({
     prefixel: !!prefixel,
     suffixel: !!suffixel,
-    className: "ds-date-input"
-  }, !!prefixel && /*#__PURE__*/React.createElement(S.Prefixel, null, prefixel), /*#__PURE__*/React.createElement(S.Container, {
+    className: "ds-date-input " + (className || '')
+  }, restAttributes), !!prefixel && /*#__PURE__*/React.createElement(S.Prefixel, null, prefixel), /*#__PURE__*/React.createElement(S.Container, {
     onMouseEnter: !disabled ? function () {
       return setHovered(true);
     } : undefined,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputProps } from '@synerise/ds-input';
+import { type InputProps } from '@synerise/ds-input';
 export declare const Prefixel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Suffixel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: InputProps) => import("react").JSX.Element, any, {

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

@@ -1,6 +1,7 @@
-import type { ReactNode, CSSProperties } from 'react';
-import { SizeType } from 'antd/lib/config-provider/SizeContext';
+import { type SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import type { DateToFormatOptions } from '@synerise/ds-data-format';
+import type { DataAttributes } from '@synerise/ds-utils';
 import type { DatePickerProps } from '../../DatePicker.types';
 type InputProps = DatePickerProps['inputProps'];
 export type Props = InputProps & {
@@ -27,6 +28,7 @@ export type Props = InputProps & {
     errorText?: ReactNode;
     prefixel?: ReactNode;
     suffixel?: ReactNode;
+    triggerHTMLAttributes?: HTMLAttributes<HTMLDivElement> & DataAttributes;
 };
 export type PickerInputProps = Props;
 export {};

package/dist/Elements/TimePicker/TimePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { TimePickerProps } from './TimePicker.types';
+import { type TimePickerProps } from './TimePicker.types';
 declare const TimePicker: ({ value, disabledHours, disabledMinutes, disabledSeconds, inactivePrev, inactiveNext, onChange, onShortNext, onShortPrev, }: TimePickerProps) => React.JSX.Element;
 export default TimePicker;

package/dist/Elements/TimePicker/TimePicker.js

@@ -1,6 +1,6 @@
 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); }
 import React from 'react';
-import { useDataFormat, getDefaultDataTimeOptions } from '@synerise/ds-data-format';
+import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format';
 import DSTimePicker from '@synerise/ds-time-picker';
 import Navbar from '../Navbar/Navbar';
 import * as S from './TimePicker.styles';

package/dist/Elements/YearPicker/YearPicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { YearPickerProps, YearPickerState } from './YearPicker.types';
+import { type YearPickerProps, type YearPickerState } from './YearPicker.types';
 export default class YearPicker extends React.PureComponent<YearPickerProps, YearPickerState> {
     state: YearPickerState;
     getSnapshotBeforeUpdate(prevProps: Readonly<YearPickerProps>): null;

package/dist/Elements/YearPicker/YearPicker.js

@@ -2,12 +2,12 @@ function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prot
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React from 'react';
 import { legacyParse } from '@date-fns/upgrade/v2';
+import { fnsAddYears, fnsIsSameYear, fnsSetYear } from '../../fns';
 import fnsFormat from '../../format';
+import { getDecadeRange } from '../../utils';
 import DecadePicker from '../DecadePicker/DecadePicker';
 import GridPicker from '../GridPicker/GridPicker';
 import Navbar from '../Navbar/Navbar';
-import { getDecadeRange } from '../../utils';
-import { fnsAddYears, fnsSetYear, fnsIsSameYear } from '../../fns';
 function getInitialState(props) {
   return {
     cursor: props.value || new Date(),

package/dist/RawDatePicker/RawDatePicker.d.ts

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

package/dist/RawDatePicker/RawDatePicker.js

@@ -3,15 +3,15 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { legacyParse } from '@date-fns/upgrade/v2';
-import Footer from '../Elements/Footer/Footer';
 import * as S from '../DatePicker.styles';
 import DayPicker from '../Elements/DayPicker/DayPicker';
+import { DayBackground, DayForeground, DayText } from '../Elements/DayPicker/DayPicker.styles';
+import Footer from '../Elements/Footer/Footer';
 import MonthPicker from '../Elements/MonthPicker/MonthPicker';
+import TimePicker from '../Elements/TimePicker/TimePicker';
 import YearPicker from '../Elements/YearPicker/YearPicker';
+import { fnsAddDays, fnsEndOfDay, fnsSetDate, fnsSetMonth, fnsSetYear, fnsStartOfDay, fnsStartOfMonth } from '../fns';
 import fnsFormat from '../format';
-import TimePicker from '../Elements/TimePicker/TimePicker';
-import { DayBackground, DayText, DayForeground } from '../Elements/DayPicker/DayPicker.styles';
-import { fnsStartOfMonth, fnsSetYear, fnsSetMonth, fnsSetDate, fnsStartOfDay, fnsEndOfDay, fnsAddDays } from '../fns';
 import { changeDayWithHoursPreserved } from '../utils';
 import { getDefaultTexts } from '../utils/getDefaultTexts';
 var RawDatePicker = /*#__PURE__*/function (_React$Component) {
@@ -58,7 +58,9 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
         useStartOfDay = _this$props.useStartOfDay,
         useEndOfDay = _this$props.useEndOfDay,
         showTime = _this$props.showTime;
-      if (modifiers.disabled) return;
+      if (modifiers.disabled) {
+        return;
+      }
       var nextDateWithCurrentTime = isChanged && value ? value : new Date();
       nextDateWithCurrentTime = fnsSetYear(nextDateWithCurrentTime, day.getFullYear());
       nextDateWithCurrentTime = fnsSetMonth(nextDateWithCurrentTime, day.getMonth());
@@ -79,7 +81,9 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
     };
     _this.handleApply = function (date) {
       var onApply = _this.props.onApply;
-      if (!onApply) return;
+      if (!onApply) {
+        return;
+      }
       var value = _this.state.value;
       if (date instanceof Date) {
         onApply(date);

package/dist/RawDatePicker/RawDatePicker.types.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerProps } from '../DatePicker.types';
+import { type DatePickerProps } from '../DatePicker.types';
 export type RawDatePickerProps = Omit<DatePickerProps, 'dropdownProps'>;

package/dist/fns.d.ts

@@ -1,23 +1,23 @@
-import fnsStartOfMonth from "date-fns/startOfMonth";
-import fnsSetDate from "date-fns/setDate";
-import fnsSetMonth from "date-fns/setMonth";
-import fnsSetYear from "date-fns/setYear";
-import fnsStartOfDay from "date-fns/startOfDay";
-import fnsEndOfDay from "date-fns/endOfDay";
-import fnsAddYears from "date-fns/addYears";
-import fnsEndOfMonth from "date-fns/endOfMonth";
-import fnsIsSameMonth from "date-fns/isSameMonth";
-import fnsIsBefore from "date-fns/isBefore";
-import fnsIsAfter from "date-fns/isAfter";
-import fnsAddMonths from "date-fns/addMonths";
-import fnsFormat from "date-fns/format";
-import fnsIsSameYear from "date-fns/isSameYear";
-import fnsGetYear from "date-fns/getYear";
-import fnsGetSeconds from "date-fns/getSeconds";
-import fnsAddDays from "date-fns/addDays";
-import fnsDifferenceInSeconds from "date-fns/differenceInSeconds";
-import fnsDifferenceInYears from "date-fns/differenceInYears";
-import fnsAddSeconds from "date-fns/addSeconds";
+import fnsAddDays from 'date-fns/addDays';
+import fnsAddMonths from 'date-fns/addMonths';
+import fnsAddSeconds from 'date-fns/addSeconds';
+import fnsAddYears from 'date-fns/addYears';
+import fnsDifferenceInSeconds from 'date-fns/differenceInSeconds';
+import fnsDifferenceInYears from 'date-fns/differenceInYears';
+import fnsEndOfDay from 'date-fns/endOfDay';
+import fnsEndOfMonth from 'date-fns/endOfMonth';
+import fnsFormat from 'date-fns/format';
+import fnsGetSeconds from 'date-fns/getSeconds';
+import fnsGetYear from 'date-fns/getYear';
+import fnsIsAfter from 'date-fns/isAfter';
+import fnsIsBefore from 'date-fns/isBefore';
+import fnsIsSameMonth from 'date-fns/isSameMonth';
+import fnsIsSameYear from 'date-fns/isSameYear';
+import fnsSetDate from 'date-fns/setDate';
+import fnsSetMonth from 'date-fns/setMonth';
+import fnsSetYear from 'date-fns/setYear';
+import fnsStartOfDay from 'date-fns/startOfDay';
+import fnsStartOfMonth from 'date-fns/startOfMonth';
 export { fnsGetSeconds };
 export { fnsDifferenceInSeconds };
 export { fnsStartOfMonth };

package/dist/fns.js

@@ -1,23 +1,23 @@
-import fnsStartOfMonth from "date-fns/startOfMonth";
-import fnsSetDate from "date-fns/setDate";
-import fnsSetMonth from "date-fns/setMonth";
-import fnsSetYear from "date-fns/setYear";
-import fnsStartOfDay from "date-fns/startOfDay";
-import fnsEndOfDay from "date-fns/endOfDay";
-import fnsAddYears from "date-fns/addYears";
-import fnsEndOfMonth from "date-fns/endOfMonth";
-import fnsIsSameMonth from "date-fns/isSameMonth";
-import fnsIsBefore from "date-fns/isBefore";
-import fnsIsAfter from "date-fns/isAfter";
-import fnsAddMonths from "date-fns/addMonths";
-import fnsFormat from "date-fns/format";
-import fnsIsSameYear from "date-fns/isSameYear";
-import fnsGetYear from "date-fns/getYear";
-import fnsGetSeconds from "date-fns/getSeconds";
-import fnsAddDays from "date-fns/addDays";
-import fnsDifferenceInSeconds from "date-fns/differenceInSeconds";
-import fnsDifferenceInYears from "date-fns/differenceInYears";
-import fnsAddSeconds from "date-fns/addSeconds";
+import fnsAddDays from 'date-fns/addDays';
+import fnsAddMonths from 'date-fns/addMonths';
+import fnsAddSeconds from 'date-fns/addSeconds';
+import fnsAddYears from 'date-fns/addYears';
+import fnsDifferenceInSeconds from 'date-fns/differenceInSeconds';
+import fnsDifferenceInYears from 'date-fns/differenceInYears';
+import fnsEndOfDay from 'date-fns/endOfDay';
+import fnsEndOfMonth from 'date-fns/endOfMonth';
+import fnsFormat from 'date-fns/format';
+import fnsGetSeconds from 'date-fns/getSeconds';
+import fnsGetYear from 'date-fns/getYear';
+import fnsIsAfter from 'date-fns/isAfter';
+import fnsIsBefore from 'date-fns/isBefore';
+import fnsIsSameMonth from 'date-fns/isSameMonth';
+import fnsIsSameYear from 'date-fns/isSameYear';
+import fnsSetDate from 'date-fns/setDate';
+import fnsSetMonth from 'date-fns/setMonth';
+import fnsSetYear from 'date-fns/setYear';
+import fnsStartOfDay from 'date-fns/startOfDay';
+import fnsStartOfMonth from 'date-fns/startOfMonth';
 export { fnsGetSeconds };
 export { fnsDifferenceInSeconds };
 export { fnsStartOfMonth };

package/dist/format.js

@@ -1,5 +1,5 @@
-import { pl, es, enGB as en } from 'date-fns/locale';
 import fnsIsValid from 'date-fns/isValid';
+import { enGB as en, es, pl } from 'date-fns/locale';
 import { fnsFormat } from './fns';
 var locales = {
   en: en,