@synerise/ds-date-picker 0.10.7 → 0.10.9

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.10.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.10.8...@synerise/ds-date-picker@0.10.9) (2023-08-20)
+
+**Note:** Version bump only for package @synerise/ds-date-picker
+
+
+
+
+
+## [0.10.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.10.7...@synerise/ds-date-picker@0.10.8) (2023-08-09)
+
+
+### Bug Fixes
+
+* **date-picker:** added styles for inactive arrows in nav ([225722c](https://github.com/Synerise/synerise-design/commit/225722cd546060114ecf5d3136e5b07eb1df2c61))
+
+
+
+
+
 ## [0.10.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.10.6...@synerise/ds-date-picker@0.10.7) (2023-08-03)
 
 **Note:** Version bump only for package @synerise/ds-date-picker

package/dist/Elements/Navbar/Navbar.js

@@ -11,10 +11,13 @@ var Navbar = function Navbar(props) {
       onLongPrev = props.onLongPrev,
       onLongNext = props.onLongNext,
       onShortPrev = props.onShortPrev,
-      onShortNext = props.onShortNext;
+      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, {
+    disabled: inactivePrev,
     key: uuid(),
     mode: "single-icon",
     role: "button",
@@ -25,6 +28,7 @@ var Navbar = function Navbar(props) {
   })) : /*#__PURE__*/React.createElement(S.ArrowPlaceholder, {
     className: "arrow-placeholder long-prev"
   }), onShortPrev && !hidePrev ? /*#__PURE__*/React.createElement(S.NavButton, {
+    disabled: inactivePrev,
     key: uuid(),
     mode: "single-icon",
     role: "button",
@@ -37,6 +41,7 @@ var Navbar = function Navbar(props) {
   })), /*#__PURE__*/React.createElement(S.Text, null, onTitleClick ? /*#__PURE__*/React.createElement(S.Link, {
     onClick: onTitleClick
   }, title) : title), /*#__PURE__*/React.createElement(S.ArrowContainer, null, onShortNext && !hideNext ? /*#__PURE__*/React.createElement(S.NavButton, {
+    disabled: inactiveNext,
     key: uuid(),
     mode: "single-icon",
     role: "button",
@@ -47,6 +52,7 @@ var Navbar = function Navbar(props) {
   })) : /*#__PURE__*/React.createElement(S.ArrowPlaceholder, {
     className: "arrow-placeholder short-next"
   }), onLongNext && !hideNext ? /*#__PURE__*/React.createElement(S.NavButton, {
+    disabled: inactiveNext,
     key: uuid(),
     mode: "single-icon",
     role: "button",

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

@@ -3,6 +3,8 @@ export declare type NavbarProps = {
     title?: React.ReactNode | React.ReactText;
     hidePrev?: boolean;
     hideNext?: boolean;
+    inactivePrev?: boolean;
+    inactiveNext?: boolean;
     onTitleClick?: () => void;
     onLongPrev?: () => void;
     onLongNext?: () => void;

package/dist/Elements/TimePicker/TimePicker.js

@@ -14,6 +14,8 @@ var TimePicker = function TimePicker(_ref) {
       disabledMinutes = _ref$disabledMinutes === void 0 ? [] : _ref$disabledMinutes,
       _ref$disabledSeconds = _ref.disabledSeconds,
       disabledSeconds = _ref$disabledSeconds === void 0 ? [] : _ref$disabledSeconds,
+      inactivePrev = _ref.inactivePrev,
+      inactiveNext = _ref.inactiveNext,
       onChange = _ref.onChange,
       onShortNext = _ref.onShortNext,
       onShortPrev = _ref.onShortPrev;
@@ -25,6 +27,8 @@ var TimePicker = function TimePicker(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!value && /*#__PURE__*/React.createElement(Navbar, {
     title: fnsFormat(value, 'iii d, yyyy', intl.locale),
     key: "head",
+    inactivePrev: inactivePrev,
+    inactiveNext: inactiveNext,
     onShortNext: onShortNext,
     onShortPrev: onShortPrev
   }), /*#__PURE__*/React.createElement(S.Container, {

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

@@ -5,6 +5,8 @@ export declare type TimePickerProps = {
     disabledHours: number[];
     disabledMinutes: number[];
     disabledSeconds: number[];
+    inactivePrev?: boolean;
+    inactiveNext?: boolean;
     onShortNext?: () => void;
     onShortPrev?: () => void;
 };

package/dist/RawDatePicker/RawDatePicker.js

@@ -199,18 +199,25 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = _this.props,
           disabledHours = _this$props2.disabledHours,
           disabledMinutes = _this$props2.disabledMinutes,
-          disabledSeconds = _this$props2.disabledSeconds;
+          disabledSeconds = _this$props2.disabledSeconds,
+          disabledDates = _this$props2.disabledDates;
+      var prevDay = fnsAddDays(legacyParse(value), -1);
+      var nextDay = fnsAddDays(legacyParse(value), 1);
+      var inactivePrev = disabledDates ? disabledDates(prevDay) : false;
+      var inactiveNext = disabledDates ? disabledDates(nextDay) : false;
       return /*#__PURE__*/React.createElement(TimePicker, {
         value: value,
         onChange: _this.handleChange,
         disabledHours: disabledHours,
         disabledMinutes: disabledMinutes,
         disabledSeconds: disabledSeconds,
+        inactiveNext: inactiveNext,
+        inactivePrev: inactivePrev,
         onShortNext: function onShortNext() {
-          return _this.handleDaySwitch(fnsAddDays(legacyParse(value), 1));
+          return _this.handleDaySwitch(nextDay);
         },
         onShortPrev: function onShortPrev() {
-          return _this.handleDaySwitch(fnsAddDays(legacyParse(value), -1));
+          return _this.handleDaySwitch(prevDay);
         }
       });
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.10.7",
+  "version": "0.10.9",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,11 +33,11 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-button": "^0.17.20",
-    "@synerise/ds-core": "^0.39.11",
+    "@synerise/ds-button": "^0.18.0",
+    "@synerise/ds-core": "^0.39.12",
     "@synerise/ds-icon": "^0.58.0",
-    "@synerise/ds-time-picker": "^0.7.16",
-    "@synerise/ds-tooltip": "^0.14.0",
+    "@synerise/ds-time-picker": "^0.8.0",
+    "@synerise/ds-tooltip": "^0.14.1",
     "classnames": "^2.2.6",
     "date-fns": "2.16.1",
     "lodash": "^4.17.20",
@@ -48,5 +48,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "3879c41ef7a22df15d5cd80ceaa41ec56e551429"
+  "gitHead": "0795eb5071d9160e429731ba8f8807c1ae509085"
 }