@synerise/ds-date-picker 0.13.8 → 0.14.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.9...@synerise/ds-date-picker@0.14.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/Synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
+## [0.13.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.8...@synerise/ds-date-picker@0.13.9) (2025-01-21)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
+
+
+
+
 ## [0.13.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.7...@synerise/ds-date-picker@0.13.8) (2025-01-15)
 
 **Note:** Version bump only for package @synerise/ds-date-picker

package/dist/DatePicker.js

@@ -85,6 +85,7 @@ var DatePicker = function DatePicker(_ref) {
   }));
   return readOnly ? trigger : /*#__PURE__*/React.createElement(Dropdown, _extends({
     overlay: /*#__PURE__*/React.createElement(S.OverlayContainer, {
+      "data-testid": "date-picker-overlay-container",
       ref: ref
     }, /*#__PURE__*/React.createElement(RawDatePicker, _extends({}, rest, {
       showTime: showTime,

package/dist/Elements/DecadePicker/DecadePicker.js

@@ -1,8 +1,5 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { range } from 'lodash';
 import { legacyParse } from '@date-fns/upgrade/v2';
@@ -32,20 +29,20 @@ var DecadePicker = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _defineProperty(_this, "state", getInitialState(_this.props));
-    _defineProperty(_this, "handleLongPrev", function () {
+    _this.state = getInitialState(_this.props);
+    _this.handleLongPrev = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, -100)
       });
-    });
-    _defineProperty(_this, "handleLongNext", function () {
+    };
+    _this.handleLongNext = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, 100)
       });
-    });
-    _defineProperty(_this, "handleCellClick", function (isoDate) {
+    };
+    _this.handleCellClick = function (isoDate) {
       var onChange = _this.props.onChange;
       if (isoDate === -1) {
         _this.handleLongPrev();
@@ -56,7 +53,7 @@ var DecadePicker = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       onChange && onChange(new Date(isoDate));
-    });
+    };
     return _this;
   }
   _inheritsLoose(DecadePicker, _React$PureComponent);

package/dist/Elements/GridPicker/GridPicker.js

@@ -1,8 +1,5 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import classNames from 'classnames';
 import * as S from './GridPicker.styles';
@@ -13,12 +10,12 @@ var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _defineProperty(_this, "handleCellClick", function (cell) {
+    _this.handleCellClick = function (cell) {
       if (cell.disabled) return;
       var onCellClick = _this.props.onCellClick;
       onCellClick && onCellClick(cell.key);
-    });
-    _defineProperty(_this, "renderCell", function (cell) {
+    };
+    _this.renderCell = function (cell) {
       var selectedKey = _this.props.selectedKey;
       var key = cell.key,
         text = cell.text,
@@ -38,7 +35,7 @@ var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement("div", {
         className: "cell-content"
       }, text));
-    });
+    };
     return _this;
   }
   _inheritsLoose(GridPicker, _React$PureComponent);

package/dist/Elements/MonthPicker/MonthPicker.js

@@ -1,8 +1,5 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { range } from 'lodash';
@@ -37,19 +34,19 @@ var MonthPicker = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _defineProperty(_this, "state", getInitialState(_this.props));
-    _defineProperty(_this, "handleLongPrev", function () {
+    _this.state = getInitialState(_this.props);
+    _this.handleLongPrev = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, -1)
       });
-    });
-    _defineProperty(_this, "handleLongNext", function () {
+    };
+    _this.handleLongNext = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, 1)
       });
-    });
+    };
     return _this;
   }
   _inheritsLoose(MonthPicker, _React$PureComponent);

package/dist/Elements/PickerInput/PickerInput.js

@@ -1,10 +1,5 @@
 var _excluded = ["autoFocus", "size", "disabled", "readOnly", "value", "format", "valueFormatOptions", "onChange", "showTime", "placeholder", "onClear", "onClick", "clearTooltip", "highlight", "error", "errorText", "prefixel", "suffixel", "allowClear"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useMemo, useState } from 'react';
 import Icon, { CalendarM, Close3S } from '@synerise/ds-icon';
@@ -47,7 +42,7 @@ var PickerInput = function PickerInput(_ref) {
     if (typeof value === 'string') {
       return format(legacyParse(value), dateFormat || showTime ? 'MMM d, yyyy, HH:mm' : 'MMM d, yyyy');
     }
-    return formatValue(value, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
+    return formatValue(value, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
   }, [value, dateFormat, showTime, formatValue, valueFormatOptions]);
   var handleApply = useCallback(function (date) {
     if (!onChange) return;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { 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<import("react").ComponentType<import("@synerise/ds-input").BaseProps<HTMLInputElement> & import("antd/lib/input").InputProps>, any, import("@synerise/ds-input").BaseProps<HTMLInputElement> & import("antd/lib/input").InputProps & {
+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, ...antdInputProps }: InputProps) => import("react").JSX.Element, any, import("@synerise/ds-input").BaseProps<HTMLInputElement> & import("antd/lib/input").InputProps & {
     active: boolean;
 }, never>;
 export declare const PickerInputWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/Elements/TimePicker/TimePicker.js

@@ -1,10 +1,7 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { useDataFormat, getDefaultDataTimeOptions } from '@synerise/ds-data-format';
+import DSTimePicker from '@synerise/ds-time-picker';
 import Navbar from '../Navbar/Navbar';
 import * as S from './TimePicker.styles';
 var TimePicker = function TimePicker(_ref) {
@@ -24,7 +21,7 @@ var TimePicker = function TimePicker(_ref) {
   var _useDataFormat = useDataFormat(),
     is12HoursClock = _useDataFormat.is12HoursClock,
     formatValue = _useDataFormat.formatValue;
-  var navbarDate = formatValue(value, _objectSpread({}, getDefaultDataTimeOptions(), {
+  var navbarDate = formatValue(value, _extends({}, getDefaultDataTimeOptions(), {
     targetFormat: 'date',
     month: 'short'
   }));
@@ -38,7 +35,7 @@ var TimePicker = function TimePicker(_ref) {
   }), /*#__PURE__*/React.createElement(S.Container, {
     key: "ds-time-picker-body",
     className: "ds-time-picker"
-  }, /*#__PURE__*/React.createElement(S.Picker, {
+  }, /*#__PURE__*/React.createElement(DSTimePicker, {
     value: value,
     onChange: onChange,
     disabledHours: disabledHours,

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

@@ -1,10 +1 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Picker: import("styled-components").StyledComponent<{
-    ({ placement, placeholder, trigger, value, units, defaultOpen, onChange, containerStyle, timeFormat, valueFormatOptions, use12HourClock, alwaysOpen, dropdownProps, inputProps, disabled, disabledHours, disabledMinutes, disabledSeconds, overlayClassName, className, clearTooltip, raw, onClockModeChange, errorText, }: import("@synerise/ds-time-picker").TimePickerProps): import("react").JSX.Element;
-    defaultProps: {
-        placement: string;
-        trigger: string[];
-        units: import("dayjs").UnitType[];
-    };
-}, any, {}, never>;

package/dist/Elements/TimePicker/TimePicker.styles.js

@@ -1,10 +1,5 @@
 import styled from 'styled-components';
-import DSTimePicker from '@synerise/ds-time-picker';
 export var Container = styled.div.withConfig({
   displayName: "TimePickerstyles__Container",
   componentId: "js4ktp-0"
-})(["display:grid;grid-auto-columns:1fr;> *{grid-row:1;}&&{& > div > div{height:calc(100% - 18px);}}padding:16px 24px 0 24px;"]);
-export var Picker = styled(DSTimePicker).withConfig({
-  displayName: "TimePickerstyles__Picker",
-  componentId: "js4ktp-1"
-})([""]);
+})(["display:grid;grid-auto-columns:1fr;> *{grid-row:1;}&&{& > div > div{height:calc(100% - 18px);}}padding:16px 24px 0 24px;"]);

package/dist/Elements/YearPicker/YearPicker.js

@@ -1,8 +1,5 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { legacyParse } from '@date-fns/upgrade/v2';
 import fnsFormat from '../../format';
@@ -34,20 +31,20 @@ var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _defineProperty(_this, "state", getInitialState(_this.props));
-    _defineProperty(_this, "handleLongPrev", function () {
+    _this.state = getInitialState(_this.props);
+    _this.handleLongPrev = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, -10)
       });
-    });
-    _defineProperty(_this, "handleLongNext", function () {
+    };
+    _this.handleLongNext = function () {
       var cursor = _this.state.cursor;
       _this.setState({
         cursor: fnsAddYears(cursor, 10)
       });
-    });
-    _defineProperty(_this, "handleCellClick", function (isoDate) {
+    };
+    _this.handleCellClick = function (isoDate) {
       var onChange = _this.props.onChange;
       if (isoDate === -1) {
         _this.handleLongPrev();
@@ -58,7 +55,7 @@ var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       onChange && onChange(new Date(isoDate));
-    });
+    };
     return _this;
   }
   _inheritsLoose(YearPicker, _React$PureComponent);

package/dist/RawDatePicker/RawDatePicker.js

@@ -1,8 +1,5 @@
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { legacyParse } from '@date-fns/upgrade/v2';
@@ -23,7 +20,7 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call(this, props) || this;
 
     // eslint-disable-next-line react/state-in-constructor
-    _defineProperty(_this, "handleChange", function (value) {
+    _this.handleChange = function (value) {
       var onValueChange = _this.props.onValueChange;
       var _this$state = _this.state,
         mode = _this$state.mode,
@@ -42,18 +39,18 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
         });
         onValueChange && onValueChange(value);
       }
-    });
-    _defineProperty(_this, "handleDayMouseEnter", function (day) {
+    };
+    _this.handleDayMouseEnter = function (day) {
       return _this.setState({
         enteredTo: day
       });
-    });
-    _defineProperty(_this, "handleDayMouseLeave", function () {
+    };
+    _this.handleDayMouseLeave = function () {
       return _this.setState({
         enteredTo: undefined
       });
-    });
-    _defineProperty(_this, "handleDayClick", function (day, modifiers) {
+    };
+    _this.handleDayClick = function (day, modifiers) {
       var _this$state2 = _this.state,
         isChanged = _this$state2.changed,
         value = _this$state2.value;
@@ -74,13 +71,13 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
         _this.handleChange(nextDateWithCurrentTime);
       }
       !!showTime && _this.handleModeSwitch('time');
-    });
-    _defineProperty(_this, "handleModeSwitch", function (mode) {
+    };
+    _this.handleModeSwitch = function (mode) {
       return _this.setState({
         mode: mode
       });
-    });
-    _defineProperty(_this, "handleApply", function (date) {
+    };
+    _this.handleApply = function (date) {
       var onApply = _this.props.onApply;
       if (!onApply) return;
       var value = _this.state.value;
@@ -93,20 +90,20 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
         onApply(value);
       }
       _this.handleModeSwitch('date');
-    });
-    _defineProperty(_this, "handleMonthChange", function (month, mode) {
+    };
+    _this.handleMonthChange = function (month, mode) {
       return _this.setState({
         month: month,
         mode: mode
       });
-    });
-    _defineProperty(_this, "renderDay", function (day) {
+    };
+    _this.renderDay = function (day) {
       var text = day.getDate();
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, null), /*#__PURE__*/React.createElement(DayText, {
         "data-attr": text
       }, text), /*#__PURE__*/React.createElement(DayForeground, null));
-    });
-    _defineProperty(_this, "renderYearPicker", function () {
+    };
+    _this.renderYearPicker = function () {
       var month = _this.state.month;
       return /*#__PURE__*/React.createElement(YearPicker, {
         value: month,
@@ -114,8 +111,8 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
           return changedMonth && _this.handleMonthChange(changedMonth, 'date');
         }
       });
-    });
-    _defineProperty(_this, "renderMonthPicker", function () {
+    };
+    _this.renderMonthPicker = function () {
       var month = _this.state.month;
       return /*#__PURE__*/React.createElement(MonthPicker, {
         value: month,
@@ -123,8 +120,8 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
           return changedMonth && _this.handleMonthChange(changedMonth, 'date');
         }
       });
-    });
-    _defineProperty(_this, "renderDayPicker", function () {
+    };
+    _this.renderDayPicker = function () {
       var _this$state3 = _this.state,
         value = _this$state3.value,
         enteredTo = _this$state3.enteredTo;
@@ -161,16 +158,16 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
         },
         modifiers: modifiers
       });
-    });
-    _defineProperty(_this, "handleDaySwitch", function (day) {
+    };
+    _this.handleDaySwitch = function (day) {
       var disabledDates = _this.props.disabledDates;
 
       // @ts-ignore
       _this.handleDayClick(day, {
         disabled: disabledDates ? disabledDates(day) : false
       });
-    });
-    _defineProperty(_this, "renderTimePicker", function () {
+    };
+    _this.renderTimePicker = function () {
       var value = _this.state.value;
       var _this$props2 = _this.props,
         disabledHours = _this$props2.disabledHours,
@@ -196,7 +193,7 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
           return _this.handleDaySwitch(prevDay);
         }
       });
-    });
+    };
     _this.state = {
       mode: 'date',
       month: fnsStartOfMonth(props.value || new Date()),
@@ -272,10 +269,10 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
   };
   return RawDatePicker;
 }(React.Component);
-_defineProperty(RawDatePicker, "defaultProps", {
+RawDatePicker.defaultProps = {
   showTime: false,
   disabledHours: [],
   disabledMinutes: [],
   disabledSeconds: []
-});
+};
 export default injectIntl(RawDatePicker);

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export { default as MonthPicker } from './Elements/MonthPicker/MonthPicker';
 export { default as YearPicker } from './Elements/YearPicker/YearPicker';
 export { default as DayPicker } from './Elements/DayPicker/DayPicker';
 export { default as TimePicker } from './Elements/TimePicker/TimePicker';
+export type { DatePickerProps } from './DatePicker.types';

package/dist/localeUtils.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import MomentLocaleUtils from 'react-day-picker/moment';
 var WEEKDAYS_LONG = {
   en: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
@@ -60,7 +56,7 @@ function getFirstDayOfWeek(locale) {
   }
   return FIRST_DAY[getValidLocale(locale)];
 }
-var localeUtils = _objectSpread({}, MomentLocaleUtils, {
+var localeUtils = _extends({}, MomentLocaleUtils, {
   formatDay: formatDay,
   formatMonthTitle: formatMonthTitle,
   formatWeekdayShort: formatWeekdayShort,

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/dist/utils/getDefaultTexts.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 export var getDefaultTexts = function getDefaultTexts(intl, texts) {
@@ -23,5 +19,5 @@ export var getDefaultTexts = function getDefaultTexts(intl, texts) {
       defaultMessage: "Clear"
     })
   };
-  return texts ? _objectSpread({}, defaultTexts, {}, texts) : defaultTexts;
+  return texts ? _extends({}, defaultTexts, texts) : defaultTexts;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.13.8",
+  "version": "0.14.0",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,14 +35,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.22.2",
-    "@synerise/ds-data-format": "^0.6.1",
-    "@synerise/ds-dropdown": "^0.18.30",
-    "@synerise/ds-icon": "^0.69.1",
-    "@synerise/ds-input": "^0.24.20",
-    "@synerise/ds-time-picker": "^0.11.8",
-    "@synerise/ds-tooltip": "^0.14.54",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-button": "^0.23.0",
+    "@synerise/ds-data-format": "^0.7.0",
+    "@synerise/ds-dropdown": "^0.19.0",
+    "@synerise/ds-icon": "^0.71.0",
+    "@synerise/ds-input": "^0.25.0",
+    "@synerise/ds-time-picker": "^0.12.0",
+    "@synerise/ds-tooltip": "^0.15.0",
+    "@synerise/ds-utils": "^0.32.0",
     "classnames": "2.3.2",
     "date-fns": "2.16.1",
     "lodash": "^4.17.21",
@@ -51,10 +51,10 @@
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "antd": "4.7.0",
-    "react": ">=16.9.0 <= 17.0.2",
+    "antd": "4.24.16",
+    "react": ">=16.9.0 <= 18.3.1",
     "react-intl": ">=3.12.0 <= 6.8",
-    "styled-components": "5.0.1"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "f591d14d24d6a14aab76edcb60f04aaadec8336d"
+  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
 }