@synerise/ds-date-picker 0.13.1 → 0.13.3

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.13.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.2...@synerise/ds-date-picker@0.13.3) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
+
+
+
+
+## [0.13.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.1...@synerise/ds-date-picker@0.13.2) (2024-11-21)
+
+
+### Bug Fixes
+
+* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+
+
+
+
+
 ## [0.13.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.13.0...@synerise/ds-date-picker@0.13.1) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-date-picker

package/dist/DatePicker.js

@@ -1,9 +1,6 @@
 var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger", "inputProps", "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 _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, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import Dropdown from '@synerise/ds-dropdown';
@@ -12,41 +9,37 @@ import RawDatePicker from './RawDatePicker/RawDatePicker';
 import PickerInput from './Elements/PickerInput/PickerInput';
 import * as S from './DatePicker.styles';
 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,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    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,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(autoFocus || false),
-      dropVisible = _useState[0],
-      setDropVisible = _useState[1];
-
+    dropVisible = _useState[0],
+    setDropVisible = _useState[1];
   var _useState2 = useState(value),
-      selectedDate = _useState2[0],
-      setSelectedDate = _useState2[1];
-
+    selectedDate = _useState2[0],
+    setSelectedDate = _useState2[1];
   var ref = useRef(null);
   var intl = useIntl();
   var allTexts = getDefaultTexts(intl, texts);
@@ -111,5 +104,4 @@ var DatePicker = function DatePicker(_ref) {
     disabled: disabled
   }, dropdownProps), trigger);
 };
-
 export default DatePicker;

package/dist/Elements/DayPicker/DayPicker.js

@@ -1,9 +1,6 @@
 var _excluded = ["month", "onMonthChange", "onMonthNameClick", "onYearNameClick", "hideLongNext", "hideLongPrev", "hideShortNext", "hideShortPrev", "renderNavbar", "intl", "modifiers"];
-
 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 _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 from 'react';
 import { injectIntl } from 'react-intl';
 import { useDataFormat } from '@synerise/ds-data-format';
@@ -13,28 +10,24 @@ import { fnsAddMonths, fnsAddYears } from '../../fns';
 import localeUtils from '../../localeUtils';
 import { DayPicker } from './DayPicker.styles';
 import * as S from '../Navbar/Navbar.styles';
-
 var captionElement = function captionElement() {
   return null;
 };
-
 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);
-
+    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;
-
+    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",
@@ -66,5 +59,4 @@ var Picker = function Picker(props) {
     modifiers: modifiers
   }, rest)));
 };
-
 export default injectIntl(Picker);

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

@@ -1,11 +1,9 @@
 import styled from 'styled-components';
 import DayPickerBase from 'react-day-picker';
 var DaySelectorPrefix = ".DayPicker-Day";
-
 var daySelector = function daySelector(modifier) {
   return DaySelectorPrefix + "--" + modifier;
 };
-
 export var DayBackground = styled.div.withConfig({
   displayName: "DayPickerstyles__DayBackground",
   componentId: "oi7l9r-0"

package/dist/Elements/DecadePicker/DecadePicker.js

@@ -1,13 +1,8 @@
 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';
@@ -15,13 +10,11 @@ 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()
   };
 }
-
 function getCells(cursor) {
   var startYear = getCenturyRange(cursor)[0];
   return range(0, 10).map(function (index) {
@@ -32,75 +25,54 @@ function getCells(cursor) {
     };
   });
 }
-
 var DecadePicker = /*#__PURE__*/function (_React$PureComponent) {
   function DecadePicker() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       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 () {
       var cursor = _this.state.cursor;
-
       _this.setState({
         cursor: fnsAddYears(cursor, -100)
       });
     });
-
     _defineProperty(_this, "handleLongNext", function () {
       var cursor = _this.state.cursor;
-
       _this.setState({
         cursor: fnsAddYears(cursor, 100)
       });
     });
-
     _defineProperty(_this, "handleCellClick", function (isoDate) {
       var onChange = _this.props.onChange;
-
       if (isoDate === -1) {
         _this.handleLongPrev();
-
         return;
       }
-
       if (isoDate === 1) {
         _this.handleLongNext();
-
         return;
       }
-
       onChange && onChange(new Date(isoDate));
     });
-
     return _this;
   }
-
   _inheritsLoose(DecadePicker, _React$PureComponent);
-
   var _proto = DecadePicker.prototype;
-
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
     var value = this.props.value;
-
     if ((prevProps == null ? void 0 : prevProps.value) !== value) {
       this.setState(getInitialState(this.props));
     }
-
     return null;
   };
-
   _proto.render = function render() {
     var cursor = this.state.cursor;
     var _this$props = this.props,
-        value = _this$props.value,
-        onTitleClick = _this$props.onTitleClick;
+      value = _this$props.value,
+      onTitleClick = _this$props.onTitleClick;
     var centuryRange = getCenturyRange(cursor);
     var cells = getCells(cursor);
     var valueCell = value ? cells.find(function (cell) {
@@ -132,8 +104,6 @@ var DecadePicker = /*#__PURE__*/function (_React$PureComponent) {
       key: "body"
     })];
   };
-
   return DecadePicker;
 }(React.PureComponent);
-
 export { DecadePicker as default };

package/dist/Elements/Footer/Footer.js

@@ -1,9 +1,6 @@
 var _excluded = ["text", "canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "hideNow"];
-
 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 _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 from 'react';
 import { injectIntl } from 'react-intl';
 import { v4 as uuid } from 'uuid';
@@ -11,21 +8,19 @@ import Button from '@synerise/ds-button';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
 import * as S from './Footer.styles';
-
 var Footer = function Footer(_ref) {
   var text = _ref.text,
-      canApply = _ref.canApply,
-      onApply = _ref.onApply,
-      intl = _ref.intl,
-      canSwitchMode = _ref.canSwitchMode,
-      onSwitchMode = _ref.onSwitchMode,
-      mode = _ref.mode,
-      dateOnly = _ref.dateOnly,
-      message = _ref.message,
-      texts = _ref.texts,
-      hideNow = _ref.hideNow,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    canApply = _ref.canApply,
+    onApply = _ref.onApply,
+    intl = _ref.intl,
+    canSwitchMode = _ref.canSwitchMode,
+    onSwitchMode = _ref.onSwitchMode,
+    mode = _ref.mode,
+    dateOnly = _ref.dateOnly,
+    message = _ref.message,
+    texts = _ref.texts,
+    hideNow = _ref.hideNow,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var SwitchModeButton = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(Button, {
       type: "ghost",
@@ -58,5 +53,4 @@ var Footer = function Footer(_ref) {
     }
   }, texts.apply))));
 };
-
 export default injectIntl(Footer);

package/dist/Elements/GridPicker/GridPicker.js

@@ -1,39 +1,29 @@
 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';
-
 var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
   function GridPicker() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-
     _defineProperty(_this, "handleCellClick", function (cell) {
       if (cell.disabled) return;
       var onCellClick = _this.props.onCellClick;
       onCellClick && onCellClick(cell.key);
     });
-
     _defineProperty(_this, "renderCell", function (cell) {
       var selectedKey = _this.props.selectedKey;
       var key = cell.key,
-          text = cell.text,
-          disabled = cell.disabled,
-          outside = cell.outside;
+        text = cell.text,
+        disabled = cell.disabled,
+        outside = cell.outside;
       return /*#__PURE__*/React.createElement(S.CellContainer, {
         className: classNames('cell', {
           'cell--selected': selectedKey === key,
@@ -49,20 +39,14 @@ var GridPicker = /*#__PURE__*/function (_React$PureComponent) {
         className: "cell-content"
       }, text));
     });
-
     return _this;
   }
-
   _inheritsLoose(GridPicker, _React$PureComponent);
-
   var _proto = GridPicker.prototype;
-
   _proto.render = function render() {
     var cells = this.props.cells;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.GridContainer, null, cells.map(this.renderCell)));
   };
-
   return GridPicker;
 }(React.PureComponent);
-
 export { GridPicker as default };

package/dist/Elements/MonthPicker/MonthPicker.js

@@ -1,13 +1,8 @@
 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';
@@ -17,14 +12,12 @@ import fnsFormat from '../../format';
 import YearPicker from '../YearPicker/YearPicker';
 import GridPicker from '../GridPicker/GridPicker';
 import Navbar from '../Navbar/Navbar';
-
 function getInitialState(props) {
   return {
     cursor: props.value || new Date(),
     yearMode: false
   };
 }
-
 function getCells(cursor, min, max, locale) {
   var minDate = min ? fnsStartOfMonth(min) : fnsSetMonth(cursor, 0);
   var maxDate = max ? fnsEndOfMonth(max) : fnsSetMonth(cursor, 12);
@@ -37,70 +30,53 @@ function getCells(cursor, min, max, locale) {
     };
   });
 }
-
 var MonthPicker = /*#__PURE__*/function (_React$PureComponent) {
   function MonthPicker() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       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 () {
       var cursor = _this.state.cursor;
-
       _this.setState({
         cursor: fnsAddYears(cursor, -1)
       });
     });
-
     _defineProperty(_this, "handleLongNext", function () {
       var cursor = _this.state.cursor;
-
       _this.setState({
         cursor: fnsAddYears(cursor, 1)
       });
     });
-
     return _this;
   }
-
   _inheritsLoose(MonthPicker, _React$PureComponent);
-
   var _proto = MonthPicker.prototype;
-
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
     var value = this.props.value;
-
     if ((prevProps == null ? void 0 : prevProps.value) !== value) {
       this.setState(getInitialState(this.props));
     }
-
     return null;
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$state = this.state,
-        cursor = _this$state.cursor,
-        yearMode = _this$state.yearMode;
+      cursor = _this$state.cursor,
+      yearMode = _this$state.yearMode;
     var _this$props = this.props,
-        min = _this$props.min,
-        max = _this$props.max,
-        value = _this$props.value,
-        intl = _this$props.intl,
-        onChange = _this$props.onChange;
+      min = _this$props.min,
+      max = _this$props.max,
+      value = _this$props.value,
+      intl = _this$props.intl,
+      onChange = _this$props.onChange;
     var cells = getCells(cursor, min, max, intl == null ? void 0 : intl.locale);
     var valueCell = value ? cells.find(function (cell) {
       return fnsIsSameMonth(value, legacyParse(cell.key));
     }) : null;
     var selectedKey = valueCell ? valueCell.key : null;
-
     if (yearMode) {
       return /*#__PURE__*/React.createElement(YearPicker, {
         value: cursor,
@@ -112,7 +88,6 @@ var MonthPicker = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     }
-
     return [/*#__PURE__*/React.createElement(Navbar, {
       onTitleClick: function onTitleClick() {
         return _this2.setState({
@@ -132,8 +107,6 @@ var MonthPicker = /*#__PURE__*/function (_React$PureComponent) {
       key: "body"
     })];
   };
-
   return MonthPicker;
 }(React.PureComponent);
-
 export default injectIntl(MonthPicker);

package/dist/Elements/Navbar/Navbar.js

@@ -2,18 +2,17 @@ import React from 'react';
 import { v4 as uuid } from 'uuid';
 import Icon, { AngleLeftS, AngleRightS, DoubleAngleLeftS, DoubleAngleRightS } from '@synerise/ds-icon';
 import * as S from './Navbar.styles';
-
 var Navbar = function Navbar(props) {
   var title = props.title,
-      onTitleClick = props.onTitleClick,
-      hidePrev = props.hidePrev,
-      hideNext = props.hideNext,
-      onLongPrev = props.onLongPrev,
-      onLongNext = props.onLongNext,
-      onShortPrev = props.onShortPrev,
-      onShortNext = props.onShortNext,
-      inactivePrev = props.inactivePrev,
-      inactiveNext = props.inactiveNext;
+    onTitleClick = props.onTitleClick,
+    hidePrev = props.hidePrev,
+    hideNext = props.hideNext,
+    onLongPrev = props.onLongPrev,
+    onLongNext = props.onLongNext,
+    onShortPrev = props.onShortPrev,
+    onShortNext = props.onShortNext,
+    inactivePrev = props.inactivePrev,
+    inactiveNext = props.inactiveNext;
   return /*#__PURE__*/React.createElement(S.Container, {
     className: "ds-date-picker-nav"
   }, /*#__PURE__*/React.createElement(S.ArrowContainer, null, onLongPrev && !hidePrev ? /*#__PURE__*/React.createElement(S.NavButton, {
@@ -68,5 +67,4 @@ var Navbar = function Navbar(props) {
     className: "arrow-placeholder long-next"
   })));
 };
-
 export default Navbar;

package/dist/Elements/PickerInput/PickerInput.js

@@ -1,19 +1,11 @@
 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';
 import Tooltip from '@synerise/ds-tooltip';
@@ -21,47 +13,40 @@ import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-form
 import { legacyParse } from '@date-fns/upgrade/v2';
 import * as S from './PickerInput.styles';
 import format from '../../format';
-
 var PickerInput = function PickerInput(_ref) {
   var autoFocus = _ref.autoFocus,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      readOnly = _ref.readOnly,
-      value = _ref.value,
-      dateFormat = _ref.format,
-      valueFormatOptions = _ref.valueFormatOptions,
-      onChange = _ref.onChange,
-      showTime = _ref.showTime,
-      placeholder = _ref.placeholder,
-      onClear = _ref.onClear,
-      onClick = _ref.onClick,
-      clearTooltip = _ref.clearTooltip,
-      highlight = _ref.highlight,
-      error = _ref.error,
-      errorText = _ref.errorText,
-      prefixel = _ref.prefixel,
-      suffixel = _ref.suffixel,
-      allowClear = _ref.allowClear,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    size = _ref.size,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    value = _ref.value,
+    dateFormat = _ref.format,
+    valueFormatOptions = _ref.valueFormatOptions,
+    onChange = _ref.onChange,
+    showTime = _ref.showTime,
+    placeholder = _ref.placeholder,
+    onClear = _ref.onClear,
+    onClick = _ref.onClick,
+    clearTooltip = _ref.clearTooltip,
+    highlight = _ref.highlight,
+    error = _ref.error,
+    errorText = _ref.errorText,
+    prefixel = _ref.prefixel,
+    suffixel = _ref.suffixel,
+    allowClear = _ref.allowClear,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useDataFormat = useDataFormat(),
-      formatValue = _useDataFormat.formatValue;
-
+    formatValue = _useDataFormat.formatValue;
   var _useState = useState(false),
-      hovered = _useState[0],
-      setHovered = _useState[1];
-
+    hovered = _useState[0],
+    setHovered = _useState[1];
   var getText = useCallback(function () {
     if (!value) return '';
-
     if (dateFormat) {
       return format(legacyParse(value), dateFormat);
     }
-
     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));
   }, [value, dateFormat, showTime, formatValue, valueFormatOptions]);
   var handleApply = useCallback(function (date) {
@@ -114,5 +99,4 @@ var PickerInput = function PickerInput(_ref) {
     errorText: errorText
   }, rest))), !!suffixel && /*#__PURE__*/React.createElement(S.Suffixel, null, suffixel));
 };
-
 export default PickerInput;